From 649e8d0667c2f93b930dadfdbf72a3b188e5e204 Mon Sep 17 00:00:00 2001 From: Timgill987 <56654688+Timgill987@users.noreply.github.com> Date: Wed, 30 Oct 2019 19:05:26 -0400 Subject: [PATCH 1/2] adds structure to top of page, still working on bottom half --- great-idea-website/css/index.css | 55 +++++++++++++- great-idea-website/index.html | 126 ++++++++++++++++++++----------- 2 files changed, 134 insertions(+), 47 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..5783a73c6 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -22,7 +22,7 @@ time, mark, audio, video { font-size: 100%; font: inherit; vertical-align: baseline; -} +}*/ /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { @@ -63,4 +63,55 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ + + ul{ + margin: 50px; + +} + +.list { + color: grey; + padding-left: 8%; + text-align: center; +} + +h1 { + font-size: 65px; +} + + + +.start-button { + width: 180px; + height: 35px; + padding: 7px; + border: 1px solid black; + text-align: center; + margin: 0 auto; +} + + + +.main-info { + border: 1px solid black; + border-top-style: solid; + +} + +#main-section img { + display: inline-block; + vertical-align: middle; +} + +.parent-main{ + display:inline-block; + vertical-align: middle; + margin: 0% 5% 0% 0%; +} + +#main-section { + width: 100%; + text-align: center; +} + diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..1c814af02 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -1,6 +1,7 @@ + @@ -14,50 +15,85 @@ - - - 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 + +
+ +
+ + +
+
+
+

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.

+
+ +
+ + - Copyright Great Idea! 2018 - - \ No newline at end of file From 8b4b00aa6a741d731612c68e8b74a99825ea3642 Mon Sep 17 00:00:00 2001 From: Timgill987 <56654688+Timgill987@users.noreply.github.com> Date: Wed, 30 Oct 2019 22:06:43 -0400 Subject: [PATCH 2/2] completed the whole page --- great-idea-website/css/index.css | 55 ++++++++++++++++++++++++++++++++ great-idea-website/index.html | 32 ++++++++++++------- 2 files changed, 75 insertions(+), 12 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 5783a73c6..558fed452 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -113,5 +113,60 @@ h1 { #main-section { width: 100%; text-align: center; + } +.main-info1 { + display: inline-block; + text-align: center; + padding: 2%; +} + +.main-info1 section { + padding: 2%; + width: 31%; + margin: 0; + display: inline-block; + text-align: left; + } + +.middle-img { + display: block; + margin-left: auto; + margin-right: auto; + width: 975px; + +} + +.main-info2 { + display: inline-block; + text-align: center; + padding: 2%; +} + + +.main-info2 section { + padding: 2%; + width: 20%; + margin: 0px; + display: inline-block; + text-align: left; +} + + + +footer p { + text-align: center; +} +footer section { + margin: 3% 0% 0% 21%; +} + +hr { + width: 975px; +} + + + + + diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 1c814af02..7b05a9c9c 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -49,8 +49,8 @@

Innovation
-
- +
+
Features

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. @@ -62,9 +62,9 @@

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 - +
+ Image of code snippets across the screen +
Services

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. @@ -82,15 +82,23 @@

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.

- +
+