diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..1102aaa0b 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -62,5 +62,81 @@ h1, h2, h3, h4, h5 { letter-spacing: 1px; margin-bottom: 15px; } +.container{ + width:910px; + margin:auto; + +} + +header nav{ + display:inline-block; + margin-top:35px; + +} +header nav a{ + margin: 0 20px; + color:grey +} +.logo{ + margin-left:80px; +} +h1{ + font-size: 90px; + text-align: center; +} +.body{ + + display:inline-block; + margin-bottom:95px; + +} +.body h1{ + margin-left:30px; + + +} +img{ + margin-top:40px; + margin-left:30px; +} +button{ + margin-left:175px; +} +.main{ + position: relative; + +} +.main .blocks .above{ + + display: inline-block; + width: 400px; + margin:10px; + padding:20px; + +} +.main .below{ + + + display:inline-block; + width:280px; + height: 35px; + margin:10px; + padding:20px; + + +} + .main .middle-img{ + + display:block; + margin: 0 auto 0 auto; + + +} +footer { + padding: 25px 0px 0px 0px; +} -/* Your code starts here! */ \ No newline at end of file +#copyright { + text-align: center; + padding: 35px; +} \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..22d4702e6 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -15,49 +15,77 @@ - - 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 +
+

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

+
+
+ +
+ +
\ No newline at end of file