diff --git a/README.md b/README.md index 2714561736..6ffa899b1f 100644 --- a/README.md +++ b/README.md @@ -32,15 +32,16 @@ Demonstrate your understanding of this week's concepts by answering the followin Edit this document to include your answers after each question. Make sure to leave a blank line above and below your answer so it is clear and easy to read by your project manager -1. If you were to describe semantic HTML to the next cohort of students, what would you say? +1. If you were to describe semantic HTML to the next cohort of students, what would you say? Semantic HTML uses tags and comments to help screen readers and people reading your code to understand the reason for groups of text. -2. Name two big differences between ```display: block;``` and ```display: inline;```. -3. What are the 4 areas of the box model? +2. Name two big differences between ```display: block;``` and ```display: inline;```.Block creates a line of text/images that occupies an entire line all the way left to right on the page. Inline creates an area of text that can be on the same line as another div/p/etc on the page. -4. While using flexbox, what axis does the following property work on: ```align-items: center```? +3. What are the 4 areas of the box model? In order of inner most to outer most: content itself, padding, border, and margin. -5. Explain why git is valuable to a team of developers. +4. While using flexbox, what axis does the following property work on: ```align-items: center```? The vertical axis is what align-items works with. + +5. Explain why git is valuable to a team of developers. With git you can merge thousands of peoples work so that a team can work collaboratively. You are expected to be able to answer all these questions. Your responses contribute to your Sprint Challenge grade. Skipping this section *will* prevent you from passing this challenge. diff --git a/about.html b/about.html index 9f133e274a..a4aa3b8d2e 100644 --- a/about.html +++ b/about.html @@ -11,61 +11,89 @@ - + +
- - About - - Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. - - - strategy - - Strategy - - Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. - - Learn More - + + Image of cityscape +
+

About

- strategy - - How We Work - - Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. +

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

+
- Learn More +
+
+
+ + strategy + +

Strategy


+

Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.

+

Learn More

+
- strategy - - Places We Work + +
- Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. +
+ + strategy + +

How We Work


+ +

Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.

- Learn More +

Learn More

+
+ +
- strategy - - Collaboration - - Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. +
+ strategy + +

Places We Work


- Learn More +

Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.

- Let's Work Together +

Learn More

+
+
- Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. +
+ strategy + +

Collaboration


-
-
+
+ +
+

Let's Work Together

+ +

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

+
+
diff --git a/contact.html b/contact.html new file mode 100644 index 0000000000..5a02b052ba --- /dev/null +++ b/contact.html @@ -0,0 +1,49 @@ + + + + + + + Sprint Challenge - Home + + + + + + + +
+ + + + + Image of car lights + + +
+

Email us your questions/concerns.

+ + +

+ + + + +
+ + \ No newline at end of file diff --git a/css/index.css b/css/index.css index ae29d6ceee..54cf186fc0 100644 --- a/css/index.css +++ b/css/index.css @@ -143,4 +143,183 @@ footer nav { footer nav a { color: white; text-decoration: none; -} \ No newline at end of file +} + +.topNavigationBar{ + display: flex; + margin-bottom: 40px; + margin-top: 9px; + font-size: 14px; + align-items: baseline; + width:100%; + justify-items: left; + + +} + +nav .lambda-black{ + margin-left: 0px; +} +.jumbo{ + margin-bottom: 20px; +} + +nav div{ + margin: 40px 40px 0px 44px; + display:flex; + + width: 100%; + +} +a:link, a:visited{ + text-decoration: none; + /* color: black; */ +} +.boxOne{ + background: teal; + width: 100%; + height: 100px; + color: white; + display: flex; + align-items: center; + justify-content: center; + } + + .boxTwo{ + background: gold; + width: 100%; + height: 100px; + color: white; + display: flex; + align-items: center; + justify-content: center; + } + .boxThree{ + background: cadetblue; + width: 100%; + height: 100px; + color: white; + display: flex; + align-items: center; + justify-content: center; + } + .boxFour{ + background: coral; + width: 100%; + height: 100px; + color: white; + display: flex; + align-items: center; + justify-content: center; + } + .boxFive{ + background: crimson; + width: 100%; + height: 100px; + color: white; + display: flex; + align-items: center; + justify-content: center; + } + .boxSix{ + background: forestgreen; + width: 100%; + height: 100px; + color: white; + display: flex; + align-items: center; + justify-content: center; + } + .boxSeven{ + background: darkorchid; + width: 100%; + height: 100px; + color: white; + display: flex; + align-items: center; + justify-content: center; + } + .boxEight{ + background: hotpink; + width: 100%; + height: 100px; + color: white; + display: flex; + align-items: center; + justify-content: center; + } + .boxNine{ + background: indigo; + width: 100%; + height: 100px; + color: white; + display: flex; + align-items: center; + justify-content: center; + } + + .boxTen{ + background: dodgerblue; + width: 100%; + height: 100px; + color: white; + display: flex; + align-items: center; + justify-content: center; + } + +.about-page{ + width:80%; + margin: auto; +} + +.jumbo-about{ + width: 100%; +} + +.learn{ + border: 2px black solid; + padding: 10px 30px; + margin-top: 25px; + width: 145px; + border-radius: 10px; + font-size: 16px; + text-align: center; + background: #ffffff; +} + +hr{ + border-top:1px dashed #000; + margin-top: 20px; + margin-bottom: 20px; +} + +.aboutSection{ + margin: 20px; +} + +.learnMoreBoxesDiv{ + display:flex; + flex-wrap: wrap; + justify-content: space-evenly; + margin-bottom: 30px; +} + +.learnMoreBoxes{ + width: 45%; + margin: 20px 10px 10px 5px ; +} + +.bottom { + margin: 0px 20px 20px 20px; +} + +.boxImages{ + width: 100%; + margin-bottom: 20px; +} + +a { + text-decoration: none; +} + diff --git a/index.html b/index.html index c6405aef71..82b8df6c2f 100644 --- a/index.html +++ b/index.html @@ -11,9 +11,20 @@ - +
- + + + + Image of car lights +

The Future

@@ -30,16 +41,25 @@

The Past

Why Did It Have To Be Boxes...

-
Box 1
-
Box 2
-
Box 3
-
Box 4
-
Box 5
-
Box 6
-
Box 7
-
Box 8
-
Box 9
-
Box 10
+
Box 1
+
Box 2
+
Box 3
+
Box 4
+
Box 5
+
Box 6
+
Box 7
+
Box 8
+
Box 9
+
Box 10
+
@@ -63,11 +83,11 @@

Moon

diff --git a/thankyou.html b/thankyou.html new file mode 100644 index 0000000000..2d574aae93 --- /dev/null +++ b/thankyou.html @@ -0,0 +1,44 @@ + + + + + + + Sprint Challenge - Home + + + + + + + +
+ + + + + Image of car lights
+ + +

Thank you! We welcome your feedback.


+ + + +
+ + \ No newline at end of file