From 7a64ecd9c104eb4460242c53adddfa9fd91430ce Mon Sep 17 00:00:00 2001 From: RJ Date: Mon, 17 Feb 2020 22:16:21 -0500 Subject: [PATCH 1/7] added new files to get the homework started --- great-idea-website/index.html | 4 ++-- great-idea-website/style.css | 0 2 files changed, 2 insertions(+), 2 deletions(-) create mode 100644 great-idea-website/style.css diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..6f737c727 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -13,8 +13,8 @@ - - +
, , + Services Product diff --git a/great-idea-website/style.css b/great-idea-website/style.css new file mode 100644 index 000000000..e69de29bb From 33450039425baa4ddc481d78d8cdd976ca6e6d73 Mon Sep 17 00:00:00 2001 From: RJ Date: Mon, 17 Feb 2020 22:43:47 -0500 Subject: [PATCH 2/7] added the header tag as well as the nav tags within the header to make the link at the top --- great-idea-website/index.html | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 6f737c727..a73a25adc 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -13,17 +13,20 @@ -
, , + - - Services - Product - Vision - Features - About - Contact +
+ +
Innovation On Demand From d24e91a71e1e67b14b3da7a62a3c05e52392f874 Mon Sep 17 00:00:00 2001 From: RJ Date: Tue, 18 Feb 2020 00:40:38 -0500 Subject: [PATCH 3/7] I entered all my HTML tags for the website --- great-idea-website/index.html | 71 ++++++++++++++++++++--------------- 1 file changed, 41 insertions(+), 30 deletions(-) diff --git a/great-idea-website/index.html b/great-idea-website/index.html index a73a25adc..e9d29800e 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -26,41 +26,52 @@ - - Innovation + +
+

Innovation On - Demand - - Get Started - + 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.

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

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

©Copyright Great Idea! 2018

+
\ No newline at end of file From 2a861117a5b96754d822bb19685d7668c8adc838 Mon Sep 17 00:00:00 2001 From: RJ Date: Tue, 18 Feb 2020 14:15:02 -0500 Subject: [PATCH 4/7] tried starting the enter my CSS, but was not working with live server.Taking a break to figure out whats wrong --- great-idea-website/css/index.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..09b290fe6 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -63,4 +63,12 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ + + + +header{ + display:inline-block; + color:gray; + +} \ No newline at end of file From d3f6fa476a8a25fd9d57acd0ad03c7f48b1b1015 Mon Sep 17 00:00:00 2001 From: RJ Date: Wed, 19 Feb 2020 00:23:54 -0500 Subject: [PATCH 5/7] Added CSS to the file. I need to to straighten it up some, but it a good place to build off of. --- great-idea-website/css/index.css | 147 ++++++++++++++++++++++++++++++- great-idea-website/index.html | 94 ++++++++++++-------- 2 files changed, 200 insertions(+), 41 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 09b290fe6..89c2fc4bf 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -64,11 +64,150 @@ h1, h2, h3, h4, h5 { } /* Your code starts here! */ - - header{ - display:inline-block; - color:gray; + display:inline-block; + margin:0 auto; + word-spacing:95px; + font-size: 18px; + width:100%; + color:gray; + padding:30px; + text-align: center; +} +h1{ + display: inline-block; + margin-left:100px; + font-size:100px; + text-align: center; + height:300px; + width:500px; + +} + +.title { + display: inline-block; + height:750%; + width:48%; + background-color:; + margin:100px +} + +.Get-started { + font-style: normal; + font-size: 22px ; + height:7%; + width:240px; + border:2px solid black ; + text-align: center; + margin-left: 34%; + +} + +a{ + color:grey; +} + +.section-one { + display: inline-block; + width:100%; +} + +hr{ + border-top:1px solid black; + width:90%; +} + +.section-two{ + text-align: center; + height:200px; +} +.Features{ + width:40%; + height: 90%; + margin:14px; + font-size: 20px; + display: inline-block; + padding:10px; + text-align:center; + margin-right: 100px; + +} + +.about{ + font-size: 20px; + padding:10px; + margin:15px; + width:40%; + height:90%; + text-align:center; + display: inline-block; + +} + +.bottom-img{ + height: 20px blue; + text-align: center; + width:100%; +} + +.section-three{ + width:100%; + height:17%; + text-align:center; + display:inline-block; +} + +.services{ + padding:px; + font-size:18px; + width:28%; + height:98%; + text-align:center; + display:inline-block; + +} +.product{ + font-size:18px; + width:28%; + height:98%; + text-align:center; + display:inline-block; +} +.visions{ + font-size:18px; + width:28%; + height:98%; + text-align:center; + display:inline-block; + +} +.section-four{ + height:180px; +} + + +.contact{ + line-height: 20px; + font-size: 22px; + width:33%; + text-align:center; + display:block +} + +.phone-number{ + display:block; + width:33%; + text-align:center; + padding:20px; +} +.email{ + display:block; + width:33%; + text-align:center; + padding:8px; +} +.copyright{ + text-align:center; } \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index e9d29800e..aa9eaba76 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -16,61 +16,81 @@
-
+

