From 9ca8c7a41b9584a36984d99649bc2f46d8d73860 Mon Sep 17 00:00:00 2001 From: Wesley White Date: Mon, 11 Feb 2019 19:01:42 -0800 Subject: [PATCH 01/20] completed Trello set-up --- README.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 17aecb1714..3927a9bbb5 100644 --- a/README.md +++ b/README.md @@ -12,11 +12,11 @@ You will use Trello to report your progress on the MVP and any extra features yo - Don't overplan, start coding as soon as you can and adjust accordingly. Trello is there as a guide not as a distraction ## Trello Set Up: -* [ ] Create a [Trello account](https://trello.com/) -* [ ] Create a new public board called "S&J Architects - By Your Name" -* [ ] Create lists titled ```backlog```,```To Do```, ```In Progress```, and ```Done``` -* [ ] Fill in the ```To Do``` list with the MVP features listed below -* [ ] Fill in the ```backlog``` list with all the extra features listed below +* [X] Create a [Trello account](https://trello.com/) +* [X] Create a new public board called "S&J Architects - By Your Name" +* [X] Create lists titled ```backlog```,```To Do```, ```In Progress```, and ```Done``` +* [X] Fill in the ```To Do``` list with the MVP features listed below +* [X] Fill in the ```backlog``` list with all the extra features listed below * [ ] Share your board with the Project Manager that has been assigned to you. If you have not been assigned yet, reach out to your lead TA for guidance ## Assets Provided: From 409262047660448b649a44961ef4935527e998a6 Mon Sep 17 00:00:00 2001 From: Wesley White Date: Mon, 11 Feb 2019 19:02:13 -0800 Subject: [PATCH 02/20] finished Trello set-up --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 3927a9bbb5..8199866073 100644 --- a/README.md +++ b/README.md @@ -5,13 +5,13 @@ This week you will be building a website for an architectural firm named Smith a You will use Trello to report your progress on the MVP and any extra features you accomplish to your project managers every day during standup. This project is meant to be worked on by yourself. Do not pair program this week as this challenge is meant to show you where you can improve and what you have learned on your own. -## Pro Tips For This Week: +### Pro Tips For This Week: - Use past solutions from the previous weeks to accomplish harder tasks - Commit every time you accomplish any new functionality or layout. Get in the habit of frequent commits so you have a record of your work. Push up your commits every day to showcase your progress to your PM - After 20 minutes of being stuck on something, reach out to your PM - Don't overplan, start coding as soon as you can and adjust accordingly. Trello is there as a guide not as a distraction -## Trello Set Up: +### Trello Set Up: * [X] Create a [Trello account](https://trello.com/) * [X] Create a new public board called "S&J Architects - By Your Name" * [X] Create lists titled ```backlog```,```To Do```, ```In Progress```, and ```Done``` @@ -19,13 +19,13 @@ You will use Trello to report your progress on the MVP and any extra features yo * [X] Fill in the ```backlog``` list with all the extra features listed below * [ ] Share your board with the Project Manager that has been assigned to you. If you have not been assigned yet, reach out to your lead TA for guidance -## Assets Provided: +### Assets Provided: * [Style guide:](/DesignFiles/style-guide.md) This file will help you identify font sizes, colors, and font families across the site. * [Images for both desktop and mobile](/img). Mobile images have been provided to match the design files. * Content has been provided on each page inside of comment tags * [Design Files](/DesignFiles) have been provided as guides for what the pages should look like on desktop and mobile. Ignore tablet until you get MVP done. -## MVP Features: +### MVP Features: These MVP features represent the fundamental knowledge you should have obtained throughout the last 4 weeks. If you cannot accomplish all of the MVP tasks listed here, you may be a candidate for the mastery based program. * [ ] Build layout **HTML/LESS**: [Home page desktop design](/DesignFiles/Home/home-desktop.png) * [ ] Build layout **HTML/LESS**: [Home page mobile design](/DesignFiles/Home/home-mobile.png) From af7d651ea77c209990a3be3d2f9d1983fe2b6f5e Mon Sep 17 00:00:00 2001 From: Wesley White Date: Mon, 11 Feb 2019 19:38:13 -0800 Subject: [PATCH 03/20] adding html --- index.html | 62 ++++++++++++++++++++++++++++++------------------------ 1 file changed, 34 insertions(+), 28 deletions(-) diff --git a/index.html b/index.html index 8a84a17304..1520d62a32 100644 --- a/index.html +++ b/index.html @@ -11,57 +11,63 @@ +
-

