From 9ffe03afbda13436a4d20fa85783d7edfcbc6314 Mon Sep 17 00:00:00 2001 From: Jenni Gloyd Date: Wed, 11 Mar 2020 13:32:51 -0500 Subject: [PATCH 1/7] adding tags start --- great-idea-website/css/index.css | 8 +++++++- great-idea-website/index.html | 20 +++++++++++--------- 2 files changed, 18 insertions(+), 10 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..3a3fd2f4c 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -63,4 +63,10 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ +*{ + border: 1px solid gray; + box-sizing: border-box; + margin:0; + +} diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..007f634d7 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -15,15 +15,17 @@ - - Services - Product - Vision - Features - About - Contact - - +
+ + +
Innovation On Demand From 8f0e5fa8c327622944382b2bcc7260d74458d5c7 Mon Sep 17 00:00:00 2001 From: Jenni Gloyd Date: Wed, 11 Mar 2020 13:46:51 -0500 Subject: [PATCH 2/7] finishing html tagging --- great-idea-website/index.html | 42 +++++++++++++++++++---------------- 1 file changed, 23 insertions(+), 19 deletions(-) diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 007f634d7..dd71c51e8 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -26,40 +26,44 @@ - Innovation +
+

Innovation On - Demand + Demand

- Get Started + - Image of a code snippet. + 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. +
+
+

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 +

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 +

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

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 ca02028321124bcad75a47d4fa0e07aaba8a7b02 Mon Sep 17 00:00:00 2001 From: Jenni Gloyd Date: Wed, 11 Mar 2020 14:27:19 -0500 Subject: [PATCH 3/7] added nav css on header --- great-idea-website/css/index.css | 37 +++++++++++++++++++++++++++++++- great-idea-website/index.html | 24 ++++++++++----------- 2 files changed, 48 insertions(+), 13 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 3a3fd2f4c..05d7f32b0 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -68,5 +68,40 @@ h1, h2, h3, h4, h5 { border: 1px solid gray; box-sizing: border-box; margin:0; - + } + .logo{ + display: inline-block; + margin: 0 80%; + } + #serv{ + display: inline-block; + margin: 0 2%; + color: gray; + } + #prod{ + display: inline-block; + margin: 0 2%; + color:gray; + } + #vis{ + display: inline-block; + margin: 0 2%; + color:gray; + } + #feat{ + display: inline-block; + margin: 0 2%; + color:gray; + } + #about{ + display: inline-block; + margin: 0 2%; + color:gray; + } + #cont{ + display: inline-block; + margin: 0 2%; + color:gray; + } + diff --git a/great-idea-website/index.html b/great-idea-website/index.html index dd71c51e8..06f188d66 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -17,12 +17,12 @@
@@ -52,16 +52,16 @@

Services

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

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

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 +

123 Way 456 Street + Somewhere, USA

+

1 (888) 888-8888

+

sales@greatidea.io

Copyright Great Idea! 2018
From 0a8ded0bd85ec4ae60ad5cf6fe6c44746027d553 Mon Sep 17 00:00:00 2001 From: Jenni Gloyd Date: Wed, 11 Mar 2020 15:11:04 -0500 Subject: [PATCH 4/7] more css work on the header --- great-idea-website/css/index.css | 19 +++++++++++++++++++ great-idea-website/index.html | 6 +++--- 2 files changed, 22 insertions(+), 3 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 05d7f32b0..25788c5fd 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -104,4 +104,23 @@ h1, h2, h3, h4, h5 { margin: 0 2%; color:gray; } + h1{ + font-size: 36px; + text-align: justify; + font-weight: bold; + } + #onHead{ + font-size:36px; + text-align: justify; + font-weight: bold; + } + #demandHead{ + font-size:36px; + text-align: justify; + font-weight: bold; + } + button{ + display: inline-block; + margin: 0 2%; + } diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 06f188d66..f9e3a247f 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -27,9 +27,9 @@
-

Innovation - On - Demand

+

Innovation

+

On

+

Demand

From 33e1768914e2a13d567d5a25c66a16dc104169d0 Mon Sep 17 00:00:00 2001 From: Jenni Gloyd Date: Wed, 11 Mar 2020 16:16:44 -0500 Subject: [PATCH 5/7] adjusting css on header --- great-idea-website/css/index.css | 24 +++++++++++++++++------- great-idea-website/index.html | 10 +++++----- 2 files changed, 22 insertions(+), 12 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 25788c5fd..2d1846160 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -72,7 +72,7 @@ h1, h2, h3, h4, h5 { } .logo{ display: inline-block; - margin: 0 80%; + margin: auto 80% 0; } #serv{ display: inline-block; @@ -104,23 +104,33 @@ h1, h2, h3, h4, h5 { margin: 0 2%; color:gray; } - h1{ + #innov{ + display: block; font-size: 36px; - text-align: justify; + text-align: center; font-weight: bold; + margin: 0 auto; } #onHead{ + display: block; font-size:36px; - text-align: justify; + text-align: center; font-weight: bold; + margin: 0 auto; } #demandHead{ + display: block; font-size:36px; - text-align: justify; + text-align: center; font-weight: bold; + margin: 0 auto; } button{ - display: inline-block; - margin: 0 2%; + display:block; + margin: 0 auto; + } + #imgHead{ + display: block; + margin: 0 2% 0 65%; } diff --git a/great-idea-website/index.html b/great-idea-website/index.html index f9e3a247f..ae454c91f 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -27,14 +27,14 @@
-

