From 84dd221326497849558666cec82e460ba362ead8 Mon Sep 17 00:00:00 2001 From: Sarahmarie D Hollenstein Date: Tue, 17 Mar 2020 16:01:32 -0500 Subject: [PATCH 1/4] made changes on .container bracket --- great-idea-website/index.css | 119 +++++++++++++++++++++++++++++++++++ 1 file changed, 119 insertions(+) create mode 100644 great-idea-website/index.css diff --git a/great-idea-website/index.css b/great-idea-website/index.css new file mode 100644 index 000000000..38f253056 --- /dev/null +++ b/great-idea-website/index.css @@ -0,0 +1,119 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + 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 { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* Set every element's box-sizing to border-box */ +* { + box-sizing: border-box; +} + +html, body { + height: 100%; + font-family: 'Titillium Web', sans-serif; +} + +h1, h2, h3, h4, h5 { + font-family: 'Bangers', cursive; + letter-spacing: 1px; + margin-bottom: 15px; +} + +/* Your code starts here! */ + +html, body{ + background-color: whitesmoke; + font-family: 'Titillium Web', sans-serif; +} + +* { + color: #3C373B; + box-sizing: border-box; +} + + + +.container { + margin: 0 auto; + width: 600; +} + +.navigation a { + margin: 0 6px; + border: 1px solid #eeebd9; + padding: 19px; + display: inline-block; + border-radius: 20px; + color: #eeebd9; + text-decoration: none; + margin-bottom: 20px; +} + +.content_2 { + border: 2px solid black; + margin: 1%; + width: 100%; +} + +.content_2_box { + border: 2px solid blue; + display: inline-block; + vertical-align: top; + margin: 1%; + width: 48%; + min-width: 250px; +} + +button { + margin: 0 auto; + display: block; + float: left; +} + +.logo { + border-radius: 50% +} \ No newline at end of file From 92504724175632085c39f0f224b256d6c3ff06c0 Mon Sep 17 00:00:00 2001 From: Sarahmarie D Hollenstein Date: Tue, 17 Mar 2020 20:54:05 -0500 Subject: [PATCH 2/4] updated with lines on webpage --- great-idea-website/index.css | 48 ++++++---- great-idea-website/index.html | 165 +++++++++++++++++++++------------- 2 files changed, 135 insertions(+), 78 deletions(-) diff --git a/great-idea-website/index.css b/great-idea-website/index.css index 38f253056..15d59c3a0 100644 --- a/great-idea-website/index.css +++ b/great-idea-website/index.css @@ -48,6 +48,10 @@ table { } /* Set every element's box-sizing to border-box */ + + + + * { box-sizing: border-box; } @@ -80,40 +84,52 @@ html, body{ .container { margin: 0 auto; width: 600; + border: 50% solid black; } .navigation a { - margin: 0 6px; - border: 1px solid #eeebd9; - padding: 19px; + margin: 0 15px; + border: 1px solid transparent; + padding: 45px; display: inline-block; border-radius: 20px; - color: #eeebd9; + color:#00BFFF; text-decoration: none; - margin-bottom: 20px; + margin-bottom: 20px; } -.content_2 { - border: 2px solid black; - margin: 1%; - width: 100%; + +.text_content.content_2_box { + font-family: 'Bangers', cursive; + font-size: 55px; + letter-spacing: 1px; + padding: 85px; + margin-bottom: 15px; + text-align: center; +} + +button { + line-height: 25px; + text-align: center; + font-size:16px; + text-transform: uppercase; } .content_2_box { - border: 2px solid blue; display: inline-block; vertical-align: top; margin: 1%; width: 48%; - min-width: 250px; + min-width: 250px; + vertical-align: middle; } -button { - margin: 0 auto; - display: block; - float: left; +.image_content.content_2_box { + float: right; } + .logo { border-radius: 50% -} \ No newline at end of file +} + diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..b9576582c 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -1,63 +1,104 @@ - - - - - - - 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 - - + + + + + + + Great Idea! + + + + + + + + + +
+ + + +
+
+
+ +

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

+ +
+ + \ No newline at end of file From b980f88e748b5bbdfa290454205c20570a13406e Mon Sep 17 00:00:00 2001 From: Sarahmarie D Hollenstein Date: Tue, 17 Mar 2020 22:30:31 -0500 Subject: [PATCH 3/4] putting final touches --- great-idea-website/index.css | 90 ++++++++++++++++++++++++++++++++++- great-idea-website/index.html | 52 +++++++++++++------- 2 files changed, 123 insertions(+), 19 deletions(-) diff --git a/great-idea-website/index.css b/great-idea-website/index.css index 15d59c3a0..490eb17a9 100644 --- a/great-idea-website/index.css +++ b/great-idea-website/index.css @@ -80,17 +80,24 @@ html, body{ } - .container { margin: 0 auto; width: 600; border: 50% solid black; } + +.box.logo { + display: inline-block; + padding: 20px; + margin: 20px; + text-align: right; + margin-bottom: 20px; +} .navigation a { margin: 0 15px; border: 1px solid transparent; - padding: 45px; + padding: 40px; display: inline-block; border-radius: 20px; color:#00BFFF; @@ -133,3 +140,82 @@ button { border-radius: 50% } +.box1 { + border: 10px; + display: inline-block; + margin: 1px; + padding: 45px; + height: 40%; + width: 42% +} +.box2 { + border: 10px; + display: inline-block; + margin: 1px; + padding: 45px; + height: 40%; + width: 42% +} + +.image_content.content_3_box { + text-align: center; +} + +.box3 { + border: 2px; + display: inline-block; + margin: 5px; + padding: 40px; + height: 30%; + width: 28% +} + +.middle-img { + width: 95%; + height: 10%; + +} + +.box4 { + border: 2px ; + display: inline-block; + margin: 5px; + padding: 40px; + height: 30%; + width: 28% +} + +.box5 { + border: 2px; + display: inline-block; + margin: 5px; + padding: 40px; + height: 30%; + width: 28% +} + +.contact { + margin: 0 0 10px 0; + text-align: center; +} + +address { + line-height: 2; + text-align: center; +} + +footer { + text-align: center; + padding: 10px; + margin: 10px; +} + +address p { + line-height: 0px; +} + +/* +#street { + border: 1px dotted pink; +} +*/ \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index b9576582c..ab803effc 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -25,9 +25,12 @@ Features About Contact -