commit 4753d14347975e397c48fedc6bd951242fda1d41 Author: ruchi Date: Wed Jan 27 19:36:30 2021 -0500 first commit diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..2cd8968 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1 @@ +123,125 \ No newline at end of file diff --git a/images/background.jpg b/images/background.jpg new file mode 100644 index 0000000..1933745 Binary files /dev/null and b/images/background.jpg differ diff --git a/images/bg2.jpg b/images/bg2.jpg new file mode 100644 index 0000000..7336824 Binary files /dev/null and b/images/bg2.jpg differ diff --git a/images/bg3.jpg b/images/bg3.jpg new file mode 100644 index 0000000..7270bc8 Binary files /dev/null and b/images/bg3.jpg differ diff --git a/images/fb.png b/images/fb.png new file mode 100644 index 0000000..bccf548 Binary files /dev/null and b/images/fb.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..7929c6e --- /dev/null +++ b/index.html @@ -0,0 +1,121 @@ + + + + + + + + Survey of Facebook UI + + + + + + + + + +

Questionnaire of the Facebook UI/UX

+ +

+ + +

Give us your opinion about Facebook

+ +

+ First Name: + +

+ Last Name: + +

+ E-mail: + +

+
+ +

+ + +

+ + Did you enjoy your experience using Facebook +
+ + Yes + + No + +
+ +

+ +

+ Select the web browser you are using: + + +

+ +

+ Number of times a day you check Facebook.
+ 0 times
+ 1-2 times
+ 3-4 times
+ 5 times or more
+

+ +

+ What does Facebook do better than its competitors?
+ Recommending Friends
+ User Feed
+ Advertisements
+ Usability
+ Nothing +

+ +
+

Please enter your comments here:

+ +

+ + + + +

+ + + + + + + + + + + + + + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..4e96efe --- /dev/null +++ b/styles.css @@ -0,0 +1,76 @@ +body { + background-color: #66BFBF; + text-align: center; + background-image: url("images/bg3.jpg"); + + } + +h1{ + font-family: "Helvetica ", sans-serif; + font-size: 40px; + color: rgb(45, 43, 170); + + +} + +.survey_body{ + background-color: #ffffff; + margin: 20px; + padding-top: 40px; + padding-bottom: 40px; +} + +.form-control{ + padding-right: 43%; + text-align: right; + margin: 10px 0px; + font-size: 20px; +} + + +.texto{ + text-align: center; +} + +.gender{ + text-align: center; + font-size: 20px; + padding-top: 20x; + padding-left: 10px; +} + +.box{ + text-align: center; + font-size: 20px; + padding-top: 20px; + padding-bottom: 20px; +} + +.btn-control{ + padding-bottom: 20px; + padding-left: 41%; + text-align: left; + font-size: 20px; +} + +.questions{ + padding-top: 20px; +} + +.fb{ + width: 10%; + height:auto; + +} + +.footer { + position: fixed; + left: 0; + bottom: 0; + width: 100%; + background-color: rgb(87, 139, 216); + color: rgb(255, 255, 255); + text-align: center; +} + +