From 9673831ecac87b7f5e9db91bce2f90c2e02dbee7 Mon Sep 17 00:00:00 2001 From: Charles Palmenta Date: Mon, 16 Mar 2020 23:55:36 -0400 Subject: [PATCH 1/3] added vs code files --- index.css | 0 index.html | 67 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 67 insertions(+) create mode 100644 index.css create mode 100644 index.html diff --git a/index.css b/index.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/index.html b/index.html new file mode 100644 index 0000000000..6e6ab3471d --- /dev/null +++ b/index.html @@ -0,0 +1,67 @@ + + + + + + + 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 + + + \ No newline at end of file From 5416fc49900abb4f324368a8df2e2c5fb7f0708e Mon Sep 17 00:00:00 2001 From: Charles Palmenta Date: Wed, 18 Mar 2020 00:17:54 -0400 Subject: [PATCH 2/3] html and some css styling --- index.css | 95 ++++++++++++++++++++++++++++++++++++++++++++ index.html | 113 ++++++++++++++++++++++++++++++----------------------- 2 files changed, 160 insertions(+), 48 deletions(-) diff --git a/index.css b/index.css index e69de29bb2..552db62af9 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,95 @@ +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; +} + + + +* { + 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; +} +body { + width 90%; + margin: auto; +} + + +.nav-bar { + width: 100%; + padding: 10px; + margin: 25px; +} + + +.navigation { + border: 5px solid black; + display: inline-block; + padding: 10px; +} +.img1 { + border: 5px solid black; + display: inline-block; + padding: 10px; +} + + +a:link { + text-decoration: none; + color: gray; + padding-right: 75px; + } + +header { + text-align: center; +} + + +.header { + height: 379px; + width: 100%; +} + +.header h1 { + font-size: 75px; +} +.d1 { + border: 5px solid black; + display: inline-block; +} +.d2 { + border: 5px solid black; + display: inline-block; + +} \ No newline at end of file diff --git a/index.html b/index.html index 6e6ab3471d..b851c78232 100644 --- a/index.html +++ b/index.html @@ -7,61 +7,78 @@ Great Idea! - + - -
- Services - Product - Vision - Features - About - Contact - - -
-
- Innovation - On + + + +
+
+

+ 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 + + + +
+ Image of a code snippet. +
+
- 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 +
+
+

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.

+
+
- Copyright Great Idea! 2018 + Image of code snippets across the screen - - \ No newline at end of file +
+

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 e04af7fda16f95b9f2673f02cf35166a2b465f53 Mon Sep 17 00:00:00 2001 From: Charles Palmenta Date: Wed, 18 Mar 2020 15:33:17 -0400 Subject: [PATCH 3/3] finished user interface II --- index.css | 122 ++++++++++++++++++++++++++++++++++++++++++++++++----- index.html | 44 +++++++++++++------ 2 files changed, 142 insertions(+), 24 deletions(-) diff --git a/index.css b/index.css index 552db62af9..95cd7214ac 100644 --- a/index.css +++ b/index.css @@ -41,8 +41,11 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } body { - width 90%; + + width: 90%; margin: auto; + line-height: 1.0; + padding: 15px; } @@ -54,13 +57,16 @@ body { .navigation { - border: 5px solid black; display: inline-block; - padding: 10px; + width: 70%; + height: 36px; + padding: 15px; + margin: 1%; + text-align: center; } .img1 { - border: 5px solid black; display: inline-block; + width: 23%; padding: 10px; } @@ -71,25 +77,121 @@ a:link { padding-right: 75px; } -header { - text-align: center; -} + .header { - height: 379px; + height: 400px; width: 100%; + margin: 2%; + text-align: left; } .header h1 { font-size: 75px; } + .d1 { - border: 5px solid black; + display: inline-block; + width: 45%; + text-align: center; + vertical-align: top; + padding: 5%; + } + .d2 { - border: 5px solid black; + + display: inline-block; + width: 45%; + +} + +.top-content { + border-top: 2px solid black; display: inline-block; + margin: 1%; + width: 100%; + height: 15%; + padding: 15px; +} + +.paragraph1 { + + display: inline-block; + margin: 1% 0; + width: 45%; + padding: 5px 0; +} + +.paragraph2 { + + display: inline-block; + margin: 1%; + width: 45%; + padding: 5px; +} + +.middle-img { + width: 100%; + height: 25%; + margin: 1%; +} +.bottom-content{ + border-bottom: 2px solid black; + display: inline-block; + width: 100%; + margin: 1%; + height: 20%; + padding: 15px; +} + +.paragraph3 { + + margin: 1% 0; + width: 30%; + display: inline-block; + padding: 5px 0; +} + +.paragraph4 { + + margin: 1%; + width: 30%; + display: inline-block; + padding: 5px; +} + +.paragraph5 { + + margin: 1%; + width: 30%; + display: inline-block; + padding: 5px; +} + +.contactInfo { + + margin: 1%; + padding: 5px 0; + +} + +.phone { + + margin: 1%; +} + +.email { + + margin: 1%; +} + +.copyright { + + width: 100%; + text-align: center; + padding: 5% } \ No newline at end of file diff --git a/index.html b/index.html index b851c78232..b8ebb5582b 100644 --- a/index.html +++ b/index.html @@ -59,26 +59,42 @@

About

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.

+
+ +
+

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

Contact

+ 123 Way 456 Street
+ Somewhere, USA +
+ +
+ 1 (888) 888-8888 +
+ + +
\ No newline at end of file