From ea051a27ff3f5eacf6932ed0ebd5ae92a6643e9d Mon Sep 17 00:00:00 2001 From: Steven Zarrella Date: Sat, 26 Aug 2017 12:34:11 -0400 Subject: [PATCH 01/10] basic index.html & beginning styles.css --- README.md | 3 + index.html | 162 +++++++++++++++++++++++++++++++++++++++++++++++++++++ styles.css | 24 ++++++++ 3 files changed, 189 insertions(+) create mode 100644 index.html create mode 100644 styles.css diff --git a/README.md b/README.md index d0b411b..710c748 100644 --- a/README.md +++ b/README.md @@ -2,3 +2,6 @@ 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). + + +Steven Zarrella \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..e9af4a6 --- /dev/null +++ b/index.html @@ -0,0 +1,162 @@ + + + + + + + + + + Facelook + + + + + + + +
+ +
+

Connect with all your friends!

+
    +
  • See photos and updates in your news feed
    • +
  • Post your status for the world to see from your profile
    • +
  • Wubba lubba dubb dubb
    • +
  • Like things because you're a positive person!
    • +
+ +
+ + + +
+ + + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..3de986a --- /dev/null +++ b/styles.css @@ -0,0 +1,24 @@ +.body-defaults { + font-family: 'Roboto', sans-serif; +} + +nav { + display: block; + box-sizing: border-box; + background: #4079DD; + color: #fff; + width: 110%; + height: 100px; + margin: -8px -8px 0px -8px; + padding: 0px 20px; +} + +nav h1 { + display: inline-block; + font-size: 36px; + vertical-align: center; +} + +.main-container { + display: flex; +} \ No newline at end of file From df9352181349d0b4eeb25b3f540942ccff0fd256 Mon Sep 17 00:00:00 2001 From: Steven Zarrella Date: Sat, 26 Aug 2017 13:16:46 -0400 Subject: [PATCH 02/10] everything but the nav form --- index.html | 12 +++++++----- styles.css | 43 ++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 49 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index e9af4a6..9ae99d2 100644 --- a/index.html +++ b/index.html @@ -34,11 +34,13 @@

Connect with all your friends!