diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..558fed452 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -22,7 +22,7 @@ time, mark, audio, video { 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 { @@ -63,4 +63,110 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ + + ul{ + margin: 50px; + +} + +.list { + color: grey; + padding-left: 8%; + text-align: center; +} + +h1 { + font-size: 65px; +} + + + +.start-button { + width: 180px; + height: 35px; + padding: 7px; + border: 1px solid black; + text-align: center; + margin: 0 auto; +} + + + +.main-info { + border: 1px solid black; + border-top-style: solid; + +} + +#main-section img { + display: inline-block; + vertical-align: middle; +} + +.parent-main{ + display:inline-block; + vertical-align: middle; + margin: 0% 5% 0% 0%; +} + +#main-section { + width: 100%; + text-align: center; + +} + +.main-info1 { + display: inline-block; + text-align: center; + padding: 2%; +} + +.main-info1 section { + padding: 2%; + width: 31%; + margin: 0; + display: inline-block; + text-align: left; + } + +.middle-img { + display: block; + margin-left: auto; + margin-right: auto; + width: 975px; + +} + +.main-info2 { + display: inline-block; + text-align: center; + padding: 2%; +} + + +.main-info2 section { + padding: 2%; + width: 20%; + margin: 0px; + display: inline-block; + text-align: left; +} + + + +footer p { + text-align: center; +} +footer section { + margin: 3% 0% 0% 21%; +} + +hr { + width: 975px; +} + + + + + diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..7b05a9c9c 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -1,6 +1,7 @@ + @@ -14,50 +15,93 @@ - - - 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

+
+ +
+ 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.

+
+
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 +
+
+
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.

+
+
+
+ + + - Copyright Great Idea! 2018 - - \ No newline at end of file