diff --git a/README.md b/README.md index 271456173..1627c4c72 100644 --- a/README.md +++ b/README.md @@ -32,16 +32,17 @@ 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 text means any code that is meaningful and necessary. 2. Name two big differences between ```display: block;``` and ```display: inline;```. - +Display block allows a width and height and displau inline doesnt respect the top and bottom margins 3. What are the 4 areas of the box model? - +Content, Padding, Border, Margin 4. While using flexbox, what axis does the following property work on: ```align-items: center```? +it pushes everything to the center 5. Explain why git is valuable to a team of developers. - +git is super important because it allows different devleopers to work on the same code together and is a place where you can show your work and others are able to fork off of other things and work from them and many people use git in their jobs as coders. 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. ## Project Set Up diff --git a/about.html b/about.html index 9f133e274..aba99427e 100644 --- a/about.html +++ b/about.html @@ -12,55 +12,78 @@ -
- - 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 +
+
+
+ Lambda Icon; + +
+
+ firstImageAbout +
+ +
+
+
+

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.

+ + +
+ +
+ strategy + +

How We Work

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

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

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

Places We Work

+

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

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

Collaboration

+ +

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

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

Lets 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.

+
- Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. - - Learn More - - 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. - +
-
+
+ \ No newline at end of file diff --git a/css/about.css b/css/about.css new file mode 100644 index 000000000..e69de29bb diff --git a/css/index.css b/css/index.css index ae29d6cee..cff2ec520 100644 --- a/css/index.css +++ b/css/index.css @@ -65,7 +65,36 @@ h1, h2, h3, h4, h5 { p { line-height: 1.4; } +header{ + max-width: 800px; + margin: 0 auto; +} + + +.topOfHomePage{ + display: flex; + flex-direction: row; + justify-content: space-between; + padding: 4%; + align-items: baseline; +} + +.logo-img { +width: 30%; +} +.topNavBar{ + display: flex; + /* flex-direction: row;*/ + justify-content: space-around; + width: 40%; +} + +.firstImageHome{ +display: block; +margin: 45%; +padding: 35%; +} .container { width: 800px; margin: 0 auto; @@ -77,6 +106,7 @@ p { justify-content: space-evenly; margin-bottom: 20px; border-bottom: 1px dashed black; + padding: 3%; } .top-content .text-container { @@ -143,4 +173,53 @@ footer nav { footer nav a { color: white; text-decoration: none; -} \ No newline at end of file +} +.topOfAboutPage{ + display: flex; + flex-direction: row; + justify-content: space-between; + padding: 4%; + align-items: baseline; +} + + .topAboutPageContent{ +padding-top: 35px; + } + +.topNavAbout{ + display: flex; + justify-content: space-between; + width: 60%; +} +.mid-section { + display: flex; + width: 100%; + justify-content: space-between; +padding-top: 30px; +} + +.strategySection{ + width: 45%; + /* padding: 25px; */ +} + +.howWeWorkSection{ + width: 45%; + /* padding: 25px; */ +} + +.lower-sec{ + display: flex; + width: 100%; + justify-content: space-around; + padding-top: 35px; +} + +.placesWeWorkSection{ +width:45%; +padding: 25px; +} +.collaborationSection{ + width: 45%; + padding: 25px; +} diff --git a/index.html b/index.html index c6405aef7..6ad254d29 100644 --- a/index.html +++ b/index.html @@ -12,6 +12,23 @@ + +
+
+
+ Lambda Icon; + +
+ firstImageHome +
+ +
@@ -30,16 +47,16 @@

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
@@ -64,7 +81,7 @@

Moon