From b5154c763013e8181180abd99dfa749bc9d9d488 Mon Sep 17 00:00:00 2001
From: Ian <48700036+IXLives@users.noreply.github.com>
Date: Fri, 22 Mar 2019 21:34:56 -0400
Subject: [PATCH 1/5] Styling per Design

HTML Markup and CSS Styling to approach
---
 design-files/desktop.jpg         | Bin 309462 -> 326114 bytes
 great-idea-website/css/index.css | 302 ++++++++++++++++++++++++-------
 great-idea-website/index.html    | 130 ++++++++-----
 3 files changed, 319 insertions(+), 113 deletions(-)

diff --git a/design-files/desktop.jpg b/design-files/desktop.jpg
index 1362654514633b47bd1ebec2b05a47bcff8c3f8c..495eec0eb1b15552f05be412526afbd9ac126657 100644
GIT binary patch
delta 12923
zcmciJ&1(}u6aetq4{h37DOGPlLZKE^+H9&tLv1Ox1%;w`upl06n-qhzscoRS<xsF5
z4e7z7AYQ%X;92oc5EZ?s#~uXH`#PIscV~C!?atRWA<3J!Z{Kg;<kUbv{~7u9_e{h7
zYX3mPx0h}$Ax+cJBm6}6Z*+RTR9!2h62cG7{yBWKSg&j#w7iTi;!FmeM1x4j(FMF%
z(?*ct)Zr)6EHD3DD|F(sxaRFa1(}^1l=*O!MSVDT3a<z6<2RH&!f%;&b8OvgzZ!dO
zG*&8GrRv^p?(XAit(sdbRch6poRy!*Pgwc9WldPqQ`fE_wyHwjx?apr6$^!&6I?A?
zdAv=351CK?7Mut_+Aqf*Iy-q|G_&XQsl(Q)mTlgd)`td~&o+&rf&S*dc@uy1x2Lsz
z?K0CoMrWNH`di=h!-f;hOzxC6iVNl4^_|Lgty0}`u6L977MAd0X0l$aZ*FgvYpZyb
zQ}}2=y_7020{YM`0{OU6)cJ7=ylGxvOyTuaD^$OO@Xk-|6qigGMUkJNz#HW9g%vJ8
z1tsdc2-p14HVGM5fy-3*$%+bJMq&5UQ9?d}s5t*ncXvrBZYugI?K3G+*Ud2cl8UQE
zKLdVh3h4%sfKQf5#z6&cCg-y%a=yI6;-{&2egu&_f3I&ah$z9!<VwQlP)IQtC;Cd1
zph>QJe#%N$q#=p(lbdCVX$pL!sL!W}`l^(8KYa!J03v$+z(jxoRO7Ue&#egg3Y8fD
zSQHo$I)7jsSOIRpX?|Zs;rG=lfR7RW`GH<=I(8Igeyjp-j?))ZIDO>`&F><d^V1r|
z=8{HH<0mQb7I}Peg~v}riTEDEGk>H@Qo>W<LIpm9qQI9@nEjNLpid$S&Og}PTak*F
zj0Cbin-XEY1e-6bcw8hP{qz)q4I!jYRLO=R1#TzhGb>WQ0)@d(RdM|&B6a?5+t6oJ
z2^A1aai2#az)+avt5HHIvF!S3D;<!EB+XB3l`W(y@U4PAry}SpQ)2yNP{5yG6#xCl
zKZ?lr&#%OuKX6f{0ucCX5t$$C23?35MWG*~KpPYI{Xt0K_7y91-$4|fKOKR7c<oiI
z@<k7f&lgpIqXEuey+ZMO2;cmaKJlr<QIz<J3cN`UUqa#VQ&Gack8sQ%Zj!k66}VL1
zXHn#RIfd0vO9}V^ME?8(z5PW%@zdc*(q~k{s=sFPr4`=`M}(iE;;UhV@ckm`D6GH@
zWqfu;##f;v`{^n@pMuDoKQI+V0V;7?*ymD&eML%wpSt4sbVT_4fsyD6P>j=;XqRT@
z>f5X9Ps+7id8>3|d~bYi*8Yxew%!}_W+%|i743ZMftfY!kLYRZg;^cNK~~d{ZaDus
g;ynyg(@&i2%iyca`?h&tn;L%U_+`AaP4i3pKWr<h-2eap

delta 223
zcmaF#S@_yVA;JGQ{y$`paIMHpV_@*~)MDV6%qpnB#9T8uT1aNHv!EHH!sKefTp;;c
z(2-GLvw=`EqoQL<ep0GJKt_H^esM;Afr7KMf`)Hma%LWguc>6GF!{dllwbuL{i2jK
zE0@&b<f6=ilFa-(JE%~QiyMepVO5b^kegbP2;|sT6eK2Rr<N$B=B3yw6)D-<{eQ>6
z2eybI<p2W%1LObO3@wxQx;Rc|at&wvG&#yuX7XECsmWEY`OVyJ?c8pRK+FWh%-gx$
ISgvmd0NYzj6#xJL

diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css
index 7766e7f18..4f12bbf46 100644
--- a/great-idea-website/css/index.css
+++ b/great-idea-website/css/index.css
@@ -1,66 +1,242 @@
-/* http://meyerweb.com/eric/tools/css/reset/ 
+    /* http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
    License: none (public domain)
 */
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font: inherit;
-	vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure, 
-footer, header, hgroup, menu, nav, section {
-	display: block;
-}
-body {
-	line-height: 1;
-}
-ol, ul {
-	list-style: none;
-}
-blockquote, q {
-	quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
-}
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-
-/* Set every element's box-sizing to border-box */
-* {
-    box-sizing: border-box;
-}
-
-html, body {
-    height: 100%;
-    font-family: 'Titillium Web', sans-serif;
-}
-
-h1, h2, h3, h4, h5 {
-    font-family: 'Bangers', cursive;
-    letter-spacing: 1px;
-    margin-bottom: 15px;
-}
-
-/* Your code starts here! */
\ No newline at end of file
+    
+    html,
+    body,
+    div,
+    span,
+    applet,
+    object,
+    iframe,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    p,
+    blockquote,
+    pre,
+    a,
+    abbr,
+    acronym,
+    address,
+    big,
+    cite,
+    code,
+    del,
+    dfn,
+    em,
+    img,
+    ins,
+    kbd,
+    q,
+    s,
+    samp,
+    small,
+    strike,
+    strong,
+    sub,
+    sup,
+    tt,
+    var,
+    b,
+    u,
+    i,
+    center,
+    dl,
+    dt,
+    dd,
+    ol,
+    ul,
+    li,
+    fieldset,
+    form,
+    label,
+    legend,
+    table,
+    caption,
+    tbody,
+    tfoot,
+    thead,
+    tr,
+    th,
+    td,
+    article,
+    aside,
+    canvas,
+    details,
+    embed,
+    figure,
+    figcaption,
+    footer,
+    header,
+    hgroup,
+    menu,
+    nav,
+    output,
+    ruby,
+    section,
+    summary,
+    time,
+    mark,
+    audio,
+    video {
+        margin: 0;
+        padding: 0;
+        border: 0;
+        font-size: 100%;
+        font: inherit;
+        vertical-align: baseline;
+    }
+    /* HTML5 display-role reset for older browsers */
+    
+    article,
+    aside,
+    details,
+    figcaption,
+    figure,
+    footer,
+    header,
+    hgroup,
+    menu,
+    nav,
+    section {
+        display: block;
+    }
+    
+    body {
+        line-height: 1;
+    }
+    
+    ol,
+    ul {
+        list-style: none;
+    }
+    
+    blockquote,
+    q {
+        quotes: none;
+    }
+    
+    blockquote:before,
+    blockquote:after,
+    q:before,
+    q:after {
+        content: '';
+        content: none;
+    }
+    
+    table {
+        border-collapse: collapse;
+        border-spacing: 0;
+    }
+    /* Set every element's box-sizing to border-box */
+    
+    * {
+        box-sizing: border-box;
+    }
+    
+    html,
+    body {
+        height: 100%;
+        font-family: 'Titillium Web', sans-serif;
+    }
+    
+    h1,
+    h2,
+    h3,
+    h4,
+    h5 {
+        font-family: 'Bangers', cursive;
+        letter-spacing: 1px;
+        margin-bottom: 15px;
+    }
+    /* Your code starts here! */
+    
+    .center-content {
+        border-bottom: 1px solid grey;
+        border-top: 1px solid grey;
+        width: 875px;
+        margin: 10px;
+    }
+    
+    .center-content-top h2 {
+        margin-top: 10px;
+    }
+    
+    .center-content-bottom p {
+        margin-bottom: 10px;
+    }
+    
+    .center-content img {
+        margin: 10px;
+    }
+    
+    .center-content-top section {
+        display: inline-block;
+        box-sizing: border-box;
+        vertical-align: top;
+        width: 425px;
+        box-align: left;
+        margin: 5px;
+    }
+    
+    .center-content-bottom section {
+        display: inline-block;
+        box-sizing: border-box;
+        vertical-align: top;
+        width: 275px;
+        box-align: left;
+        margin: 5px;
+    }
+    
+    address {
+        display: inline-block;
+        vertical-align: top;
+        width: 200px;
+    }
+    
+    ul {
+        list-style-type: none;
+        margin: 10px;
+        padding: 10px;
+        overflow: hidden;
+    }
+    
+    li {
+        float: left;
+        margin: 10px;
+        padding: 10px;
+    }
+    
+    li a {
+        display: inline-block;
+        text-align: center;
+        color: grey;
+        text-decoration: none;
+    }
+    
+    header img {
+        display: inline-block;
+        margin-left: 75px;
+    }
+    
+    #heading {
+        display: inline-block;
+        width: 450px;
+        text-align: center;
+        vertical-align: top;
+    }
+    
+    footer div {
+        display: block;
+        vertical-align: bottom;
+        margin-left: 350px;
+    }
+    
+    h1 {
+        font-size: 86pt;
+    }
\ No newline at end of file
diff --git a/great-idea-website/index.html b/great-idea-website/index.html
index 92beabd65..927af1fbb 100644
--- a/great-idea-website/index.html
+++ b/great-idea-website/index.html
@@ -1,63 +1,93 @@
 <!doctype html>
 
 <html lang="en">
+
 <head>
-  <meta charset="utf-8">
+    <meta charset="utf-8">
 
-  <title>Great Idea!</title>
+    <title>Great Idea!</title>
 
-  <link href="https://fonts.googleapis.com/css?family=Bangers|Titillium+Web" rel="stylesheet">
-  <link rel="stylesheet" href="css/index.css">
+    <link href="https://fonts.googleapis.com/css?family=Bangers|Titillium+Web" rel="stylesheet">
+    <link rel="stylesheet" href="css/index.css">
 
-  <!--[if lt IE 9]>
+    <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
   <![endif]-->
 </head>
 
-  <body>
-
-  Services
-  Product
-  Vision
-  Features
-  About
-  Contact
-
-  <img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
-  Innovation
-  On
-  Demand
-
-  Get Started
-
-  <img src="img/header-img.png" alt="Image of a code snippet.">
-
-  Features
-  Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.
-
-
-  About
-  Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.
-
-  <img class="middle-img" src="img/mid-page-accent.jpg" alt="Image of code snippets across the screen">
-  
-  Services
-  Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.
-
-
-  Product
-  Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.
-
-  Vision
-  Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.
-
-  Contact
-  123 Way 456 Street
-  Somewhere, USA
-  1 (888) 888-8888
-  sales@greatidea.io
+<body>
+    <header>
+        <nav>
+            <ul>
+                <li><a href="#">Services</a></li>
+                <li><a href="#">Product</a></li>
+                <li> <a href="#">Vision</a></li>
+                <li><a href="#">Features</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Contact</a></li>
+                <img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
+            </ul>
+        </nav>
+
+
+        <div id="heading">
+            <h1>Innovation On Demand</h1>
+            <button>Get Started</button>
+        </div>
+
+        <img src="img/header-img.png" alt="Image of a code snippet.">
+    </header>
+
+    <section class="center-content">
+        <section class="center-content-top">
+            <section>
+                <h2>Features</h2>
+                <p>Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</p>
+            </section>
+            <section>
+                <h2>About </h2>
+                <p>Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</p>
+            </section>
+
+            <img class="middle-img" src="img/mid-page-accent.jpg" alt="Image of code snippets across the screen">
+        </section>
+
+        <section class="center-content-bottom">
+            <section>
+                <h2>Services </h2>
+                <p>Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</p>
+            </section>
+            <section>
+                <h2>Product </h2>
+                <p>Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</p>
+            </section>
+            <section>
+                <h2>Vision </h2>
+                <p>Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.</p>
+            </section>
+        </section>
+    </section>
+    </section>
+    <h2>Contact</h2>
+    <footer>
+        <address>
+            
+            123 Way 456 Street
+            Somewhere, USA<br>
+            <br>
+            1 (888) 888-8888<br>
+            <br>
+            sales@greatidea.io
+            <br>     
+        </address>
+
+
+        <div>
+            <p>Copyright Great Idea! 2018</p>
+        </div>
+
+
+    </footer>
+</body>
 
-  Copyright Great Idea! 2018
-  
-  </body>
 </html>
\ No newline at end of file

From 1f7f0f9e9499352ac68bb3368e5298fe64f8bc65 Mon Sep 17 00:00:00 2001
From: Ian <48700036+IXLives@users.noreply.github.com>
Date: Fri, 22 Mar 2019 22:01:23 -0400
Subject: [PATCH 2/5] Update index.css

---
 great-idea-website/css/index.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css
index 4f12bbf46..458780226 100644
--- a/great-idea-website/css/index.css
+++ b/great-idea-website/css/index.css
@@ -239,4 +239,11 @@
     
     h1 {
         font-size: 86pt;
+    }
+    
+    button {
+        background-color: white;
+        border: 1.5px solid grey;
+        padding: 5px 40px;
+        color: grey;
     }
\ No newline at end of file

From ec977140967696425ce5135aaab70a3014ff1c9a Mon Sep 17 00:00:00 2001
From: Ian <48700036+IXLives@users.noreply.github.com>
Date: Sat, 23 Mar 2019 13:25:28 -0400
Subject: [PATCH 3/5] Update index.css

Figured out how to move my logo!
---
 great-idea-website/css/index.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css
index 458780226..b0482bd20 100644
--- a/great-idea-website/css/index.css
+++ b/great-idea-website/css/index.css
@@ -246,4 +246,9 @@
         border: 1.5px solid grey;
         padding: 5px 40px;
         color: grey;
+    }
+    
+    .logo {
+        vertical-align: top;
+        margin-left: 150px;
     }
\ No newline at end of file

From 4e82ca335f948a08f241d2b80a5681a7e56304c3 Mon Sep 17 00:00:00 2001
From: Ian <48700036+IXLives@users.noreply.github.com>
Date: Sat, 23 Mar 2019 14:15:00 -0400
Subject: [PATCH 4/5] Updated Styling

Alignment changes and spacing
---
 great-idea-website/css/index.css | 15 ++++++++++++++-
 great-idea-website/index.html    |  3 ++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css
index b0482bd20..62aca19e8 100644
--- a/great-idea-website/css/index.css
+++ b/great-idea-website/css/index.css
@@ -233,12 +233,13 @@
     
     footer div {
         display: block;
-        vertical-align: bottom;
+        margin-top: 50px;
         margin-left: 350px;
     }
     
     h1 {
         font-size: 86pt;
+        margin-left: 20px;
     }
     
     button {
@@ -251,4 +252,16 @@
     .logo {
         vertical-align: top;
         margin-left: 150px;
+    }
+    
+    footer address {
+        margin-left: 15px;
+    }
+    
+    footer h2 {
+        margin-left: 15px;
+    }
+    
+    nav {
+        margin-bottom: 15px;
     }
\ No newline at end of file
diff --git a/great-idea-website/index.html b/great-idea-website/index.html
index 927af1fbb..a8d6df997 100644
--- a/great-idea-website/index.html
+++ b/great-idea-website/index.html
@@ -68,8 +68,9 @@ <h2>Vision </h2>
         </section>
     </section>
     </section>
-    <h2>Contact</h2>
+
     <footer>
+        <h2>Contact</h2>
         <address>
             
             123 Way 456 Street

From 6b889123b7bc0b0da5718d82d0bf0fe6a80aa241 Mon Sep 17 00:00:00 2001
From: Ian Bryant <48700036+IXLives@users.noreply.github.com>
Date: Wed, 27 Mar 2019 22:04:19 -0400
Subject: [PATCH 5/5] Update README.md

Added my name to the readme
---
 README.md | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index dffdf0bc8..c4f277ca3 100644
--- a/README.md
+++ b/README.md
@@ -37,4 +37,7 @@ Stretch goals are not required. Complete the project objectives before working o
 
 - [ ] Change all the image tags into background images instead
 
-- [ ] Research CSS animations and see how you could implement some ideas when hovering over buttons or navigation items
\ No newline at end of file
+- [ ] Research CSS animations and see how you could implement some ideas when hovering over buttons or navigation items
+
+Adding my name to the readme:
+Ian Bryant
\ No newline at end of file