From 9893d6bd5181f1c978ab35ac731ee57b3ef1ed6c Mon Sep 17 00:00:00 2001 From: Msenat74 <55958270+Mseanat74@users.noreply.github.com> Date: Thu, 19 Mar 2020 22:34:07 -0400 Subject: [PATCH] done --- great-idea-website/css/index.css | 133 ++++++++++++++++++++++++++++++- great-idea-website/index.html | 115 ++++++++++++++++++-------- 2 files changed, 214 insertions(+), 34 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..c376ec322 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -63,4 +63,135 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ + +nav { + position: relative; + left: 500px; + padding:50px; + margin: 55px; + } + nav ul { + margin: 0; + padding:0; + list-style: none; + } + + nav li { + display:inline-block; + margin-left:70px; + +} + +nav a { + color: grey; + text-decoration: none; + text-transform: uppercase; + + } + +.right{ + position: relative; + left: 500px; + bottom:335px; +} + + + +.logo { + position: relative; + left:1500px; + bottom:110px; +} + +.box1 { + width: 400px; + padding: 30px; + margin: 10px; + display: inline-block; + +} +.box2 { + width: 400px; + padding: 30px; + margin: 10px; + display: inline-block; + position: relative; + left:250px; +} + + +.container { + display: inline; + margin: 0 auto; + position: relative; + right: 500px; +} +.container2 { + width: 10px; + margin: px; + padding:20px ; +} +.container3 { + display: inline; + margin: 0 auto; + +} +.container4 { + display: inline; + margin: 0 auto; + +} + +.top-content { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + margin-bottom: 20px; +} + +.top-content .text-container { + width: 48%; + padding: 0 1%; + padding-bottom: 20px; +} +.Innovation{ + font-size:32px ; + display:inline-block; + width: 100px; + height: 500px; + padding: 5px; + text-align: center; + position: relative; + left:500px; + + +} + +button{ + width: 120px; + height: 30px; + padding: 5px; + +} +.line{ + border-style: solid; + border-width: thin; +} +footer{ + text-align: center; +} +.middle-img{ + width: 1200px; + position: relative; + left:300px; + text-align:center; +} + +.max{ + max-width: 100% ; +} +.right2{ + position: relative; + left:300px; +} \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..d2467a4bf 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -14,50 +14,99 @@ - + +
+ + +
+ + +
+
+
+

+ Innovation + On + Demand +

+ + - Services - Product - Vision - Features - About - Contact - - Innovation - On - Demand + Image of a code snippet. +
+
+ +
- Get Started +
+
+
+
+

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.

+
- Image of a code snippet. +
+

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. +Image of code snippets across the screen +
- 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. +
+

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.

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

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

- Contact - 123 Way 456 Street - Somewhere, USA - 1 (888) 888-8888 - sales@greatidea.io +

123 Way 456 Street +Somewhere, USA

- Copyright Great Idea! 2018 - - +1 (888) 888-8888 + +

sales@greatidea.io

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