You got this! Good luck.

+ +

S&J

+ + Home + Services + Contact + +
- - -Integrity, -Excellence, -Progress. +

+ Integrity,
+ Excellence,
+ Progress. +

+
+
+

Smith & Jones Architects

-Smith & Jones Architects +

Et sed autem causae appareat, tempor abhorreant te mei, facer facilisis sit ea. Eu timeam vidisse consectetuer sed. Duo etiam laboramus dissentiet in, nec no errem

-Et sed autem causae appareat, tempor abhorreant te mei, facer facilisis sit ea. Eu timeam vidisse consectetuer sed. Duo etiam laboramus dissentiet in, nec no errem + -Learn More +

Futuristic Designs

-Futuristic Designs +

Et sed autem causae appareat, tempor abhorreant te mei, facer facilisis sit ea. Eu timeam vidisse consectetuer sed. Duo etiam laboramus dissentiet in, nec no errem

-Et sed autem causae appareat, tempor abhorreant te mei, facer facilisis sit ea. Eu timeam vidisse consectetuer sed. Duo etiam laboramus dissentiet in, nec no errem + -View Designs +

Recent Projects

-Recent Projects +

THE VILLAS

-THE VILLAS +

The Villas bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution.

-The Villas bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. +

Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.

-Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. +

OUTSKIRTS

-OUTSKIRTS +

The Outskirts are amazing to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution.

-The Outskirts are amazing to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. +

Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.

-Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. +

THE BLOCKS

-THE BLOCKS +

The Blocks are amazing to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution.

-The Blocks are amazing to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. +

Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.

-Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. +
---> -

S&J

