diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..6ede4357c 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -48,6 +48,10 @@ table { } /* Set every element's box-sizing to border-box */ + + + + * { box-sizing: border-box; } @@ -63,4 +67,155 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ + +html, body{ + background-color: whitesmoke; + font-family: 'Titillium Web', sans-serif; +} + +* { + color: #3C373B; + box-sizing: border-box; +} + + +.container { + margin: 0 auto; + width: 600; + border: 50% solid black; +} + + +.box.logo { + display: inline-block; + padding: 20px; + margin: 20px; + text-align: right; + margin-bottom: 20px; +} +.navigation a { + margin: 0 15px; + border: 1px solid transparent; + padding: 40px; + display: inline-block; + border-radius: 20px; + color:#00BFFF; + text-decoration: none; + margin-bottom: 20px; +} + + +.text_content.content_2_box { + font-family: 'Bangers', cursive; + font-size: 55px; + letter-spacing: 1px; + padding: 85px; + margin-bottom: 15px; + text-align: center; +} + +button { + line-height: 25px; + text-align: center; + font-size:16px; + text-transform: uppercase; +} + +.content_2_box { + display: inline-block; + vertical-align: top; + margin: 1%; + width: 48%; + min-width: 250px; + vertical-align: middle; +} + +.image_content.content_2_box { + float: right; +} + + +.logo { + border-radius: 50% +} + +.box1 { + border: 10px; + display: inline-block; + margin: 1px; + padding: 45px; + height: 40%; + width: 42% +} +.box2 { + border: 10px; + display: inline-block; + margin: 1px; + padding: 45px; + height: 40%; + width: 42% +} + +.image_content.content_3_box { + text-align: center; +} + +.box3 { + border: 2px; + display: inline-block; + margin: 5px; + padding: 40px; + height: 30%; + width: 28% +} + +.middle-img { + width: 95%; + height: 10%; + +} + +.box4 { + border: 2px ; + display: inline-block; + margin: 5px; + padding: 40px; + height: 30%; + width: 28% +} + +.box5 { + border: 2px; + display: inline-block; + margin: 5px; + padding: 40px; + height: 30%; + width: 28% +} + +.contact { + margin: 0 0 10px 0; + text-align: center; +} + +address { + line-height: 2; + text-align: center; +} + +footer { + text-align: center; + padding: 10px; + margin: 10px; +} + +address p { + line-height: 0px; +} + +/* +#street { + border: 1px dotted pink; +} +*/ \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..d6f368efc 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -1,63 +1,121 @@ - - - - - - - Great Idea! - - - - - - - - - - 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. - - 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 - - + + + + + + + Great Idea! + + + + + + + + + +
+ + + +
+
+
+ +

Innovation

+

On

+

Demand

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