diff --git a/great-idea/css/index.css b/great-idea/css/index.css index a6445bd842..9b743972a6 100644 --- a/great-idea/css/index.css +++ b/great-idea/css/index.css @@ -63,4 +63,76 @@ 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 */ + html { + display: flex; + width: 90%; + margin: 0 auto; +} +.container { + display: flex; + padding-top: 5px; + padding-left: 100px; + +} +.item1 { + display: flex; + width: 50%; + color:lightgrey; + font-size: 20px; + margin-top: 10px; + justify-content: space-around; + + + +} +.item2 { +margin-left: 10%; + +} +.box { + display: flex; +} +.sec{ + display: inline-block; + font-size: 100px; + margin-right: 1%; + margin-top: 5%; + width: 49%; + text-align: center; + margin-bottom: 20%; + margin-top: 10%; + +} +.Get { + font-size: 30px; + background-color: white; +} +.Features { + border-top: 1px solid; + border-bottom: 1px solid; + padding-top: 5%; + padding-bottom: 5%; +} +.Cap { + width: 49%; + display: inline-block; + padding-bottom: 4%; + +} +.Star { + width: 32%; + display: inline-block; + + padding-top: 4%; +} +.CR { + text-align: center; + padding-bottom: 4%; +} +h2 { + padding-top: 3%; +} +.middle-img { + width: 100%; +} diff --git a/great-idea/index.html b/great-idea/index.html index c5f374a238..d005bc4c4f 100644 --- a/great-idea/index.html +++ b/great-idea/index.html @@ -13,11 +13,67 @@ - + - - - +
+ +
+
+
+
+

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

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/services.css b/great-idea/services.css new file mode 100644 index 0000000000..e9d1652af9 --- /dev/null +++ b/great-idea/services.css @@ -0,0 +1,114 @@ +* +{ + box-sizing: border-box; + padding-left: 2%; + margin-right: 2%; +} + +html, body { + height: 100%; + font-family: 'Titillium Web', sans-serif; +} + +h1, h2, h3, h4, h5 { + font-family: 'Bangers', cursive; + letter-spacing: 1px; + margin-bottom: 15px; +} + + +nav { + display: flex; + justify-content: space-evenly; +} +a { + display: flex; + color:gray; + justify-content: space-between; + font-size: 20px; + margin: 2%; +} +.bigimg{ + width: 95%; + +} +.Services{ + border-bottom: 1px solid; + width: 100%; + +} +.box1{ + display: flex; + justify-content: space-evenly; +} +.box2{ + display: flex; +} +.box3 { + display: flex; +} +.digital { + border: 1px solid; + background: whitesmoke; + margin: 2%; + width: fit-content; +} +.UX { + border: 1px solid; + background: whitesmoke; + margin: 2%; + width: fit-content; +} +.Marketing { + border: 1px solid; + background: whitesmoke; + margin: 2%; + width: fit-content; +} +.WB { + border: 1px solid; + background: whitesmoke; + margin: 2%; + width: fit-content; +} +.iOS { + border: 1px solid; + background: whitesmoke; + margin: 2%; + width: fit-content; +} +.Android { + border: 1px solid; + background: whitesmoke; + margin: 2%; + width: fit-content; +} +button { + display: inline-flex; + background-color:white ; + padding: 20px; + margin-bottom: 10px; + margin: 5px; + +} +.bottom { + display: flex; + justify-content: space-evenly; + border-top: 1px solid; +} +.Facts { + display: flex; + flex-direction: column; + width: 45%; + + +} +.Img3{ + display: flex; + width: fit-content; + justify-content: right; +} +.CR { + text-align: center; + margin: 2%; +} diff --git a/great-idea/services.html b/great-idea/services.html index 271c36beae..cc22df82d0 100644 --- a/great-idea/services.html +++ b/great-idea/services.html @@ -7,7 +7,7 @@ Great Idea! - +