diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18d..141336ce97 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -63,4 +63,118 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ + +.container{ + width: 800px; + margin: auto; +} + +.top-nav { + margin: 0 auto; +} + +nav { + display: inline-block; + margin: 0 0 10px; +} + +nav a { + margin: 20px; + color: lightgrey; + text-decoration: none; +} + +.logo { + display: inline-block; + margin: 20px 0 -11px 50px; +} + +.header-content { + display: block; +} + +.section1 { + margin-top: 50px; + display: inline-block; +} + +.main-heading { + text-align: center; + width: 400px; + margin: 5px; + display: inline-block; +} + +.main-heading h1 { + margin: 80px; + padding: 0px; + font-size: 60px; + text-align: center; +} + +.main-heading button { + margin: -29px 78px 54px 100px; + padding: 10px px; + font-size: 13px; + border: 1px solid black; + text-align: center; +} + +.main-img { + width: 400px; + display: inline-black; +} + +.section2 { + width: 800px; + border-top: 1px solid black; + margin-top: 20px; +} + +.top-left { + width: 380px; + margin: 20px 0; + display: inline-block; +} + +.top-right { + width: 380px; + display: inline-block; +} + +.middle-img { + width: 100%; +} + +.section3 { + width: 800px; + margin-top: 20px; +} + +.bottom-left { + width: 250px; + margin-right: 13px; + display: inline-block; +} + +.bottom-middle { + width: 250px; + margin-right: 13px; + display: inline-block; +} + +.bottom-right { + width: 250px; + margin-right: 0; + display: inline-block; +} + +address h4 { + margin: 20px; +} + +footer p { + margin: 30px 0; + text-align: center; +} \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd658..fc89c4bb29 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -14,50 +14,108 @@ +
+ - Services - Product - Vision - Features - About - Contact +
+ + + + + +
+ +
+ +
+ +
+ +

Innovation On Demand

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

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

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.

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

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