From dc380612f34b1b6fc2bf1a90f96fd77473b1baaa Mon Sep 17 00:00:00 2001 From: DHaralson89 <62124080+DHaralson89@users.noreply.github.com> Date: Tue, 17 Mar 2020 23:20:28 -0500 Subject: [PATCH 1/3] worked on html andd css for module --- great-idea-website/css/index.css | 87 ++++++++++++++++++++++++- great-idea-website/index.html | 107 +++++++++++++++++++------------ 2 files changed, 152 insertions(+), 42 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..660e37848 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -63,4 +63,89 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ + +body { + margin: 0 auto; + width: 900px; +} + +.top-section { + display: inline-block; +} + +nav { + display: inline-block; + padding: 20px; + margin: 20px; + border: 20px; + word-spacing: 45px; +} + +.Main-header { + display: inline-block; + width: 50px; + padding: 25px; +} + +header { + text-align: center; +} + +.right { + display: inline-block; + width: 420px; + +} + +.code { + display: inline-block; + width: 420px; +} + +.logo { + display: inline-block; + padding: 20px; +} + +.middle-img { + align-content: center; +} + +.block1 { + display: inline-block; + margin: 20px; + padding: 20px; + width: 420px; +} + +.block2 { + display: inline-block; + width: 420px; +} + +.block3 { + display: inline-block; + width: 280px; +} + +.block4 { + display: inline-block; + width: 280px; +} + +.block5 { + display: inline-block; + width: 280px; +} + +footer { + text-align: center; +} + +.title { + font-size: 40px; + display: block; + margin: 20px; +} + diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..21831ed9a 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -3,7 +3,7 @@ - +
Great Idea! @@ -13,51 +13,76 @@ - +
- - Services - Product - Vision - Features - About - Contact - + +
+
+
+ +

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

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 From 1df72f25bc184e194ea47ad54ce90896a561c8fd Mon Sep 17 00:00:00 2001 From: DHaralson89 <62124080+DHaralson89@users.noreply.github.com> Date: Wed, 18 Mar 2020 18:32:52 -0500 Subject: [PATCH 2/3] updated html and css --- great-idea-website/css/index.css | 3 +-- great-idea-website/index.html | 10 +++++----- 2 files changed, 6 insertions(+), 7 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 660e37848..22f06a091 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -85,7 +85,6 @@ nav { .Main-header { display: inline-block; width: 50px; - padding: 25px; } header { @@ -145,7 +144,7 @@ footer { .title { font-size: 40px; - display: block; + display: inline-block; margin: 20px; } diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 21831ed9a..22048ca54 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -41,10 +41,10 @@

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.

@@ -56,7 +56,7 @@

About

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.

@@ -70,9 +70,9 @@

Product

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
From a89dd98c3b825654e80844b534fedf1fc60908a2 Mon Sep 17 00:00:00 2001 From: DHaralson89 <62124080+DHaralson89@users.noreply.github.com> Date: Wed, 18 Mar 2020 19:35:24 -0500 Subject: [PATCH 3/3] Final Product --- great-idea-website/css/index.css | 7 ++++--- great-idea-website/index.html | 6 +++--- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 22f06a091..aa7115951 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -84,7 +84,7 @@ nav { .Main-header { display: inline-block; - width: 50px; + width: 420px; } header { @@ -94,7 +94,7 @@ header { .right { display: inline-block; width: 420px; - + vertical-align: top; } .code { @@ -143,8 +143,9 @@ footer { } .title { - font-size: 40px; + font-size: 80px; display: inline-block; margin: 20px; + padding-top: 60px; } diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 22048ca54..750f305b4 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -35,10 +35,10 @@

Demand

- + -
+
Image of a code snippet.


@@ -82,7 +82,7 @@

Contact

\ No newline at end of file