diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..4361ef7d6 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -63,4 +63,119 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ + +.container{ + width: 900px; + margin: auto; + border: 1px solid red; +} + +header nav{ + display:inline-block; + margin-top: 35px; +} + +header nav a{ + margin: 0 20px; + text-decoration: none; + color: gray; +} + +header .logo{ + margin-left: 140px; +} + +.iod{ + display:inline-block; + margin-top: 30px; + position: relative; +} + +.iod .code{ + margin-left: 450px; + top:-70px; + position: relative; + top: 0px; +} + +.iod-text{ + text-align: center; + /* font-size: 52pt; */ + position: absolute; + top: 50px; + left: 50px; + +} +h1{ + font-size: 52pt; +} + +.iod .iod-text p#gslink{ + border: 1px solid grey; + width: 109px; + padding: 3px; + color: lightslategrey; + margin-left: 84px; + margin-top: -5px; +} +.upper-content{ + border-top: 1px solid gray; +} + +.content{ + display:inline-block; + position: relative; + margin: 13px; +} +.upper-content .ftext p{ + width: 40%; +} + +.upper-content .atext p{ + width:40%; + position: absolute; + top:45px; + left: 450px; +} + +.upper-content .atext h4{ + position:absolute; + top:20px; + left: 450px; +} + +.middle-img{ + display:inline-block; + position: relative; + +} +.upper-content div{ + margin-top: 20px; + margin-bottom: 20px; +} +.lower-content{ + margin-top: 50px; + margin-bottom: 30px; +} + +.lower-content .text{ + display:inline-block; + width:33%; + +} + +.contact{ + display:inline-block; + width:95%; + border-top:1px solid grey; + margin: 10px; +} + +.contact h4{ + margin-top: 30px; +} + +.contact p{ + +} \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..d6fc03368 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -16,48 +16,81 @@ - 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 - +
+ +
+ + + +
+ +
+
+

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