diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..6207c38b9 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -63,4 +63,161 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ + +header{ + display:inline-block; + margin:0 auto; + word-spacing:95px; + font-size: 18px; + font-weight: bold; + width:100%; + color:lightgray; + padding:30px; + text-align: center; + +} +h1{ + display: inline-block; + margin-left:100px; + font-size:100px; + text-align: center; + height:300px; + width:500px; + +} + +.title { + display: inline-block; + height:750%; + width:48%; + background-color:; + margin:100px +} + +.Get-started { + font-size: 22px ; + height:7%; + width:240px; + border:2px solid black ; + text-align: center; + margin-left: 34%; + +} + +a{ + color:grey; +} + +.section-one { + display: inline-block; + width:100%; +} + +hr{ + border-top:1px solid black; + width:100%; +} + +.section-two{ + height:150px; + margin-top: 50px; + +} +.Features{ + width:46%; + height: 90%; + font-size: 20px; + display: inline-block; + font-weight:bold; + text-align:left; +} + +.about{ + font-size:20px; + margin-left:69px; + width:48%; + height:90%; + display: inline-block; + font-weight:bold; + text-align:left; +} +.middle-img{ + background-size: cover; + width:100%; + padding:10px; +} + +.section-three{ + display:inline; + width:100%; + height:30%; + display:inline-block; +} + +.services{ + margin-top: 50px;; + font-size:20px; + font-weight:bold; + width:425px; + height:98%; + text-align:left; + display:inline-block; +} +.product{ + font-size:20px; + font-weight:bold; + width:425px; + height:98%; + margin-left:20px; + text-align:left; + display:inline-block; +} +.visions{ + font-size:20px; + font-weight:bold; + width:425px; + height:98%; + margin-left:20px; + text-align:left; + display:inline-block; + +} +.section-four{ + height:180px; +} + + +.contact{ + display:inline; + line-height: 20px; + font-size: 22px; + font-weight: bold; + width:33%; + text-align:left; + display:block +} + +.phone-number{ + + font-weight: bold; + font-size: 22px; + display:block; + width:33%; + line-height:100px; +} +.email{ + font-size:22px; + font-weight:bold; + width:33%; + +} + +.copyright{ + text-align:center; +} + +body{ + margin:50px; + +} \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..dc1b731a1 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -13,51 +13,84 @@ - - - - Services - Product - Vision - Features - About - Contact - - - Innovation - On - Demand - - Get Started - + + + +
+ + +
+
+
+

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

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

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 diff --git a/great-idea-website/style.css b/great-idea-website/style.css new file mode 100644 index 000000000..e69de29bb