diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18d..de0ca65778 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -49,7 +49,8 @@ table { /* Set every element's box-sizing to border-box */ * { - box-sizing: border-box; + box-sizing: border-box; + display:inline-block; } html, body { @@ -63,4 +64,103 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ +.entirePage{ + width:80%; + margin:auto; +} +.headerLinks a{ + margin:0% 2%;; + padding:0%; +} +.logo{ + margin-left: 120%; + margin-top: 5%; +} +.innovation{ + margin:auto; + margin-top: 5%; + width:100%; + text-align: center; +} +.imgHeader{ + margin: 0% 3% 3%; + vertical-align: top; + width:20%; + display:flex; + float:right; +} +.innovation nav h1{ + text-align: center; + margin: 0% auto;; +} +.featuresLeft{ + width:45%; + float:left; + text-align: center; + margin-top: 2%; + margin-bottom:2%; +} +.aboutRight{ + width:45%; + margin-left:3%; + text-align: center; + margin-left:10%; + text-align: center; + float:left; + margin-top:2%; + margin-bottom: 2%; +} +.middle-img{ + width:100%; + height:15%; + +} +.services{ + width:30%; + float:left; + text-align: center; + margin:3% 0%; +} +.product{ + width:30%; + float:left; + text-align: center; + margin:3% 2%; +} +.vision{ + width:30%; + float:left; + text-align:center; + margin: 3% 3%; +} +.contact{ + width:100%; + margin-top:5%; +} +.featuresAbout{ + border: 2px solid black; + border-left:none; + border-right:none; + border-bottom:none; + display:inline-block; +} +.bottomPara{ + width:100%; + height:20%; + border: 2px solid black; + border-right:none; + border-left:none; + border-top:none; +} +.copyright{ + text-align: center; + width:100%; +} +.midHeading{ + font-size: 50px; +} +.midHeading button{ + font-size: 40px; + margin-bottom: 10%;; +} \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd658..f45adbfc6a 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -14,50 +14,69 @@ - - - Services - Product - Vision - Features - About - Contact - - - Innovation - On - Demand - - Get Started - - 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. + + + + + + +
+
+

Innovation


+

On


+

Demand


+
+
+ Image of a code snippet. +
+ + + + 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 - - Copyright Great Idea! 2018 + + + + + \ No newline at end of file