diff --git a/great-idea/css/index.css b/great-idea/css/index.css index a6445bd842..857afbf60d 100644 --- a/great-idea/css/index.css +++ b/great-idea/css/index.css @@ -63,4 +63,95 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Copy and paste your work from yesterday here and start to refactor into flexbox */ \ No newline at end of file +/* Copy and paste your work from yesterday here and start to refactor into flexbox */ + +nav { + display: flex; + width: 80%; + justify-content: space-between; + +} + +nav a { + margin-left: 5%; + padding: 3%; +} + +nav img { + margin-left: 5%; + margin-top: 2%; +} +.first-section { + display:flex; + margin: 5%; + width: 80%; + height: 40%; +} + +.cta-container { + width: 50%; + font-size: 3rem; + text-align: center; + margin-left: 15%; + display: flex; + justify-content: space-between; + +} + +.button { + border: 3px solid black; + margin-top: 7%; + padding: 1%; + text-align: center; +} + +.img1 { + width: 40%; + margin-left: 12%; + display: flex; + height: 90%; + margin-top: 10%; + justify-content: space-between; + +} + +.second-section { + display: flex; + justify-content: space-around; + padding: 5%; +} + +.sec1-article { + width: 30%; + height: 40%; + display: + margin: 5%; +} + +.middle-img { + text-align: center; + width: 80%; + margin-left: 5%; + + +} + +.sec2-article { + width: 20%; + height: 30%; + margin: 5%; + +} + +.third-section { + display: flex; +} + +.contact-section span { + margin-top: 5%; +} + +.copyright { + margin-top: 5%; + text-align: center; +} \ No newline at end of file diff --git a/great-idea/index.html b/great-idea/index.html index c5f374a238..61255ab8df 100644 --- a/great-idea/index.html +++ b/great-idea/index.html @@ -15,9 +15,72 @@ - - + +
+
+
+

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.

+
+
+

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

+

@greatidea.io

+
+ \ No newline at end of file