diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..2d477d677 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -1,4 +1,4 @@ -/* http://meyerweb.com/eric/tools/css/reset/ +/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ @@ -12,8 +12,8 @@ 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, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; @@ -24,43 +24,120 @@ time, mark, audio, video { vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { - line-height: 1; + margin: 0 auto; + width: 900px; } -ol, ul { - list-style: none; + +a { + text-decoration: none; + color: lightgrey; + font-size: 14px; +} + +nav { + padding: 40px 0 70px 0; + word-spacing: 50px; } -blockquote, q { - quotes: none; + +nav a:first-child { + padding-left: 0; } -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; + +.logo { + display: inline-block; + padding-left: 120px; } -table { - border-collapse: collapse; - border-spacing: 0; + + +h1 { + font-size: 75px; + display: inline-block; + margin-top: 60px; } -/* Set every element's box-sizing to border-box */ -* { - box-sizing: border-box; +.circleimg { + display: inline-block; } -html, body { - height: 100%; - font-family: 'Titillium Web', sans-serif; + +header { + text-align: center; +} + +.headerwithbutton { + width: 420px; + display: inline-block; +} + +.right { + display: inline-block; + width: 420px; + vertical-align: top; +} + +.getstarted { + display: block; + background-color: white; + font-size: 18px; + padding: 3px 45px; + text-decoration: none; + border: 1px solid black; + margin: 0 auto; + font-family: 'Titillium Web'; } -h1, h2, h3, h4, h5 { - font-family: 'Bangers', cursive; - letter-spacing: 1px; - margin-bottom: 15px; +hr { + color: black; + background-color: black; + height: 1px; + width: 95%; + margin: 60px 0 0 0; + border: none; } -/* Your code starts here! */ \ No newline at end of file +.featuresabout { + display: inline-block; + width: 420px; + margin-bottom: 40px; +} + +h2 { + font-size: 17px; + display: block; + margin: 25px 0; +} + +.serprovis { + display: inline-block; + width: 280px; + margin: 5px; +} + +p { + line-height: 1.2; +} + +footer { + text-align: center; + height: 100px; + padding: 20px; + font-size: 14px; +} + +.hr2 { + color: black; + background-color: black; + height: 1px; + width: 95%; + margin: 40px 0 0 0; + border: none; +} + +address { + line-height: 1.2; +} diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..98fdd1865 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -14,50 +14,81 @@ - + + - Services - Product - Vision - Features - About - Contact +
+
+

Innovation
On
Demand

+ +
- - Innovation - On - Demand - Get Started +
+ Image of a code snippet. +
- 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.

+
- 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 - Copyright Great Idea! 2018 - +
+

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 + + - \ No newline at end of file +