From 37f78d6310eee9228140ce843b843c71f7895f06 Mon Sep 17 00:00:00 2001 From: Golden Eagle Date: Wed, 12 Feb 2020 13:31:04 -0800 Subject: [PATCH 1/6] Commit User-Interface --- great-idea-website/css/index.css | 6 +++++- great-idea-website/index.html | 23 ++++++++++++++++++----- 2 files changed, 23 insertions(+), 6 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..80498595a 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -63,4 +63,8 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ +nav{ + display: inline-block; + width: 100%; +} \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..14f2c7339 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -1,6 +1,7 @@ + @@ -15,15 +16,18 @@ - + +
+
Innovation On Demand @@ -31,16 +35,21 @@ 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. @@ -50,14 +59,18 @@ 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 ac25f31901a58f36a49b239a9e49eb75f3fbdf3d Mon Sep 17 00:00:00 2001 From: Golden Eagle Date: Wed, 12 Feb 2020 17:17:59 -0800 Subject: [PATCH 2/6] update please --- great-idea-website/css/index.css | 104 +++++++++++++++++++++++++++-- great-idea-website/index.html | 110 ++++++++++++++++++++----------- 2 files changed, 169 insertions(+), 45 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 80498595a..9b87bebd4 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -3,6 +3,8 @@ License: none (public domain) */ +@import url('https://fonts.googleapis.com/css?family=Galada&display=swap'); + html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -14,11 +16,10 @@ 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, +menu, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; - border: 0; font-size: 100%; font: inherit; vertical-align: baseline; @@ -49,12 +50,14 @@ table { /* Set every element's box-sizing to border-box */ * { - box-sizing: border-box; + box-sizing: border-box; + } html, body { height: 100%; - font-family: 'Titillium Web', sans-serif; + font-family: 'Titillium Web', sans-serif; + border: 80%; } h1, h2, h3, h4, h5 { @@ -64,7 +67,98 @@ h1, h2, h3, h4, h5 { } /* Your code starts here! */ -nav{ + +nav.navigation{ + margin: 0 -16%; +} + +.container{ + width: 900px; + margin: auto; +} + +header { + margin: 9px 12%; + display: inline-block; + width: 75%; +} +nav a{ + margin-left: 6%; +} +nav img.logo{ + margin-left: 5%; +} +.first-title-section{ + display: inline-block; + width: 100%; +} +.main-title{ + display: inline-block; + font-size:2rem; + font-family: 'Galada', cursive; + width: 50%; + margin: 35px 0px; + +} +div .header-image-section{ + display: inline-block; + width: 49%; +} +h1 { + text-align: center; + margin: 6px; + font-size: 80px; +} +#button1 { + margin: 0 40%; + font-size: 15px; + width: 23%; +} +.picture { + margin: 30px 18px -1px 18px; +} + +.first-section{ + display: inline-block; + width: 100%; + margin: 45px 0; +} +.first-paragraph{ + display:inline-block; + width:50%; + text-align: left; +} +.second-paragraph{ + display:inline-block; + width:49%; + text-align: left; +} + +.second-section{ display: inline-block; width: 100%; + margin: 45px 0; +} +.third-paragraph{ + display:inline-block; + width: 30%; + text-align: left; +} +.fourth-paragraph{ + display:inline-block; + width: 30%; + text-align: left; +} +.fifth-paragrahp{ + display:inline-block; + width: 30%; + text-align: left; +} + +.where-to { + margin: 45px 0 +} + +footer{ + text-align: center; } \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 14f2c7339..c8a0de620 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -15,62 +15,92 @@ - -