Innovation - On - Demand

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

+
+

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.

+
+
-

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.

-
+
+

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

Contact

+ 123 Way 456 Street
+ Somewhere, USA
+
+
+ 1 (888) 888-8888
+
+
-
+ +

©Copyright Great Idea! 2018

From 80824ca9f47eff2c1770320e21233f7fcd291507 Mon Sep 17 00:00:00 2001 From: RJ Date: Wed, 19 Feb 2020 03:00:49 -0500 Subject: [PATCH 6/7] I added new adjustments to the CSS & HTML file to tighten up the look --- great-idea-website/css/index.css | 89 ++++++++++++++++++-------------- great-idea-website/index.html | 9 ++-- 2 files changed, 54 insertions(+), 44 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 89c2fc4bf..39c967717 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -94,7 +94,6 @@ h1{ } .Get-started { - font-style: normal; font-size: 22px ; height:7%; width:240px; @@ -115,72 +114,75 @@ a{ hr{ border-top:1px solid black; - width:90%; + width:100%; } .section-two{ - text-align: center; - height:200px; + height:150px; + margin-top: 50px; + } .Features{ - width:40%; + width:46%; height: 90%; - margin:14px; font-size: 20px; display: inline-block; - padding:10px; - text-align:center; - margin-right: 100px; - + font-weight:bold; + text-align:left; } .about{ - font-size: 20px; - padding:10px; - margin:15px; - width:40%; + font-size:20px; + margin-left:69px; + width:48%; height:90%; - text-align:center; display: inline-block; - + font-weight:bold; + text-align:left; } - -.bottom-img{ - height: 20px blue; - text-align: center; +.middle-img{ + background-size: cover; width:100%; + margin-right:100px; + padding:50px; } .section-three{ + display:inline; width:100%; - height:17%; + height:20%; text-align:center; display:inline-block; + + background-color:; } .services{ - padding:px; - font-size:18px; - width:28%; + font-size:20px; + font-weight:bold; + width:31%; height:98%; - text-align:center; + padding-left:px; + text-align:left; display:inline-block; - } .product{ - font-size:18px; - width:28%; + font-size:20px; + font-weight:bold; + width:31%; height:98%; - text-align:center; + margin-right:30px; + text-align:left; display:inline-block; } .visions{ - font-size:18px; - width:28%; + font-size:20px; + font-weight:bold; + width:31%; height:98%; - text-align:center; + margin-right:10px; + text-align:left; display:inline-block; - } .section-four{ height:180px; @@ -188,26 +190,35 @@ hr{ .contact{ + display:inline; line-height: 20px; font-size: 22px; + font-weight: bold; width:33%; - text-align:center; + text-align:left; display:block } .phone-number{ + + font-weight: bold; + font-size: 22px; display:block; width:33%; - text-align:center; - padding:20px; + line-height:100px; } .email{ - display:block; + font-size:22px; + font-weight:bold; width:33%; - text-align:center; - padding:8px; + } .copyright{ text-align:center; +} + +body{ + margin:100px; + border:40px; } \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index aa9eaba76..de246c4e4 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -15,6 +15,7 @@ +