From 32d22655afe1eafd935913214028f54698986ade Mon Sep 17 00:00:00 2001 From: Kevin Gallardo Date: Thu, 12 Mar 2020 08:26:41 -0600 Subject: [PATCH 1/3] Finished product --- great-idea-website/css/index.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..faeeecde1 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -63,4 +63,13 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ +/* navigation bar settings */ +.nav-bar{ + background-color:#59e3ff; + color:#34ed97; +} + +.start-button{ + +} \ No newline at end of file From 6761eadd2823376aa68f832e55491f3635445eb2 Mon Sep 17 00:00:00 2001 From: Kevin Gallardo Date: Thu, 12 Mar 2020 08:52:07 -0600 Subject: [PATCH 2/3] test --- great-idea-website/css/index.css | 29 +++++++++++++++++++++++++---- 1 file changed, 25 insertions(+), 4 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index faeeecde1..ba65a4551 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -69,7 +69,28 @@ h1, h2, h3, h4, h5 { background-color:#59e3ff; color:#34ed97; } - -.start-button{ - -} \ No newline at end of file +/* Start button hover settings */ +.start-button:hover{ +background-color: #353635; +border-style: groove 2px #34ed97; +} +/* Features and about section */ +.top-content{ + background-color:#1e1f1e; + color:#48b048; + display:inline-block; +} +/* service, product, vision section settings */ +.bot-section{ + background-color: #48b048; + color:#1e1f1e; + display: inline-block; +} +/* H2 settings */ +h2{ + font-family: 'Teko', sans-serif; +} +/* footer info */ +footer{ + text-align: center; +} From 17e76cc412e87c6d0ae4952f26459c0510fd299f Mon Sep 17 00:00:00 2001 From: Kevin Gallardo Date: Thu, 12 Mar 2020 23:50:34 -0600 Subject: [PATCH 3/3] Final Version V2 --- great-idea-website/css/index.css | 99 ++++++++++++++------ great-idea-website/index.html | 150 +++++++++++++++++++++---------- 2 files changed, 179 insertions(+), 70 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index ba65a4551..a259b3655 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -64,33 +64,82 @@ h1, h2, h3, h4, h5 { } /* Your code starts here! */ -/* navigation bar settings */ -.nav-bar{ - background-color:#59e3ff; - color:#34ed97; -} -/* Start button hover settings */ -.start-button:hover{ -background-color: #353635; -border-style: groove 2px #34ed97; -} -/* Features and about section */ -.top-content{ - background-color:#1e1f1e; - color:#48b048; - display:inline-block; -} -/* service, product, vision section settings */ -.bot-section{ - background-color: #48b048; - color:#1e1f1e; + +a{ display: inline-block; +padding-top: 40px; +word-spacing: 45px; +margin-left: 6%; + color:#C1C1C1; + font-size: 17px; + text-decoration: none; } -/* H2 settings */ -h2{ - font-family: 'Teko', sans-serif; + +.logo{ + display:inline-block; + float: right; + height: 40px; + margin-right: 5%; + +} + +.title h1{ + display:inline-block; + padding-top: 12%; + font-size: 80px; + word-spacing: 20px; + margin-left: 100px; + text-align: center; } -/* footer info */ -footer{ +.title h3{ text-align: center; + font-size: 20px; + width: 120px; + margin-left:200px; + height: 30px; + line-height:1.4; +} + +.features{ + margin-top: 10%; + display:inline-block; + width: 45%; + padding: 10% 2% 10%; +} + +.about{ + display:inline-block; + width: 45%; + padding: 10% 2% 10%; + margin-left: 10px +} +.textOne{ + border-top: 1px solid black; +} + +div .services{ + display:inline-block; + width:33% +} +div .product{ + display:inline-block; + width:33% } +div .vision{ + display:inline-block; + width:33% +} +.textTwo{ + border-bottom: 1px solid black; + margin-top: 10%; + padding-bottom: 50px; +} +#contact{ + + margin-top:7%; +} + +.copyright{ + text-align: center; + margin: 5%; +} \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..e3fbca998 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -7,57 +7,117 @@ 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 + +
+
+ + +
+
+
+
+

+ Innovation
+ On
+ Demand +

+

Get Started

+
+ +
+
+
+
+ +
+
+
+

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

+ + + \ No newline at end of file