From 985cccf7770deb3ec59fea10b6ce41eff5078a88 Mon Sep 17 00:00:00 2001 From: Resiid <60631565+Resiid@users.noreply.github.com> Date: Fri, 21 Feb 2020 12:16:49 -0600 Subject: [PATCH 1/4] added html and css from first code set --- great-idea/css/index.css | 200 ++++++++++++++++++++++++++++++++++++++- great-idea/index.html | 144 ++++++++++++++++++++++++++++ 2 files changed, 343 insertions(+), 1 deletion(-) diff --git a/great-idea/css/index.css b/great-idea/css/index.css index a6445bd842..e9c0af41c8 100644 --- a/great-idea/css/index.css +++ b/great-idea/css/index.css @@ -63,4 +63,202 @@ 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 */ + + +header{ + box-sizing:border-box; + margin: 40px; + padding-top:15px; +} + + +.logo{ + display: inline-block; + width: 190px; + margin: -2%; + margin-right:50px; + padding: 0px; + text-align: center; + float: right; +} + +.img{ + display:inline-block; + +} +.navigation-bar ul { + width: 50%; + padding: 0px; + margin: 0px; + text-align: center; + display:inline-block; + vertical-align:top; + } + +#nav a{ + color:lightgray; + padding:4%; + text-decoration: none; +} + +.part-1{ + padding-top:150px; + display:inline-block; + margin-left:250px; +} + + + +h1{ + text-align:center; + margin:0px; + padding-right:150px; + font-size:100px; + transform: scaleY(1.2); + transform-origin: 0 0; + letter-spacing: 5px; + } + +button{ + display: inline-block; + background-color: white; + border-radius: 0px; + border: 1px solid; + color: #202020; + text-align: center; + font-size: 20px; + width: 200px; + margin-left:150px; + margin-top:75px; +} + +a { + color:#202020; + text-decoration:none; + font-size:15px; + font-weight:350; + transform: scaleY(1); + transform-origin: 0 0; + letter-spacing: 2px; +} + +.img { + border:1px solid; + overflow: auto; + float:right; + margin:50px; +} + +.parent { + margin:75px; + box-sizing: border-box; + border-top: 1px solid; + border-bottom: 1px solid; +} + +h2 { + display:block; + margin:5px; + padding-top: 50px; +} + +p.part1 { + width:60%; + display: inline-block; + margin: 5px; + padding-bottom:50px; + text-align: left; + transform: scaleY(.9.9); + transform-origin: 0 0; + letter-spacing: .5px; + font-weight: 350; + +} + +p.part2 { + width:60%; + display: inline-block; + margin: 5px; + padding-bottom:50px; + text-align: left; + transform: scaleY(.9.9); + transform-origin: 0 0; + letter-spacing: .5px; + font-weight: 350; + +} + +.middle-img { + width:100%; + margin: 2px; +} + +h3 { + display: block; + margin: 5px; + padding-top:30px; +} + +p.services { + width:60%; + display: inline-block; + margin: 5px; + padding-bottom:50px; + text-align: left; + transform: scaleY(.9.9); + transform-origin: 0 0; + letter-spacing: .5px; + font-weight: 350; +} + +p.products { + width:60%; + display: inline-block; + margin: 5px; + padding-bottom:50px; + text-align: left; + transform: scaleY(.9.9); + transform-origin: 0 0; + letter-spacing: .5px; + font-weight: 350; +} + +p.vision { + width:60%; + display: inline-block; + margin: 5px; + padding-bottom:50px; + text-align: left; + transform: scaleY(.9.9); + transform-origin: 0 0; + letter-spacing: .5px; + font-weight: 350; +} + + +h4 { + display: block; + margin-left: 85px; +} + +.contact-info { + padding:2px; + display: inline-block; + margin-left: 85px; +} + +.contact2 { + padding-top:15px; + margin-left: 85px; +} + +.contact3 { + padding-top: 15px; + margin-left: 85px; +} + +.copyr { + margin-left: 600px; + padding: 50px; +} \ No newline at end of file diff --git a/great-idea/index.html b/great-idea/index.html index c5f374a238..4c9b291943 100644 --- a/great-idea/index.html +++ b/great-idea/index.html @@ -17,7 +17,151 @@ + + +
+ + + + + + +
+ +
+ + +

+ +

+ + + +
+ + +
+ + + + 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 From 1f497d6f818bbbabf45319c3f009192af43221b7 Mon Sep 17 00:00:00 2001 From: Resiid <60631565+Resiid@users.noreply.github.com> Date: Fri, 21 Feb 2020 20:26:53 -0600 Subject: [PATCH 2/4] added services html and css --- great-idea/css/services.css | 112 ++++++++++++++++++++++++++++++++++++ great-idea/index.html | 2 +- great-idea/services.html | 37 +++++++++--- 3 files changed, 141 insertions(+), 10 deletions(-) create mode 100644 great-idea/css/services.css diff --git a/great-idea/css/services.css b/great-idea/css/services.css new file mode 100644 index 0000000000..c72690e643 --- /dev/null +++ b/great-idea/css/services.css @@ -0,0 +1,112 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* Set every element's box-sizing to border-box */ +* { + box-sizing: border-box; +} + +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; +} + +/* Copy and paste your work from yesterday here and start to refactor into flexbox */ + +.Services{ + display:flexbox; + margin:1%; + padding:0%; + border:1px solid; +} + +.top { + display: inline-flex; + border:1px solid; + margin: 1%; + width: 100% +} + +#nav { + border: 1px solid; + width: 70%; + padding: 2%; + margin: 0px; +} + +a{ + margin: 3%; + padding: 1%; + color:lightslategray; + text-decoration: none; +} + + +.great2{ + border: 1px solid; + margin: 1%; + padding-left:11%; +} + +.services{ + border: 1px solid; + margin: 1%; + height: auto; + width: 100%; +} + +.img services-header-img { + border: 1px solid; +} \ No newline at end of file diff --git a/great-idea/index.html b/great-idea/index.html index 4c9b291943..85b80a04b3 100644 --- a/great-idea/index.html +++ b/great-idea/index.html @@ -22,7 +22,7 @@
- +
-
+
Our services header image
-

