diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18d..efe5a72b39 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -18,7 +18,6 @@ menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; - border: 0; font-size: 100%; font: inherit; vertical-align: baseline; @@ -63,4 +62,125 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ +*{ + box-sizing:border-box; + padding:0; + margin:0; + max-width:100%; +} + +p { + font-size:20px; +} + + +h2{ + font-size:20px; +} + +.links{ + display:inline-block; + width:40%; + color: grey; + +} + +header{ + display:inline-block; + width:100%; +} +header nav a{ + width:70%; + text-decoration:none; + padding: 15px; +} + +.logo{ + margin-left: 80%; + border-top: 1px solid black; + max-width:100%; +} + +#top .container{ + display:inline-block; + width: 50%; +} + +#top p{ + display:inline-block; + width: auto; + margin-left:275px; + margin-bottom:50px; + padding: 10px 15px; + border: 1px solid black; +} + +#top h1{ + font-size: 50px; + text-align: center; + padding: 15px; +} + + +#middletop .container{ + display:inline-block; + width: 100%; + padding: 2%; + border-top: 1px solid black; +} + +.features{ + display:inline-block; + width:49%; +} + +.about{ + display:inline-block; + width:49%; +} + +.middle-img{ + display:inline-block; + margin: 25px auto; + width: 100%; + height: 180px; +} + +#middlebottom .container2{ + display:inline-block; + width: 100%; + padding: 2%; +} + +.services{ + display:inline-block; + width:33%; +} + +.product{ + display:inline-block; + width:33%; +} + +.vision{ + display:inline-block; + width:33%; +} + +address{ + display:inline-block; + padding-top:5%; + width: 100%; + margin-top: 30px; + border-top: 1px solid black; +} + +address p{ + line-height: 1.6; +} + +footer{ + padding-top: 25px; + 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..17077c3e47 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -1,63 +1,77 @@ - - 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. - +
+ + + +
+
+
+

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

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