diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..98e2039 Binary files /dev/null and b/.DS_Store differ diff --git a/README.md b/README.md index d0b411b..2171f32 100644 --- a/README.md +++ b/README.md @@ -2,3 +2,5 @@ prep_facebook_pages =================== [This is an HTML and CSS project from the Viking Code School Prep Work](http://www.vikingcodeschool.com/web-markup-and-coding/let-s-build-facebook). + +isaac asimov \ No newline at end of file diff --git a/about.html b/about.html new file mode 100644 index 0000000..f428663 --- /dev/null +++ b/about.html @@ -0,0 +1,53 @@ + + + + + + + Facebook About + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + +

Timeline

About

Photos

Friends

 + + +

About

+ +
+ +
+

Email and Shit

Email and Shit

Email and Shit

Email and Shit

Email and Shit

Email and Shit

My Story

My Story

My Story

My Story

My Story

My Story

My Story

+ + + +
+ + + + + + + diff --git a/background.jpg b/background.jpg new file mode 100644 index 0000000..d47ea0a Binary files /dev/null and b/background.jpg differ diff --git a/facebook-logo-vector-400x400 b/facebook-logo-vector-400x400 new file mode 100644 index 0000000..e0c6834 Binary files /dev/null and b/facebook-logo-vector-400x400 differ diff --git a/fbstyles.css b/fbstyles.css new file mode 100644 index 0000000..e8b1189 --- /dev/null +++ b/fbstyles.css @@ -0,0 +1,213 @@ + + +#logo{ +position: absolute; + right: 500px; + top: -145px; + + +} +.thumbnail-face{ + position: absolute; + left: 50px; + top:15px; + width: 3%; + height: 6%; +} + + +.logo-loggedin{ + position: absolute; + left: 100px; + top: -40px; + width: 10%; + height: 25%; +} + +.search{ +position: absolute; +top:15px; +right: 400px; +width: 500px; +} +.main-face { +position: absolute; + right: 920px; + top: 435px; + width: 12%; + height: 24%; + border:100px; + border-color: grey; +} + + +#background-image{ + +position: absolute; + right: 60px; + + top: 50px; + width: 85%; + height: 85%; + + +} +.categories{ + display:flex; + position: absolute; + width: 900px; + height: :1px; + margin-left: 200px; + margin-right:200px; + top: 500px; + border:1px solid black; + + + +} + +.cat1{ + +margin-left: 60px; +margin-right:30px; +font-weight: bold; + + + +} +.cat2{ +margin-left: 30px; +margin-right:30px; +font-weight: bold; + + + + +} + +.cat3{ +margin-left: 30px; +margin-right:30px; +font-weight: bold; + + +} +.cat4{ +margin-left: 30px; +margin-right:30px; +font-weight: bold; + +} +.cat5{ +margin-left: 30px; +margin-right:30px; +font-weight: bold; + + +} +.cat6{ +margin-left: 30px; +margin-right:30px; +font-weight: bold; + +} + + +.About-Heading{ + position: absolute; + top: 620px; + width: 900px; + margin-left: 200px; + margin-right:200px; +background-color: grey; +text-align:center; +border:1px solid black; +} +.edit-button{ + + position:absolute; + top:20px; + right:10px; + +} + +#about-description{ +position: absolute; + top: 690px; + width:900px; + width: 900px; + margin-left: 200px; + margin-right:200px; + border:1px solid black; + +} +#personal-stats{ +float:left; + + + +} +#personal-detailed{ +float:right; + + + +} + + + +#nav{ +display: flex; + +background-color: #3b5998; + width:100%; + height: 120px; + +} +#nav-loggedin{ +display: flex; + +background-color: #3b5998; + width:100%; + height: 50px; + +} + +#login-email{ + +position: absolute; + right: 300px; + top: 10px; + color: white; + + + +} +#login-password{ + +position: absolute; + right: 150px; + top: 10px; + color: white; + + +} +#login-button{ + +position: absolute; + right:50px; + top: 30px; +} + +aside{ + + font-size:2em; + font-weight: bold; +} + +#signup{ + +float:right; +margin: 5px; + +} \ No newline at end of file diff --git a/harry1.jpg b/harry1.jpg new file mode 100644 index 0000000..08564e7 Binary files /dev/null and b/harry1.jpg differ diff --git a/homepage.html b/homepage.html new file mode 100644 index 0000000..6a903bf --- /dev/null +++ b/homepage.html @@ -0,0 +1,108 @@ + + + + + + + Facebook Log-In + + + + + + + +
+ + + + + + + +
+ + + + + + +
+ + + + + + +
+ +



+ + + + +



+ + +
+ + + + + + +

+ + +

+ + + + +

+ + + +

+ + + + + + + +

+ + + +

+ + + + +
+ + + + +