+ +

Services

@@ -52,7 +53,7 @@

- + Digital Design Nulla suscipit interdum diam at maximus. Proin vitae tellus rutrum, accumsan nunc sit amet, iaculis tortor. Mauris consectetur feugiat justo quis aliquet. Curabitur cursus et justo eu consequat. Fusce finibus sem neque, sed faucibus nibh pellentesque From d685edc8e28484a500786f5eff5c1c083328cd54 Mon Sep 17 00:00:00 2001 From: Resiid <60631565+Resiid@users.noreply.github.com> Date: Fri, 21 Feb 2020 22:06:11 -0600 Subject: [PATCH 4/4] update --- great-idea/css/services.css | 83 ++++++++++++++++++++++++++++++++++--- great-idea/services.html | 50 +++++++++++++++++----- 2 files changed, 118 insertions(+), 15 deletions(-) diff --git a/great-idea/css/services.css b/great-idea/css/services.css index 9cf35ef0b2..352c86491c 100644 --- a/great-idea/css/services.css +++ b/great-idea/css/services.css @@ -103,15 +103,88 @@ a{ max-width: 1340px; width:100%; } -/* currently here */ + h1.svs{ + display:flex; + flex-wrap:wrap; margin: 1%; padding-left:60px; } +/* done to here */ + + +.cont3 { + display:flex; + border: 1px solid; +} + +p.digital { + border: 1px solid; + margin: 1%; +} + +.cont2 { + border: 1px solid; + margin:1%; +} + +.design { + border: 1px solid; + width:50%; +} + +.digital { + border: 1px solid; + width:50%; +} + +h2.ux { + border: 1px solid; + width:50% +} + +p.ui { + border: 1px solid; + width:50%; +} + +h3.mark { + border: 1px solid; + width:50%: +} + +p.marketing { + border: 1px solid; + width: 50%; +} + +h4.web { + border: 1px solid; + width: 50%; +} + +p.dev { + border:1px solid; + width: 50%; +} + +h5.ios { + border:1px solid; + width: 50%; +} + +p.development { + border:1px solid; + width: 50%; +} + +h6.android { + border:1px solid; + width: 50%; +} -p { - margin-bottom: 3%; - padding-left:5%; - padding-right:3%; +p.develop { + border:1px solid; + width: 50%; } \ No newline at end of file diff --git a/great-idea/services.html b/great-idea/services.html index 5007a7ad3f..05ff78617d 100644 --- a/great-idea/services.html +++ b/great-idea/services.html @@ -54,57 +54,87 @@

+ +
+
+ +
+

Digital Design +

+ +

Nulla suscipit interdum diam at maximus. Proin vitae tellus rutrum, accumsan nunc sit amet, iaculis tortor. Mauris consectetur feugiat justo quis aliquet. Curabitur cursus et justo eu consequat. Fusce finibus sem neque, sed faucibus nibh pellentesque eleifend. Mauris euismod facilisis iaculis. -Learn More - + +

+
+

UX / UI - +

+

Nulla suscipit interdum diam at maximus. Proin vitae tellus rutrum, accumsan nunc sit amet, iaculis tortor. Mauris consectetur feugiat justo quis aliquet. Curabitur cursus et justo eu consequat. Fusce finibus sem neque, sed faucibus nibh pellentesque eleifend. Mauris euismod facilisis iaculis. -Learn More - + +

+

Digital Marketing +

+

Nulla suscipit interdum diam at maximus. Proin vitae tellus rutrum, accumsan nunc sit amet, iaculis tortor. Mauris consectetur feugiat justo quis aliquet. Curabitur cursus et justo eu consequat. Fusce finibus sem neque, sed faucibus nibh pellentesque eleifend. Mauris euismod facilisis iaculis. -Learn More +Learn More +

+

Web Development +

+

Nulla suscipit interdum diam at maximus. Proin vitae tellus rutrum, accumsan nunc sit amet, iaculis tortor. Mauris consectetur feugiat justo quis aliquet. Curabitur cursus et justo eu consequat. Fusce finibus sem neque, sed faucibus nibh pellentesque eleifend. Mauris euismod facilisis iaculis. -Learn More - + +

+
iOS Development +
+

Nulla suscipit interdum diam at maximus. Proin vitae tellus rutrum, accumsan nunc sit amet, iaculis tortor. Mauris consectetur feugiat justo quis aliquet. Curabitur cursus et justo eu consequat. Fusce finibus sem neque, sed faucibus nibh pellentesque eleifend. Mauris euismod facilisis iaculis. -Learn More + +

+
Android Development +
+

Nulla suscipit interdum diam at maximus. Proin vitae tellus rutrum, accumsan nunc sit amet, iaculis tortor. Mauris consectetur feugiat justo quis aliquet. Curabitur cursus et justo eu consequat. Fusce finibus sem neque, sed faucibus nibh pellentesque eleifend. Mauris euismod facilisis iaculis. -Learn More + + +

+
+
Some Facts About Our Services