From 7dbfd6162c8852443caa0a54de7ca5911d6fb3f6 Mon Sep 17 00:00:00 2001 From: Aaron Flowers Date: Thu, 19 Mar 2020 17:49:30 -0500 Subject: [PATCH 1/5] project one html and css files --- great-idea-website/css/index.css | 10 ++++++++-- great-idea-website/index.html | 32 +++++++++++++++++++++----------- 2 files changed, 29 insertions(+), 13 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..1d1636e9a 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -62,5 +62,11 @@ h1, h2, h3, h4, h5 { letter-spacing: 1px; margin-bottom: 15px; } - -/* Your code starts here! */ \ No newline at end of file +.content{ + display: inline-block; +} +.navagtion{ + color:spacing: 1px; + margin-bottom: 15px; +} +. \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..ab434b1d3 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -15,7 +15,7 @@ - +
Services Product Vision @@ -24,23 +24,31 @@ Contact - Innovation - On - Demand - - Get Started +
+ - Image of a code snippet. +
+ 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. @@ -50,14 +58,16 @@ 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 566a64a9104f70277241c0561148eb43f7a80092 Mon Sep 17 00:00:00 2001 From: Aaron Flowers Date: Thu, 19 Mar 2020 18:04:18 -0500 Subject: [PATCH 2/5] html and css files --- great-idea-website/css/index.css | 66 +++++++++++++++++++++++++++++-- great-idea-website/index.html | 68 +++++++++++++++++--------------- 2 files changed, 99 insertions(+), 35 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 1d1636e9a..576d5e86e 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -54,7 +54,9 @@ table { html, body { height: 100%; - font-family: 'Titillium Web', sans-serif; + font-family: 'Titillium Web', sans-serif; + background-color: lightgray; + } h1, h2, h3, h4, h5 { @@ -62,11 +64,67 @@ h1, h2, h3, h4, h5 { letter-spacing: 1px; margin-bottom: 15px; } -.content{ +.container{ display: inline-block; + margin: 0 auto; + width: 80%px; + overflow: hidden; +} +header{ + background:#354249; + color:#ffffff + padding-top: 30px + min-height: 70px + border-bottom: #e8491d 3px solid; +} +header div a{ + color:#ffffff; + text-decoration: none; + text-transform: uppercase; + font-size: 16px; +} +header ul{ + margin:0; + padding:0; +} +header li{ + float-left; + display:inline; + padding: 0 20px 20px } .navagtion{ + display: inline-block; color:spacing: 1px; - margin-bottom: 15px; + margin-bottom: 15px +} +.contact{ + } -. \ No newline at end of file +.logo{ + +} +.middle-img{ + +} +.logo{ + margin-left:500px +} +.inv-text{ + display:inline-block + margin: 0 auto; + margin-top: 20px; + font-size: 28px; +} +.sectionone{ + display:inline-block; + margin-left: 200; +} +.sectiontwo{ + display:inline-block; + margin left: 200; +} + + header div a{ + display: inline-block + margin: 0 30px; +} diff --git a/great-idea-website/index.html b/great-idea-website/index.html index ab434b1d3..4702fc426 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -15,59 +15,65 @@ + +
+ +
- Services - Product - Vision - Features - About - Contact + +
-
- +
+
+

Innovation
On
Demand

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

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

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 +

Contact

+

123 Way 456 Street Somewhere, USA - 1 (888) 888-8888 - sales@greatidea.io + 1 (888) 888-8888

+ sales@greatidea.io +
Copyright Great Idea! 2018 -
+ + \ No newline at end of file From 73a25095c3d0e0caaa16bb0b9ef90648b5511717 Mon Sep 17 00:00:00 2001 From: Aaron Flowers Date: Thu, 19 Mar 2020 19:57:20 -0500 Subject: [PATCH 3/5] working file --- great-idea-website/css/index.css | 2 +- great-idea-website/index.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 576d5e86e..133e0dce1 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -127,4 +127,4 @@ header li{ header div a{ display: inline-block margin: 0 30px; -} +} \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 4702fc426..e0e5daab3 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -72,7 +72,7 @@

Contact

- Copyright Great Idea! 2018 + Copyright
From 26688d41c96fe9284e15773da6a9c2e022efc751 Mon Sep 17 00:00:00 2001 From: Aaron Flowers Date: Sat, 21 Mar 2020 22:52:27 -0500 Subject: [PATCH 4/5] newwork --- great-idea-website/css/index.css | 56 +++++++++++++++++++++++++------- great-idea-website/index.html | 18 +++++----- 2 files changed, 54 insertions(+), 20 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 133e0dce1..9561a823c 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -96,19 +96,9 @@ header li{ display: inline-block; color:spacing: 1px; margin-bottom: 15px -} -.contact{ -} -.logo{ - } -.middle-img{ -} -.logo{ - margin-left:500px -} .inv-text{ display:inline-block margin: 0 auto; @@ -127,4 +117,48 @@ header li{ header div a{ display: inline-block margin: 0 30px; -} \ No newline at end of file +} + li{ + float:left; + padding:8px; + } + +li a{ + display: inline-block; + padding: 8px; + background-color:red; + +} + .logo{ + float: right; + padding:8px; + margin-left:490px; + margin-top + display:inline-block; + + } + .inv{ + display:inline-block; + margin: auto; + } + h1{ + letter-spacing: 1px; + margin-bottom: 10px; + margin-left: 100px; + font-size: 50px; + margin-top: 5px; + } + .button{ + margin-left: 100px; + } + .image2{ + display:inline-block; + float:right; + width:300px; + margin-left:500px + } + h3, p{ + display:block; + + + } diff --git a/great-idea-website/index.html b/great-idea-website/index.html index e0e5daab3..138b388ce 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -29,27 +29,27 @@
  • Contact
    • - +
    -
    +

    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.

    -

    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
    From 993e3b1344592a93ef43d4b51997849866e53460 Mon Sep 17 00:00:00 2001 From: Aaron Flowers Date: Mon, 23 Mar 2020 17:43:19 -0500 Subject: [PATCH 5/5] march 23/2020 --- great-idea-website/css/index.css | 203 ++++++++++++++----------------- great-idea-website/index.html | 115 +++++++++-------- 2 files changed, 156 insertions(+), 162 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 9561a823c..2d477d677 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -1,4 +1,4 @@ -/* http://meyerweb.com/eric/tools/css/reset/ +/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ @@ -12,8 +12,8 @@ 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, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; @@ -24,141 +24,120 @@ time, mark, audio, video { vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { - line-height: 1; -} -ol, ul { - list-style: none; + margin: 0 auto; + width: 900px; } -blockquote, q { - quotes: none; + +a { + text-decoration: none; + color: lightgrey; + font-size: 14px; } -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; + +nav { + padding: 40px 0 70px 0; + word-spacing: 50px; } -table { - border-collapse: collapse; - border-spacing: 0; + +nav a:first-child { + padding-left: 0; } -/* Set every element's box-sizing to border-box */ -* { - box-sizing: border-box; +.logo { + display: inline-block; + padding-left: 120px; } -html, body { - height: 100%; - font-family: 'Titillium Web', sans-serif; - background-color: lightgray; +h1 { + font-size: 75px; + display: inline-block; + margin-top: 60px; } -h1, h2, h3, h4, h5 { - font-family: 'Bangers', cursive; - letter-spacing: 1px; - margin-bottom: 15px; -} -.container{ +.circleimg { display: inline-block; - margin: 0 auto; - width: 80%px; - overflow: hidden; -} -header{ - background:#354249; - color:#ffffff - padding-top: 30px - min-height: 70px - border-bottom: #e8491d 3px solid; -} -header div a{ - color:#ffffff; - text-decoration: none; - text-transform: uppercase; - font-size: 16px; } -header ul{ - margin:0; - padding:0; + + +header { + text-align: center; } -header li{ - float-left; - display:inline; - padding: 0 20px 20px + +.headerwithbutton { + width: 420px; + display: inline-block; } -.navagtion{ + +.right { display: inline-block; - color:spacing: 1px; - margin-bottom: 15px - + width: 420px; + vertical-align: top; } -.inv-text{ - display:inline-block +.getstarted { + display: block; + background-color: white; + font-size: 18px; + padding: 3px 45px; + text-decoration: none; + border: 1px solid black; margin: 0 auto; - margin-top: 20px; - font-size: 28px; + font-family: 'Titillium Web'; } -.sectionone{ - display:inline-block; - margin-left: 200; + +hr { + color: black; + background-color: black; + height: 1px; + width: 95%; + margin: 60px 0 0 0; + border: none; } -.sectiontwo{ - display:inline-block; - margin left: 200; + +.featuresabout { + display: inline-block; + width: 420px; + margin-bottom: 40px; } - header div a{ - display: inline-block - margin: 0 30px; +h2 { + font-size: 17px; + display: block; + margin: 25px 0; } - li{ - float:left; - padding:8px; - } -li a{ +.serprovis { display: inline-block; - padding: 8px; - background-color:red; - -} - .logo{ - float: right; - padding:8px; - margin-left:490px; - margin-top - display:inline-block; - - } - .inv{ - display:inline-block; - margin: auto; - } - h1{ - letter-spacing: 1px; - margin-bottom: 10px; - margin-left: 100px; - font-size: 50px; - margin-top: 5px; - } - .button{ - margin-left: 100px; - } - .image2{ - display:inline-block; - float:right; - width:300px; - margin-left:500px - } - h3, p{ - display:block; - - - } + width: 280px; + margin: 5px; +} + +p { + line-height: 1.2; +} + +footer { + text-align: center; + height: 100px; + padding: 20px; + font-size: 14px; +} + +.hr2 { + color: black; + background-color: black; + height: 1px; + width: 95%; + margin: 40px 0 0 0; + border: none; +} + +address { + line-height: 1.2; +} diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 138b388ce..98fdd1865 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -14,66 +14,81 @@ - - -
    - -
    -
    - -
    -
    - -
    - -

    Innovation
    On
    Demand

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

    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.

    + + + + +
    +

    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.

    + + +
    +

    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.

    -
    -

    Contact

    -

    123 Way 456 Street - Somewhere, USA - 1 (888) 888-8888

    - sales@greatidea.io - -
    + +
    +

    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 +