Innovation

-

On

-

Demand

+

Innovation

+

On

+

Demand

+
+ Image of a code snippet. - 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.

From a794568d232b0f7588545a6d6ebf9343d9d1882f Mon Sep 17 00:00:00 2001 From: Jenni Gloyd Date: Wed, 11 Mar 2020 16:42:48 -0500 Subject: [PATCH 6/7] adding css to the middle page --- great-idea-website/css/index.css | 30 +++++++++++++++++++++++------- great-idea-website/index.html | 16 ++++++++-------- 2 files changed, 31 insertions(+), 15 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 2d1846160..249dec79d 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -72,7 +72,7 @@ h1, h2, h3, h4, h5 { } .logo{ display: inline-block; - margin: auto 80% 0; + margin: 0 65% 0; } #serv{ display: inline-block; @@ -106,21 +106,21 @@ h1, h2, h3, h4, h5 { } #innov{ display: block; - font-size: 36px; + font-size: 45px; text-align: center; font-weight: bold; - margin: 0 auto; + margin: 10% auto 0; } #onHead{ display: block; - font-size:36px; + font-size:45px; text-align: center; font-weight: bold; margin: 0 auto; } #demandHead{ display: block; - font-size:36px; + font-size:45px; text-align: center; font-weight: bold; margin: 0 auto; @@ -130,7 +130,23 @@ h1, h2, h3, h4, h5 { margin: 0 auto; } #imgHead{ - display: block; - margin: 0 2% 0 65%; + display: inline-block; + margin: 0 65%; + } + h3{ + display:inline-block; + margin:0 auto; + font-weight:bold; + + } + .feat{ + display:inline-block; + margin:0 auto; + width: 50%; + } + .about{ + display:inline-block; + margin:0 auto; + width: 50%; } diff --git a/great-idea-website/index.html b/great-idea-website/index.html index ae454c91f..15f97c681 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -37,31 +37,31 @@

Demand

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.

+

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.

+

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.

+

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.

+

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.

+

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 +

123 Way 456 Street Somewhere, USA

-

1 (888) 888-8888

-

sales@greatidea.io

+

1 (888) 888-8888

+

sales@greatidea.io

Copyright Great Idea! 2018
From e3959f41ab43f3656c6d860740e2852ab6255368 Mon Sep 17 00:00:00 2001 From: Jenni Gloyd Date: Wed, 11 Mar 2020 19:59:34 -0500 Subject: [PATCH 7/7] added borders to see the spaces --- great-idea-website/css/index.css | 34 ++++++++++++++++++++---------- great-idea-website/index.html | 36 ++++++++++++++++++-------------- 2 files changed, 43 insertions(+), 27 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 249dec79d..52346d8fe 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -65,14 +65,12 @@ h1, h2, h3, h4, h5 { /* Your code starts here! */ *{ - border: 1px solid gray; - box-sizing: border-box; - margin:0; - + border:1px solid gray; } .logo{ display: inline-block; margin: 0 65% 0; + border:0; } #serv{ display: inline-block; @@ -105,48 +103,62 @@ h1, h2, h3, h4, h5 { color:gray; } #innov{ + border:1px solid gray; display: block; - font-size: 45px; + font-size: 60px; + width:300px; text-align: center; font-weight: bold; margin: 10% auto 0; } #onHead{ + border:1px solid gray; display: block; - font-size:45px; + font-size:60px; + width:300px; text-align: center; font-weight: bold; margin: 0 auto; } #demandHead{ + border:1px solid gray; display: block; - font-size:45px; + font-size:60px; + width:300px; text-align: center; font-weight: bold; margin: 0 auto; } button{ + border:1px solid gray; display:block; + width: 10%; + height: 10%; margin: 0 auto; } #imgHead{ - display: inline-block; - margin: 0 65%; + border:1px solid gray; + display:inline-block; + margin:auto 65%; } h3{ + border:1px solid gray; display:inline-block; + width:300px; margin:0 auto; font-weight:bold; } .feat{ + border:1px solid gray; display:inline-block; margin:0 auto; - width: 50%; + width: 49%; } .about{ + border:1px solid gray; display:inline-block; margin:0 auto; - width: 50%; + width: 49%; } diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 15f97c681..fed41dc48 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -15,7 +15,7 @@ -
+ -
+

Innovation

-

On

-

Demand

+

On

+

Demand

-
+ Image of a code snippet. - +
+
-

Features

+

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

+
+
+

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

+

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

+
+
+

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

+
+
+

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

+