From b3ddc183da9f7784a843b44cf6cc7e55ff7184c4 Mon Sep 17 00:00:00 2001 From: Syerra Davis Date: Sun, 8 Sep 2019 13:40:48 -0700 Subject: [PATCH 1/2] MVP MET --- great-idea-website/css/index.css | 62 ++++++++++++++++++- great-idea-website/index.html | 100 +++++++++++++++++++------------ 2 files changed, 123 insertions(+), 39 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..8d297078c 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -63,4 +63,64 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ +.container{ width: 900px; + margin:auto; + border:1px solid red; +} +header nav{ + display:inline-block; + margin-top: 35px; +} +header nav a { + margin:0 20px; +} +header img.logo{margin-left:140px; +} +.cta-text{ display: inline-block; + margin-top: 10px; + margin-left: 100px; + margin: 150px; + font-size: 45px; +} +section img{margin-top: 40px; + margin-left: 20px; +} +section button{ + border: 1px solid black; + padding: 10%; + width: 175px; + +} +.main-content{ border-top:1px solid black; + margin:1%; + width:98%; + +} +.text-content{ + margin:1%; + width:47%; + display:inline-block; +} +.middle-img{ + margin:1%; + width:98%; +} +.bottom-content{border-bottom:1px solid black; +margin:1%; +width:98%; +} +.text-content1{ + margin:1%; + display:inline-block; + width:30%; +} +.contact{ + margin:1%; +} +address{ + margin:1%; +} +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..8e8f5ed99 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -14,50 +14,74 @@ - - - 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. - - Image of code snippets across the screen +
+ +
+
+

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 +
- 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. +
+ 1 (888) 888-8888
- 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 00e02ce0302a677e40c815f827fa9fd7afe9f6c4 Mon Sep 17 00:00:00 2001 From: Syerra Davis Date: Sun, 8 Sep 2019 21:23:10 -0700 Subject: [PATCH 2/2] MVP MET --- great-idea-website/css/index.css | 22 +++-- great-idea-website/index.html | 136 ++++++++++++++++--------------- 2 files changed, 88 insertions(+), 70 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 8d297078c..40963c7d6 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -71,11 +71,19 @@ h1, h2, h3, h4, h5 { header nav{ display:inline-block; margin-top: 35px; + position: fixed; + top: 0; + width: -11%; } header nav a { - margin:0 20px; + padding: 10px; + margin: 0 20px; + background-color: orange; + border-radius: 5px; + text-decoration: none; + font-family:railway; } -header img.logo{margin-left:140px; +header img.logo{margin-left: 700px; } .cta-text{ display: inline-block; margin-top: 10px; @@ -83,8 +91,10 @@ header img.logo{margin-left:140px; margin: 150px; font-size: 45px; } -section img{margin-top: 40px; +section img{margin-top: 47px; margin-left: 20px; + /* margin-right: 5px; */ + margin-bottom: -40px; } section button{ border: 1px solid black; @@ -107,8 +117,8 @@ section button{ width:98%; } .bottom-content{border-bottom:1px solid black; -margin:1%; -width:98%; + margin:1%; + width:98%; } .text-content1{ margin:1%; @@ -123,4 +133,4 @@ address{ } 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 8e8f5ed99..618dcc537 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -1,6 +1,7 @@ + @@ -15,73 +16,80 @@ -
-
- - -
-
-
-

Innovation
On
Demand

- -
- Image of a code snippet. -
+
+
+ + +
+ +
+
+

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.

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

+ +
+ 123 Way 456 Street
+ Somewhere, USA +
-
-

Contact

+
+ 1 (888) 888-8888
-
- 123 Way 456 Street
- Somewhere, USA -
- -
- 1 (888) 888-8888
+
+ sales@greatidea.io +
+
-
- sales@greatidea.io -
-
+
+ Copyright Great Idea! 2018 +
+ - - - \ No newline at end of file + \ No newline at end of file