From 9e5adf6e64215fb1d2c1b5469877c8f8e51062e1 Mon Sep 17 00:00:00 2001 From: unknown Date: Tue, 17 Dec 2019 20:55:00 -0600 Subject: [PATCH 1/5] index complete no css yet --- index.html | 144 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 143 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 476b4b8cb9..c3379bf4d8 100644 --- a/index.html +++ b/index.html @@ -11,6 +11,148 @@ - + + +
​ + +
+ + + + + +
+ + ​ + +
+ +
+ +

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 89d9acb3892e48040f1ced2f897729af1daa9b90 Mon Sep 17 00:00:00 2001 From: unknown Date: Wed, 18 Dec 2019 18:30:19 -0600 Subject: [PATCH 2/5] moved great idea image to try to center --- css/index.css | 193 +++++++++++++++++++++++++++++++++++++++++++++++++- index.html | 89 +++++++---------------- 2 files changed, 216 insertions(+), 66 deletions(-) diff --git a/css/index.css b/css/index.css index 0c9959c1e5..9c08e56430 100644 --- a/css/index.css +++ b/css/index.css @@ -1,3 +1,194 @@ -/* Use your own code or past solution for Great Idea Web Page CSS here! */ +/* 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; +} + +/* Copy and paste your work from yesterday here and start to refactor into flexbox */ +html { + margin: 40px; +} +body { + /* width: 80%; + margin-right: 10%; + margin-left: 10%; */ +} + +header nav { + display: flex; + justify-content: space-between; + width: 100%; + +} + +nav .container { + display: flex; + justify-content: space-evenly; + width: 100%; + + +} + +.container a { + /* border: solid black; */ + text-decoration: none; + color: gray; + +} + +.cta { + display: flex; + margin-bottom: 30px; + justify-content: space-evenly; + align-items: center; + +} + +.cta-text { + text-align: center; +} + +h1 { + text-align: center; + font-size: 70px; +} + +.top-content { + display: flex; + width: 100%; + border-top: 1px solid black; + padding-top: 40px; + padding-bottom: 30px; + padding: 2%; + +} + +.middle-img { + width: 100%; +} + + +.bottom-content { + display: flex; + /* width: 48%; */ + border-bottom: 1px solid black; + margin-top: 40px; + padding-bottom: 40px; +} + +.copyright { + display: flex; + justify-content: center; + margin-right: 1000px; +} + +.contact { + margin-top: 40px; +} + +.number { + padding-top: 10px; + padding-bottom: 10px; +} + +footer p { + text-align: center; +} + +@media (max-width:800px) { + .circle-img { + display: none; + } + + .logo { + position: relative; top:30; + } +} + +@media (max-width: 500px){ + .top-content { + flex-direction: column; + } + + .bottom-content { + flex-direction: column; + } + + .text-content { + padding-top: 30px; + } + + nav { + flex-direction: column; + } + + .container a { + border-bottom: 1px solid black; + /* border-top: 1px solid black; */ + padding: 10px; + } + + a { + text-align: center; + } + +} diff --git a/index.html b/index.html index c3379bf4d8..42fac71b78 100644 --- a/index.html +++ b/index.html @@ -13,54 +13,34 @@ -
​ - -
- -
​ +
+

Innovation
On
Demand

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

Features

@@ -82,9 +62,7 @@

About

​ Image of code snippets across the screen - - ​ - + ​
@@ -111,38 +89,19 @@

Vision

-
- - ​ - -
- - ​ - -
- - ​ - +
​ + ​ +
​

Contact

- ​ -

123 Way 456 Street
Somewhere, USA

- - ​ - +

1 (888) 888-8888

- - ​ - +

sales@greatidea.io

- ​ -
- ​ -