diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..9cdab2228 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -63,4 +63,164 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ + +.container { + width: 1000px; + + +} + +nav { + /* border: 1px solid red; */ + display: inline-block; +} + +a { + color: lightgray; + /* border: 1px solid red; */ + text-decoration: none; + font-size:15px; +} + +nav ul { + width:800px; + margin: 0 auto; + /* border: 1px solid red; */ + + +} + +nav li { + line-height: 37px; + text-align: center; + width: 116px; + /* border: 1px solid red; */ + display: inline-block; + } + +.quote { + text-align: center; + font-size: 60px; + padding: 50px; + margin: 45px; + /* border: 1px solid red; */ + display: inline-block; + box-sizing: border-box; + vertical-align: top; + + +} + +.logo { + position: relative; + /* border: 1px solid red; */ + vertical-align: middle; +} +.snip { + padding: 50px; + margin: 20px; + display: inline-block; + /* border: 1px solid red; */ + +} + + +footer { + text-align: center; + /* border: 1px solid red; */ +} + +address { + height: 150px; + width: 0 auto; + /* border: 1px solid red; */ + display: block; + margin: 30px; +} + +.logo { + display: inline-block; + +} + +#features { + + width:450px; + height: 100px; + padding: 30px; + /* border: 1px solid red; */ + display: inline-block; + box-sizing: border-box; +} + +#about { + width:450px; + height: 100px; + padding:30px; + border: 20px; + /* border: 1px solid red; */ + display: inline-block; + box-sizing: border-box; +} + +#services{ + width:300px; + height: 100px; + padding: 30px; + /* border: 1px solid red; */ + display: inline-block; + box-sizing: border-box; +} + +#product { + width:300px; + height: 100px; + padding:30px; + /* border: 1px solid red; */ + display: inline-block; + box-sizing: border-box; +} + +#vision { + width:300px; + height: 100px; + padding: 30px; + /* border: 1px solid red; */ + display: inline-block; + box-sizing: border-box; +} + +.middle-img { + /* TRBL */ + margin: 30px 0px 0px 30px; +} + +.bottom-section { + align-content: center; +} + + + +.wrapper { + border-top: 2px solid black; + width: 90%; + /* TRBL */ + margin: 0px 0px 0px 30px +} + +.wrapper2 { + border-top: 2px solid black; + width: 90%; + /* TRBL */ + margin: 30px 0 0 30px +} + +.quote button { + border: 1px solid black; + background: white; + color: black; + /* TRBL */ + padding: 10px 20px; + +} \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..fa86a373e 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -13,51 +13,75 @@ - - - - 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 +
+ +
+

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