From 49414f33ff70880a2e63bd974d441f365a8d0102 Mon Sep 17 00:00:00 2001 From: Tylar Washington-Beechum Date: Thu, 19 Mar 2020 14:22:04 -0400 Subject: [PATCH 1/3] My finished my work....finally! --- great-idea-website/css/index.css | 114 ++++++++++++++++++++++++++++++- great-idea-website/index.html | 100 +++++++++++++++++---------- 2 files changed, 175 insertions(+), 39 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..036a2e7a7 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -29,7 +29,7 @@ footer, header, hgroup, menu, nav, section { display: block; } body { - line-height: 1; + line-height: 1; } ol, ul { list-style: none; @@ -57,10 +57,118 @@ html, body { font-family: 'Titillium Web', sans-serif; } -h1, h2, h3, h4, h5 { +h1, h2, h3, h4,h5 { font-family: 'Bangers', cursive; letter-spacing: 1px; margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ + nav{ + margin-right:80px; + display: inline-block; + font-size: 16px; + width: 100%; + +} + +nav a{ + color:gray; + line-height: 30px; + padding-right:40px; + padding-left:40px; +} + +img{ + + padding-left:0px; +} + + +#on{ + + padding-left:350px; + padding-bottom:30px; + width:30px; + font-size:60px; + margin-top:0px; + display:inline-block; + +} + + +.logo1{ + margin-right:0px; + padding-left:300px; + display:inline-block; + +} + +.middle-img{ + padding-left:350px; + display:block; + + + + +} + + +.Features{ + display:inline-block; + margin-left: 1%; + width: 600px; + min-width: 150px; + padding-left:335px; +} + +.About{ + display:inline-block; + margin-left: 1%; + width: 600px; + min-width: 150px; + padding-left:250px; +} + + + + + +.Services{ + display:inline-block; + box-sizing: border-box; + width:750px; + padding-left:350px; + + } + + .Product{ + display:inline-block; + box-sizing: border-box; + width:450px; + + + } + + .Vision{ + display:inline-block; + box-sizing: border-box; + width:350px; + + } + + +h6{ + font-size:20px; + border:2px solid black; + width:110px; + height:30px; +} + +hr{ + color:black; +} + +footer{ + text-align:center; +} \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..7b93892da 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -13,51 +13,79 @@ - + - Services - Product - Vision - Features - About - Contact - - - Innovation - On - Demand - - Get Started - + + + +
+
+

+

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.

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

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

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
+
+ + - 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 - \ No newline at end of file From 506a8ce9b3642f2933b32ab363be506cbf6eaf1d Mon Sep 17 00:00:00 2001 From: Tylar Washington-Beechum Date: Sat, 21 Mar 2020 18:55:38 -0400 Subject: [PATCH 2/3] Interface _v2 --- User-Interface | 1 + great-idea-website/css/index.css | 132 +++++++++++++++---------------- great-idea-website/index.html | 113 +++++++++++++------------- 3 files changed, 124 insertions(+), 122 deletions(-) create mode 160000 User-Interface diff --git a/User-Interface b/User-Interface new file mode 160000 index 000000000..09946aab8 --- /dev/null +++ b/User-Interface @@ -0,0 +1 @@ +Subproject commit 09946aab88a4a79475208abe0eebf88b8a87024d diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 036a2e7a7..0aade1ac3 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -29,7 +29,8 @@ footer, header, hgroup, menu, nav, section { display: block; } body { - line-height: 1; + + line-height: 1; } ol, ul { list-style: none; @@ -57,118 +58,113 @@ html, body { font-family: 'Titillium Web', sans-serif; } -h1, h2, h3, h4,h5 { +h1, h2, h3, h4, h5 { font-family: 'Bangers', cursive; letter-spacing: 1px; margin-bottom: 15px; } /* Your code starts here! */ - nav{ - margin-right:80px; - display: inline-block; +.navbar{ + padding-left:30%; + padding-bottom:80px; + background-color:khaki ; +} + +nav{ + margin-right:80px; font-size: 16px; width: 100%; - + display:inline-block; } nav a{ color:gray; - line-height: 30px; + line-height: 30px; padding-right:40px; padding-left:40px; } -img{ - - padding-left:0px; +.logo{ + display:inline-block; + margin-left: } - -#on{ - - padding-left:350px; - padding-bottom:30px; - width:30px; - font-size:60px; - margin-top:0px; +.centertop{ + padding-left:13%; +} +.inno{ display:inline-block; + text-align:center; + font-size:60px; + padding-left:30%; + padding-bottom:5%; } +button{ + margin:10px; +} -.logo1{ - margin-right:0px; - padding-left:300px; +.img{ display:inline-block; - + padding-left:65px; } .middle-img{ - padding-left:350px; display:block; - - - - } - -.Features{ - display:inline-block; - margin-left: 1%; - width: 600px; - min-width: 150px; - padding-left:335px; +.Bottom-content{ +padding-left:30%; +padding-top:20px; } -.About{ +.features{ display:inline-block; - margin-left: 1%; - width: 600px; - min-width: 150px; - padding-left:250px; -} - - - - - -.Services{ - display:inline-block; - box-sizing: border-box; - width:750px; - padding-left:350px; + width:450px; + margin-left:20px; + padding-bottom:40px; - } +} - .Product{ +.about{ display:inline-block; - box-sizing: border-box; width:450px; + padding-bottom: 40px; +} - } +.services{ +display:inline-block; +width: 300px; +padding-left:20px; +padding-top:20px; +} - .Vision{ - display:inline-block; - box-sizing: border-box; - width:350px; - - } +.product{ +display:inline-block; +width: 300px; +padding-left:20px; +padding-top:20px; +} +.vision{ +display:inline-block; +width: 300px; +margin-life:20px; +padding-left:20px; +padding-top:20px; +padding-bottom:20px; -h6{ - font-size:20px; - border:2px solid black; - width:110px; - height:30px; } -hr{ - color:black; +address{ +padding-top:22px; +padding-left:31%; } footer{ text-align:center; -} \ No newline at end of file +} + diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 7b93892da..8d35d04d7 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -13,79 +13,84 @@ - + +
+ - - -
-
-

-

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.

-
+
+
+
+

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.

+
+

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

+
+

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.

-
-
+
+

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
+ 123 Way 456 Street
+ Somewhere, USA
+
+1 (888) 888-8888
+
+ sales@greatidea.io +
-