+
S&J
Home Services From af5d043816b7e0d6b929703f38619ef0cd678f7a Mon Sep 17 00:00:00 2001 From: Wesley White Date: Tue, 12 Feb 2019 18:58:00 -0800 Subject: [PATCH 05/20] added navigation, created new less files. --- css/index.css | 169 ++++++++++++++++++++++++++++++++++++++++++- index.html | 46 +++++++----- less/global.less | 3 + less/homepage.less | 3 + less/index.less | 6 +- less/navigation.less | 31 ++++++++ less/variables.less | 5 ++ 7 files changed, 241 insertions(+), 22 deletions(-) create mode 100644 less/global.less create mode 100644 less/homepage.less create mode 100644 less/navigation.less create mode 100644 less/variables.less diff --git a/css/index.css b/css/index.css index e6b2b589c1..203731266c 100644 --- a/css/index.css +++ b/css/index.css @@ -1 +1,168 @@ -/* Should be empty until you compile your LESS */ \ No newline at end of file +/*------------------------------------*\ +RESET +\*------------------------------------*/ +/* http://meyerweb.com/eric/tools/css/reset/ +v2.0b1 | 201101 +NOTE:WORK IN PROGRESS +USE WITH CAUTION AND TEST WITH ABANDON */ +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, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + outline: 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; +} +ins { + text-decoration: none; +} +del { + text-decoration: line-through; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +/* Your Code Goes Here */ +header { + display: flex; + align-items: center; + background-color: #9aa5b0; + width: 100%; +} +header h3 { + font-size: 2.5rem; + color: white; +} +@media (max-width: 500px) { + header { + flex-direction: column; + margin: 0 0 0 4%; + } +} +.navigation { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + padding: 13px 8%; +} +.menu-button { + height: 20px; +} +.menu { + display: none; +} +html { + font-size: 62.5%; +} diff --git a/index.html b/index.html index d8e1113549..a0f4396d94 100644 --- a/index.html +++ b/index.html @@ -11,19 +11,18 @@ -
- - -
S&J
- - Home - Services - Contact - -
- - - + +
+
+

S&J

+ +
+ +
@@ -69,34 +68,41 @@

THE BLOCKS

- + +
+ +

Interested in starting a project?

+ Let’s talk: Enter email We'll never share your email with anyone else. + -New York +
+

New York

123 Lane Suite 100 Albany, NY 12345 202 555 0144 -Florida +

Florida

Ocean Drive Suite 201 Orlando, FL 22345 502 555 0144 -California +

California

Mountain Street Suite 105 San Diego, CA 22345 702 555 0144 - +
Copyright © 2018 Smith and Jones ---> + +
\ No newline at end of file diff --git a/less/global.less b/less/global.less new file mode 100644 index 0000000000..91efea8b84 --- /dev/null +++ b/less/global.less @@ -0,0 +1,3 @@ +html { + font-size: 62.5%; + } \ No newline at end of file diff --git a/less/homepage.less b/less/homepage.less new file mode 100644 index 0000000000..91efea8b84 --- /dev/null +++ b/less/homepage.less @@ -0,0 +1,3 @@ +html { + font-size: 62.5%; + } \ No newline at end of file diff --git a/less/index.less b/less/index.less index 6d3fc81ef9..71587c0d19 100644 --- a/less/index.less +++ b/less/index.less @@ -57,4 +57,8 @@ table{ border-spacing:0; } -/* Your Code Goes Here */ \ No newline at end of file +/* Your Code Goes Here */ + +@import "navigation.less"; +@import "variables.less"; +@import "global.less"; \ No newline at end of file diff --git a/less/navigation.less b/less/navigation.less new file mode 100644 index 0000000000..45109b45a7 --- /dev/null +++ b/less/navigation.less @@ -0,0 +1,31 @@ +header{ + display:flex; + align-items: center; + background-color: #9aa5b0; + width: 100%; + + & h3{ + font-size: 2.5rem; + color: white; + +} + @media @mobile{ + flex-direction: column; + margin:0 0 0 4%; +} +} +.navigation { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + padding: 13px 8%; +} + +.menu-button { + height: 20px; + } + +.menu{ + display: none; +} diff --git a/less/variables.less b/less/variables.less new file mode 100644 index 0000000000..ef3246ea20 --- /dev/null +++ b/less/variables.less @@ -0,0 +1,5 @@ + + + +//Media Queries +@mobile: ~"(max-width: 500px)"; \ No newline at end of file From 33aa3d90935402a0c13dfb8511479da0b9528d42 Mon Sep 17 00:00:00 2001 From: Wesley White Date: Tue, 12 Feb 2019 19:44:11 -0800 Subject: [PATCH 06/20] added banner --- css/index.css | 33 +++++++++++++++++++++++++++++++++ index.html | 13 +++++++------ less/global.less | 14 ++++++++++++-- less/homepage.less | 28 +++++++++++++++++++++++++--- less/index.less | 3 ++- less/variables.less | 3 ++- 6 files changed, 81 insertions(+), 13 deletions(-) diff --git a/css/index.css b/css/index.css index 203731266c..7e03d77611 100644 --- a/css/index.css +++ b/css/index.css @@ -163,6 +163,39 @@ header h3 { .menu { display: none; } +* { + box-sizing: border-box; +} html { font-size: 62.5%; } +html, +body { + font-family: Roboto, Arial, sans-serif; + height: 100%; +} +.banner { + background: url(/img/home/home-mobile-jumbotron.png); + background-size: cover; + background-position: center bottom; + position: relative; + margin: 0 auto; + height: 80%; +} +h1 { + position: absolute; + bottom: 8%; + left: 8%; + z-index: 0; + font-size: 6.4rem; + line-height: 7.5rem; + font-weight: bold; + color: white; +} +@media ((max-width: 500px)) { + h1 { + left: 5%; + font-size: 3.6rem; + line-height: 4.4rem; + } +} diff --git a/index.html b/index.html index a0f4396d94..7b99470f98 100644 --- a/index.html +++ b/index.html @@ -25,12 +25,13 @@

S&J

- -

- Integrity,
- Excellence,
- Progress. -

+

Smith & Jones Architects

diff --git a/less/global.less b/less/global.less index 91efea8b84..a762f6ff42 100644 --- a/less/global.less +++ b/less/global.less @@ -1,3 +1,13 @@ +* { + box-sizing: border-box; +} + html { - font-size: 62.5%; - } \ No newline at end of file + font-size: 62.5%; +} + +html, +body { + font-family: Roboto, Arial, sans-serif; + height: 100%; +} \ No newline at end of file diff --git a/less/homepage.less b/less/homepage.less index 91efea8b84..06524febb5 100644 --- a/less/homepage.less +++ b/less/homepage.less @@ -1,3 +1,25 @@ -html { - font-size: 62.5%; - } \ No newline at end of file +.banner{ + background: url(/img/home/home-mobile-jumbotron.png); + background-size: cover; + background-position: center bottom; + position: relative; + margin: 0 auto; + height: 80%; + +} +h1 { + position: absolute; + bottom: 8%; + left: 8%; + z-index: 0; + font-size: 6.4rem; + line-height: 7.5rem; + font-weight: bold; + color: white; + + @media (@mobile) { + left: 5%; + font-size: 3.6rem; + line-height: 4.4rem; + } +} diff --git a/less/index.less b/less/index.less index 71587c0d19..9f91c6bf21 100644 --- a/less/index.less +++ b/less/index.less @@ -61,4 +61,5 @@ table{ @import "navigation.less"; @import "variables.less"; -@import "global.less"; \ No newline at end of file +@import "global.less"; +@import "homepage.less"; \ No newline at end of file diff --git a/less/variables.less b/less/variables.less index ef3246ea20..75d35412a1 100644 --- a/less/variables.less +++ b/less/variables.less @@ -2,4 +2,5 @@ //Media Queries -@mobile: ~"(max-width: 500px)"; \ No newline at end of file +@mobile: ~"(max-width: 500px)"; + From 9b22c6f4ee6c07ef00123d154c465f4798772d0e Mon Sep 17 00:00:00 2001 From: Wesley White Date: Tue, 12 Feb 2019 20:16:18 -0800 Subject: [PATCH 07/20] started top content layout --- css/index.css | 34 +++++++++++++++++++++++++++++++++- index.html | 15 +++++++++++---- less/global.less | 27 +++++++++++++++++++++++++-- less/homepage.less | 15 ++++++++++++++- 4 files changed, 83 insertions(+), 8 deletions(-) diff --git a/css/index.css b/css/index.css index 7e03d77611..ade893250d 100644 --- a/css/index.css +++ b/css/index.css @@ -174,13 +174,37 @@ body { font-family: Roboto, Arial, sans-serif; height: 100%; } +html h2, +body h2 { + font-size: 2.6rem; + font-weight: bold; + color: black; + margin-bottom: 20px; +} +html p, +body p { + line-height: 1.5; + font-size: 1.6rem; + padding-bottom: 10px; +} +html button, +body button { + height: 50px; + width: 150px; + background-color: white; +} +.container { + max-width: 875px; + width: 100%; + margin: 0 auto; +} .banner { background: url(/img/home/home-mobile-jumbotron.png); background-size: cover; background-position: center bottom; position: relative; margin: 0 auto; - height: 80%; + height: 70%; } h1 { position: absolute; @@ -199,3 +223,11 @@ h1 { line-height: 4.4rem; } } +.side { + margin: 50px 0; + display: flex; + justify-content: space-between; +} +.text-content { + padding: 20px; +} diff --git a/index.html b/index.html index 7b99470f98..ab5235cbf4 100644 --- a/index.html +++ b/index.html @@ -33,12 +33,19 @@

-
-

Smith & Jones Architects

+
+
+

Smith & Jones Architects


-

Et sed autem causae appareat, tempor abhorreant te mei, facer facilisis sit ea. Eu timeam vidisse consectetuer sed. Duo etiam laboramus dissentiet in, nec no errem

+

Et sed autem causae appareat, tempor abhorreant te mei, facer facilisis sit ea. Eu timeam vidisse consectetuer sed. Duo etiam laboramus dissentiet in, nec no errem

- + +
+
+ +
+
+

Futuristic Designs

diff --git a/less/global.less b/less/global.less index a762f6ff42..cbdf4bd0fe 100644 --- a/less/global.less +++ b/less/global.less @@ -9,5 +9,28 @@ html { html, body { font-family: Roboto, Arial, sans-serif; - height: 100%; -} \ No newline at end of file + height: 100%; + & h2 { + font-size: 2.6rem; + font-weight: bold; + color: black; + margin-bottom: 20px; + } + & p { + line-height: 1.5; + font-size: 1.6rem; + padding-bottom: 10px; + } + + & button{ + height: 50px; + width: 150px; + background-color: white; + + } +} +.container{ + max-width: 875px; + width: 100%; + margin: 0 auto; + } diff --git a/less/homepage.less b/less/homepage.less index 06524febb5..8fb74fc3b5 100644 --- a/less/homepage.less +++ b/less/homepage.less @@ -4,7 +4,7 @@ background-position: center bottom; position: relative; margin: 0 auto; - height: 80%; + height: 70%; } h1 { @@ -23,3 +23,16 @@ h1 { line-height: 4.4rem; } } + +.side{ + display: flex; + margin: 50px 0; + display: flex; + justify-content: space-between; + + +} +.text-content { + padding: 20px; + + } \ No newline at end of file From aab539ae6dbf79fc4c2634c6ff530369f7c9f406 Mon Sep 17 00:00:00 2001 From: Wesley White Date: Tue, 12 Feb 2019 20:57:24 -0800 Subject: [PATCH 08/20] top content completed --- css/index.css | 18 ++++++++++++------ index.html | 19 +++++++++++-------- less/global.less | 17 +++++++++++------ less/homepage.less | 8 +++++++- 4 files changed, 41 insertions(+), 21 deletions(-) diff --git a/css/index.css b/css/index.css index ade893250d..2defe3c54d 100644 --- a/css/index.css +++ b/css/index.css @@ -187,17 +187,20 @@ body p { font-size: 1.6rem; padding-bottom: 10px; } -html button, -body button { - height: 50px; - width: 150px; - background-color: white; -} .container { max-width: 875px; width: 100%; margin: 0 auto; } +.button { + height: 50px; + width: 150px; + margin-top: 20px; + padding: 15px; + font-size: 1.6rem; + text-align: center; + border: 1px solid black; +} .banner { background: url(/img/home/home-mobile-jumbotron.png); background-size: cover; @@ -228,6 +231,9 @@ h1 { display: flex; justify-content: space-between; } +.side img { + margin: 0 30px; +} .text-content { padding: 20px; } diff --git a/index.html b/index.html index ab5235cbf4..ca0fb855f8 100644 --- a/index.html +++ b/index.html @@ -39,20 +39,23 @@

Smith & Jones Architects


Et sed autem causae appareat, tempor abhorreant te mei, facer facilisis sit ea. Eu timeam vidisse consectetuer sed. Duo etiam laboramus dissentiet in, nec no errem

- +
Learn More
- -

Futuristic Designs

- -

Et sed autem causae appareat, tempor abhorreant te mei, facer facilisis sit ea. Eu timeam vidisse consectetuer sed. Duo etiam laboramus dissentiet in, nec no errem

- - - +
+
+ +
+
+

Futuristic Designs

+

Et sed autem causae appareat, tempor abhorreant te mei, facer facilisis sit ea. Eu timeam vidisse consectetuer sed. Duo etiam laboramus dissentiet in, nec no errem

+
View Designs
+
+

Recent Projects

THE VILLAS

diff --git a/less/global.less b/less/global.less index cbdf4bd0fe..afadd14e72 100644 --- a/less/global.less +++ b/less/global.less @@ -22,15 +22,20 @@ body { padding-bottom: 10px; } - & button{ - height: 50px; - width: 150px; - background-color: white; - - } + } .container{ max-width: 875px; width: 100%; margin: 0 auto; } + + .button{ + height: 50px; + width: 150px; + margin-top: 20px; + padding: 15px; + font-size: 1.6rem; + text-align: center; + border: 1px solid black; +} \ No newline at end of file diff --git a/less/homepage.less b/less/homepage.less index 8fb74fc3b5..8e461ca7b0 100644 --- a/less/homepage.less +++ b/less/homepage.less @@ -31,8 +31,14 @@ h1 { justify-content: space-between; +} +.side img{ + margin: 0 30px; } .text-content { padding: 20px; - } \ No newline at end of file + } + + + \ No newline at end of file From 98ca86c718189824cd8005f7e106f022865d11cb Mon Sep 17 00:00:00 2001 From: Wesley White Date: Tue, 12 Feb 2019 22:16:02 -0800 Subject: [PATCH 09/20] added project images to home page --- index.html | 21 ++++++++++++++++----- 1 file changed, 16 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index ca0fb855f8..35ddc7a614 100644 --- a/index.html +++ b/index.html @@ -57,20 +57,31 @@

Futuristic Designs

Recent Projects

- -

THE VILLAS

- +
+
+ +

THE VILLAS

+

The Villas bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution.

Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.

-

OUTSKIRTS

+
+
+ +

OUTSKIRTS

+

The Outskirts are amazing to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution.

Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.

-

THE BLOCKS

+
+
+ +

THE BLOCKS

+
+

The Blocks are amazing to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution.

From bea4fa80f0073f3f3010790c3e2f37984bf501ff Mon Sep 17 00:00:00 2001 From: Wesley White Date: Wed, 13 Feb 2019 18:53:45 -0800 Subject: [PATCH 10/20] working on footer --- README.md | 2 +- css/index.css | 50 +++++++++++++++++++++++++++-- index.html | 75 ++++++++++++++++++++++---------------------- less/footer.less | 40 +++++++++++++++++++++++ less/global.less | 2 +- less/homepage.less | 18 +++++++++++ less/index.less | 3 +- less/navigation.less | 2 +- 8 files changed, 149 insertions(+), 43 deletions(-) create mode 100644 less/footer.less diff --git a/README.md b/README.md index 8199866073..4fbfc790fe 100644 --- a/README.md +++ b/README.md @@ -17,7 +17,7 @@ You will use Trello to report your progress on the MVP and any extra features yo * [X] Create lists titled ```backlog```,```To Do```, ```In Progress```, and ```Done``` * [X] Fill in the ```To Do``` list with the MVP features listed below * [X] Fill in the ```backlog``` list with all the extra features listed below -* [ ] Share your board with the Project Manager that has been assigned to you. If you have not been assigned yet, reach out to your lead TA for guidance +* [X] Share your board with the Project Manager that has been assigned to you. If you have not been assigned yet, reach out to your lead TA for guidance ### Assets Provided: * [Style guide:](/DesignFiles/style-guide.md) This file will help you identify font sizes, colors, and font families across the site. diff --git a/css/index.css b/css/index.css index 2defe3c54d..3cd7f834c5 100644 --- a/css/index.css +++ b/css/index.css @@ -140,7 +140,7 @@ header { background-color: #9aa5b0; width: 100%; } -header h3 { +header h5 { font-size: 2.5rem; color: white; } @@ -171,7 +171,7 @@ html { } html, body { - font-family: Roboto, Arial, sans-serif; + font-family: Arial, sans-serif, Roboto; height: 100%; } html h2, @@ -226,6 +226,15 @@ h1 { line-height: 4.4rem; } } +h3 { + border: 1px solid black; + width: 250px; + height: 75px; + text-align: center; + padding: 30px; + font-size: 1.8rem; + background: #d8d8d8; +} .side { margin: 50px 0; display: flex; @@ -237,3 +246,40 @@ h1 { .text-content { padding: 20px; } +.projectText { + width: 50%; + margin: 50px auto; +} +footer { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + height: 30%; + width: 100%; + background: #828282; + padding: 30px; +} +footer h4 { + font-size: 1.6rem; + color: white; +} +footer p { + font-size: 1.2rem; + line-height: 2rem; + margin: 10px; + border: 1px solid green; +} +footer address { + border: 2px solid red; + width: 60%; + display: flex; + justify-content: flex-end; + flex-wrap: wrap; +} +.copyright { + text-align: center; + background: #828282; + font-size: 1.4rem; + padding: 20px; + color: white; +} diff --git a/index.html b/index.html index 35ddc7a614..53492a9afc 100644 --- a/index.html +++ b/index.html @@ -14,7 +14,7 @@
-

S&J

+
S&J