diff --git a/index.css b/index.css new file mode 100644 index 000000000..95cd7214a --- /dev/null +++ b/index.css @@ -0,0 +1,197 @@ +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; + line-height: 1.0; + padding: 15px; +} + + +.nav-bar { + width: 100%; + padding: 10px; + margin: 25px; +} + + +.navigation { + display: inline-block; + width: 70%; + height: 36px; + padding: 15px; + margin: 1%; + text-align: center; +} +.img1 { + display: inline-block; + width: 23%; + padding: 10px; +} + + +a:link { + text-decoration: none; + color: gray; + padding-right: 75px; + } + + + + +.header { + height: 400px; + width: 100%; + margin: 2%; + text-align: left; +} + +.header h1 { + font-size: 75px; +} + +.d1 { + + display: inline-block; + width: 45%; + text-align: center; + vertical-align: top; + padding: 5%; + +} + +.d2 { + + 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 new file mode 100644 index 000000000..b8ebb5582 --- /dev/null +++ b/index.html @@ -0,0 +1,100 @@ + + + + + + + Great Idea! + + + + + + + + + + +
+
+

+ 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 +
+ +
+ + + + \ No newline at end of file