From 0261e9820e182ce992be1dd120c505dddd8d21d6 Mon Sep 17 00:00:00 2001
From: Cory Hedeen <Hedeencory@gmail.com>
Date: Tue, 19 Mar 2019 19:09:55 -0400
Subject: [PATCH] Add files via upload

---
 greatidea.css   | 223 ++++++++++++++++++++++++++++++++++++++++++++++++
 greatideas.html |  76 +++++++++++++++++
 2 files changed, 299 insertions(+)
 create mode 100644 greatidea.css
 create mode 100644 greatideas.html

diff --git a/greatidea.css b/greatidea.css
new file mode 100644
index 000000000..ea32a5d01
--- /dev/null
+++ b/greatidea.css
@@ -0,0 +1,223 @@
+/* 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! */
+
+nav {
+	text-decoration: none;
+	margin-top: 15px;
+	margin-left: 20px;
+	position: relative;
+	display: inline-block;
+	padding-top: -10px;
+}
+
+nav a {
+	margin: 35px;
+	display: inline-block;
+	text-decoration: none;
+	color: gray;
+}
+
+p {
+	line-height: 1;
+}
+.logo {
+
+	margin-left: 130px;
+	margin-top: 20px;
+}
+
+.innovation {
+	text-align: center;
+	font-size: 80px;
+	width: 50px;
+	height: 100px;
+	margin-left: 150px;
+	margin-top: 50px;
+	margin-bottom: -50px;
+}
+
+.on {
+	margin-left: 75px;
+}
+
+.start-box {
+	margin-left: 250px;
+	margin-top: 250px;
+	border: 1px solid gray;
+	width: 150px;
+	padding: 10px 30px;
+}
+
+.header-image {
+	margin-top: -350px;
+	margin-left: 650px;
+	margin-bottom: 50px;
+}
+
+.features {
+	width: 40%;
+	margin-left: 80px;
+	display: inline-block;
+}
+
+.features-header {
+	margin-left: 80px;
+}
+
+.about-header {
+	margin-left: 550px;
+
+	margin-top: -97px;
+}
+
+.about {
+
+	width: 40%;
+	margin-left: 550px;
+
+}
+
+.middle-img {
+	margin-top: 50px;
+	margin-bottom: 50px;
+	margin-left: 90px;
+}
+
+.services {
+	width: 25%;
+	display: inline-block;
+	margin-left: 50px;
+}
+
+.services-header {
+	margin-left: 50px;
+}
+
+.product {
+	width: 25%;
+	display: inline-block;
+	margin-left: 370px;
+}
+
+.product-header {
+	margin-left: 370px;
+	margin-top: -130px;
+}
+
+.vision {
+	width: 25%;
+	display: inline-block;
+	margin-left: 700px;
+}
+
+.vision-header {
+	margin-left: 700px;
+	margin-top: -130px;
+}
+
+.contact {
+	margin-top: 30px;
+	margin-left: 50px;
+	width: 30%;
+}
+
+.copyright {
+	text-align: center;
+	margin-bottom: 50px;
+}
+
+.contact-header {
+	margin-top: 50px;
+	margin-bottom: 20px;
+}
+
+.adress {
+	margin: 20px;
+}
+
+.phone {
+	margin-top: 20px;
+}
+
+.email {
+	margin-top: 20px;
+	margin-bottom: 20px;
+}
+
+.line1 {
+	border-top: 2px solid gray;
+	width: 85%;
+	margin-left: 50px;
+	margin-bottom: 40px;
+}
+
+.line2 {
+	border-top: 2px solid gray;
+	width: 85%;
+	margin-left: 50px;
+	margin-top: 40px;
+}
diff --git a/greatideas.html b/greatideas.html
new file mode 100644
index 000000000..7d79ef177
--- /dev/null
+++ b/greatideas.html
@@ -0,0 +1,76 @@
+<!doctype html>
+
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+
+  <title>Great Idea!</title>
+
+  <link href="https://fonts.googleapis.com/css?family=Bangers|Titillium+Web" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Margarine" rel="stylesheet">
+  <link rel="stylesheet" href="greatidea.css">
+
+  <!--[if lt IE 9]>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
+  <![endif]-->
+</head>
+
+  <body>
+<nav>
+  <a href="#">Services</a>
+  <a href="#">Product</a>
+  <a href="#">Vision</a>
+  <a href="#">Features</a>
+  <a href="#">About</a>
+  <a href="#">Contact</a>
+</nav>
+  <img class="logo" src="images/gilogo.png" alt="Great Idea! Company logo.">
+<div class="innovation">
+  <h1>Innovation</h1>
+  <h1 class="on">On</h1>
+  <h1>Demand</h1>
+</div>
+<p class="start-box">
+  Get Started
+</p>
+  <img class="header-image" src="images/giheaderimage.png" alt="Image of a code snippet.">
+  <hr class="line1">
+<h2 class="features-header">Features</h2>
+<p class="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.
+</p>
+<h2 class="about-header">About</h2>
+<p class="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.
+</p>
+  <img class="middle-img" src="images/mid-page-accent.jpg" alt="Image of code snippets across the screen">
+<h2 class="services-header">Services</h2>
+<p class="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.
+</p>
+<h2 class="product-header">Product</h2>
+<p class="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.
+</p>
+<h2 class="vision-header">Vision</h2>
+<p class="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.
+</p>
+<hr class="line2">
+<div class="contact">
+  <h2 class="contact-header">Contact</h2>
+  <p class="address">123 Way 456 Street<br>
+  Somewhere, USA</p>
+  <p class="phone">
+  1 (888) 888-8888
+  </p>
+  <p class="email">
+  sales@greatidea.io
+  </p>
+</p>
+</div>
+<p class="copyright">
+  &copy; Copyright Great Idea! 2018
+</p>
+  </body>
+  </html>