diff --git a/design-files/desktop.jpg b/design-files/desktop.jpg index 1362654514..0f0b7e15d9 100644 Binary files a/design-files/desktop.jpg and b/design-files/desktop.jpg differ diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18d..ba25d2af4e 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -1,66 +1,218 @@ -/* http://meyerweb.com/eric/tools/css/reset/ + /* 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! */ \ No newline at end of file + + 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! */ + + .tip { + text-align: center; + } + + .tip nav { + display: inline-block; + } + + .tip nav a { + color: grey; + margin: 1px 50px 1px; + text-decoration: none; + width: 100% + } + + .Big { + display: inline-block; + text-align: center; + margin: 1px 10px 10px 500px; + font-size: 70px; + } + + button { + font-size: 30px; + } + + image { + width: 30% max width 50% + } + + .top div { + display: inline-block; + width: 40%; + padding: 2%; + } + + .logo { + margin: 20px + } + + .middle-img { + display: inline-block; + width: 100%; + margin: 0 auto; + padding: 2%; + } + + .trio { + display: inline-block; + width: 30%; + margin: 10px 30px 10px + } + + footer { + margin: 25px; + } + + .Copyright { + text-align: center; + margin: 100px 100px 200px 100px; \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd658..43248ff588 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -1,63 +1,117 @@ + - - Great Idea! + + + 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 + +
+ + + +
+
+ +
+

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

+
+ +
+
+ + - Copyright Great Idea! 2018 - - \ No newline at end of file