diff --git a/Chris-Cruz.txt b/Chris-Cruz.txt new file mode 100644 index 000000000..e69de29bb diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..032cab10a 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -63,4 +63,117 @@ 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; + padding: 20px 45px 20px 45px; + margin: 0 auto; + +} + +div nav a { + display: inline-block; + margin: 10px 40px 40px 40px; + +} + +.first-nav { + margin: 10px 40px 40px 0px; +} + +.top-row nav img { + position: absolute; + vertical-align: middle; + padding: 0px 20px; + right: 45px; +} + +.top-header { + margin: 20px 0px 20px 0px; + height: 400px; + width: 910px; + border-bottom: 2px solid black; +} + +.top-header img { + display: inline-block; + position: relative; + float: right; + bottom: 20px; +} + +.top-header h1 { + display: inline-block; + margin: 0 auto; + padding: 5px 0px 5px 40px; + font-size: 80px; + position: relative; + text-align: center; + top: 20px; +} + +.top-header button { + position: relative; + float: bottom; + bottom: -50px; + left: -200px; + +} + +.top-content { + width: 950px; + height: 120px; + vertical-align: text-top; +} + +.tb1, .tb2 { + display: inline-block; + width: 450px; + height: 100px; + vertical-align: middle; +} + +.tb2 { + padding: 0px 0px 0px 20px; +} + +.bottom-content { + width: 950; + height: 170px; + border-bottom: 2px solid black; + margin: 20px 0px 20px 0px; + vertical-align: text-top; +} + +.tb3, .tb4, .tb5 { + display: inline-block; + width: 292px; + height: 170px; +} + +.tb4, .tb5 { + margin: 0px 0px 0px 10px; +} + +.middle-img { + margin: 15px 0px 15px 0px; + width: 910px; +} + +.contact-info { + height: 175px; + width: 170px; +} + +.contact-info h2 { + margin: 0px 0px 15px 0px; +} + +.contact-info p { + margin: 15px 0px 15px 0px; +} + +footer { + text-align: center; +} \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..ef2b1cc75 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -15,49 +15,98 @@ - - Services - Product - Vision - Features - About - Contact - - - Innovation - On - Demand - - Get Started +
+
+
+ + +
+
+

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

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