diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..f1401212c 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -63,4 +63,116 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ + +body { + background-color:black; +} +.container { +width: 1000px; +margin: 0 auto; +background-color: gray; +} +/* Header/Navigation*/ +header{ +margin: 0px 0px 60px 0px; +text-align: center; +width: 100%; +padding: 10px 0px; +position: fixed; +background-color: rgb(1, 64, 136); +} + +#nav-menu, #nav-logo{ +display: flex box; +justify-content: center; + +} +#nav-menu{ +padding: 0px 100px 0px 0px; +margin: 0px; +} +nav a { +padding: 30px; +color: white; + +} +/* End Header/Navigation menu code */ +/* Begin The Call to Action code */ + +.section1{ + display:flex; + flex-direction:center; +} + +#sub, #sub-logo{ +display: inline-block; +vertical-align: middle; +margin-top: 100px; +} +#sub { +font-size: 75px; +margin:0px; +padding: 0px; +text-align: center; +} +#button1{ +padding: 10px 40px; +margin: 0px; +background-color: blue; +border: 1px black solid; +color:white; +} +#button1:hover { +background-color: white; +color: blue; +} +#mega-huge{ +padding: 0px; +margin: 0px; +} + + + + +.wrapper{ + display:flex; + flex-direction:row +} + +.section-block1 { +display: flex; +flex-direction:row +} + +.section-block2 { +display: flex; +flex-direction:row; +} + + + + +.wrapper img{ +width: 100%; +padding: 10px; +} + + + + + +footer { +margin: 35px 0px 0px 0px; +} +#copy { +text-align: center; +} +footer a { +text-decoration: none; +color: black; +} +footer a:hover, footer a:active { + color: black; + background-color: white; +} diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..54c558c1f 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -7,57 +7,95 @@ 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. +

+

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.

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

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