From 3e58c874049c625449c5ff4bd3eb9ec2dda5f8df Mon Sep 17 00:00:00 2001 From: Tashby Date: Sun, 1 Mar 2020 19:56:09 -0500 Subject: [PATCH 1/5] init commit --- index.html | 91 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 90 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 6ee66a434..63d87c247 100644 --- a/index.html +++ b/index.html @@ -16,6 +16,95 @@ - + + + + +
+ +
+

+ 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 From f3741b53dfc4b90ec8e1dafc23d637207330ef7b Mon Sep 17 00:00:00 2001 From: Tashby Date: Sun, 1 Mar 2020 19:59:39 -0500 Subject: [PATCH 2/5] files transferred from RWD 1 --- css/index.css | 218 +++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 217 insertions(+), 1 deletion(-) diff --git a/css/index.css b/css/index.css index 09344e0dc..fbb2dbad9 100644 --- a/css/index.css +++ b/css/index.css @@ -1 +1,217 @@ -/* Use your CSS from RWD - I here. IF you don't have CSS, use the solution CSS from RWD - I*/ \ No newline at end of file +/* 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 */ +/* + + + + +*/ +nav{ + display: flex; + justify-content: space-evenly; + width: 100%; +} + +#navlinks{ + display: inline; + width: 100%; + margin-top: 2%; +} +#navlinks a{ + text-decoration: none; + color: grey; + padding-left: 7%; + +} + +header{ + display: flex; + justify-content: space-around; + font-size: 75px; + text-align: center; +} + +.serviceHeaderImage{ + margin: 0px 10%; +} + +.serviceheaderDiv{ + margin: 0px 10%; +} + +header div{ + padding: 7%; +} + +section{ + display: flex; + justify-content: space-around; +} + +section div{ + margin: 10px; + padding: 10px; + width: 30%; + +} + +.service{ + border: 1px solid black; + + background-color: lightgrey; +} + +.headerButton{ + height: 15%; + width: 30%; + border-radius: 5px; + margin: 10px 0px; + border: 1px solid black; +} + +.services-header-img{ + width: 100%; +} + +.services-info-img{ + width: 100%; +} + + + +@media only screen and (max-width: 800px) { + + nav{ + flex-direction: column-reverse; + align-items: center; + width: 100%; + } + + #navLinks a{ + justify-content: space-evenly; + } + + #circleImage{ + display: none; + } + + .headerButton{ + width: 200px; + height: 40px; + border-radius: 1px; + } + #featuresAbout div{ + width: 100%; + } + } + +@media only screen and (max-width: 500px) { + nav{ + flex-direction: column-reverse; + justify-content: center; + align-items: center; + } + #navLinks { + width: 100%; + overflow: hidden; + } + #navlinks a { + display: block; + text-align: center; + border-bottom: 1px solid black; + font-size: 20px; + + padding: 5% 0; + } + #logo{ + border-bottom: 1px solid black; + padding: 2% 0; + } + + #circleImage{ + display: none; + } + + section{ + flex-direction: column; + } + section div{ + width: 100%; + } + + .headerButton{ + width: 50%; + height: 10%; + border-radius: 1px; + border-width: 1px; + } + + #copyright{ + text-align: center; + } + + } \ No newline at end of file From d52e2458fc9e28107e789cd60178e44712fd57dd Mon Sep 17 00:00:00 2001 From: Tashby Date: Sun, 1 Mar 2020 22:03:30 -0500 Subject: [PATCH 3/5] css rem update --- css/index.css | 32 ++++++++++++++++---------------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/css/index.css b/css/index.css index fbb2dbad9..20ab061da 100644 --- a/css/index.css +++ b/css/index.css @@ -70,10 +70,17 @@ h1, h2, h3, h4, h5 { */ +html{ + font-size: 62.5%; +} +.container{ + max-width: 880px; +} nav{ display: flex; justify-content: space-evenly; width: 100%; + font-size: 1.5rem; } #navlinks{ @@ -91,7 +98,7 @@ nav{ header{ display: flex; justify-content: space-around; - font-size: 75px; + font-size: 7rem; text-align: center; } @@ -109,7 +116,8 @@ header div{ section{ display: flex; - justify-content: space-around; + justify-content: space-around; + font-size: 1.5rem; } section div{ @@ -140,6 +148,11 @@ section div{ .services-info-img{ width: 100%; } +footer{ + font-size: 1.5rem; +} + + @@ -201,17 +214,4 @@ section div{ } section div{ width: 100%; - } - - .headerButton{ - width: 50%; - height: 10%; - border-radius: 1px; - border-width: 1px; - } - - #copyright{ - text-align: center; - } - - } \ No newline at end of file + \ No newline at end of file From b16435f4ff86d8c63292968c6c34193117bb5ce0 Mon Sep 17 00:00:00 2001 From: Tashby Date: Sun, 1 Mar 2020 22:11:22 -0500 Subject: [PATCH 4/5] centered container --- css/index.css | 16 +++++++++++++++- index.html | 4 ++-- 2 files changed, 17 insertions(+), 3 deletions(-) diff --git a/css/index.css b/css/index.css index 20ab061da..ea16e7850 100644 --- a/css/index.css +++ b/css/index.css @@ -75,6 +75,7 @@ html{ } .container{ max-width: 880px; + margin: 0 auto; } nav{ display: flex; @@ -214,4 +215,17 @@ footer{ } section div{ width: 100%; - \ No newline at end of file + } + + .headerButton{ + width: 50%; + height: 10%; + border-radius: 1px; + border-width: 1px; + } + + #copyright{ + text-align: center; + } + + } \ No newline at end of file diff --git a/index.html b/index.html index 63d87c247..daf96d337 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,7 @@ - + From 4c8e7b223cd485b3b6091281812d208c7a205d1e Mon Sep 17 00:00:00 2001 From: Tashby Date: Sun, 1 Mar 2020 22:14:09 -0500 Subject: [PATCH 5/5] all font-size to rem --- css/index.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/css/index.css b/css/index.css index ea16e7850..0d2c37bac 100644 --- a/css/index.css +++ b/css/index.css @@ -104,11 +104,11 @@ header{ } .serviceHeaderImage{ - margin: 0px 10%; + margin: 0 10%; } .serviceheaderDiv{ - margin: 0px 10%; + margin: 0 10%; } header div{ @@ -197,7 +197,7 @@ footer{ display: block; text-align: center; border-bottom: 1px solid black; - font-size: 20px; + font-size: 2rem; padding: 5% 0; }