Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,15 +32,15 @@ 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? A: Semantic HTML uses specific tags that are named according to the use they were intended to have to make the code readable to others. This way it is a lot simpler to follow the markup and its functionality.

2. Name two big differences between ```display: block;``` and ```display: inline;```.
2. Name two big differences between ```display: block;``` and ```display: inline;```. A: Inline elements only take up the width they need and they do not force a line-break. Block elements use the entire width and force other elements to move either before or after it.

3. What are the 4 areas of the box model?
3. What are the 4 areas of the box model? A: Content - padding - border - margin.

4. While using flexbox, what axis does the following property work on: ```align-items: center```?
4. While using flexbox, what axis does the following property work on: ```align-items: center```? A: Cross Axis.

5. Explain why git is valuable to a team of developers.
5. Explain why git is valuable to a team of developers. A: It allows developers/coders to create repos (copies) of the code they are working on, or help on someone else's project without affecting the master file/code by using a version control system and code comparing features.

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.

Expand Down
144 changes: 87 additions & 57 deletions about.html
Original file line number Diff line number Diff line change
@@ -1,64 +1,93 @@
<!doctype html>
<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8">
<head>
<meta charset="utf-8" />

<title>Sprint Challenge - About</title>
<title>Sprint Challenge - About</title>

<link href="https://fonts.googleapis.com/css?family=Roboto|Rubik" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
<link
href="https://fonts.googleapis.com/css?family=Roboto|Rubik"
rel="stylesheet"
/>
<link rel="stylesheet" href="css/index.css" />
</head>

</head>

<body>
<body>
<div class="container about-page">

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.


<img src="img/about-plan.png" alt="strategy">

Strategy

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

Learn More



<img src="img/about-working.png" alt="strategy">

How We Work

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

Learn More



<img src="img/about-office.png" alt="strategy">

Places We Work

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

Learn More

<img src="img/about-meeting.png" alt="strategy">

Collaboration

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

Learn More

Let's Work Together
<header>
<nav>
<img src="img/lambda-black.png" class="logo" alt="Lambda Logo" />
<a href="index.html">home</a>
<a href="about.html" class="current">about</a>
<a href="#">products</a>
<a href="#">blog</a>
<a href="contact.html">contact</a>
</nav>
<img src="img/jumbo-about.png" alt="about main banner" />
</header>

<section class="full first">
<h2>About</h2>
<p>
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.
</p>
</section>

<section class="half">
<article>
<img src="img/about-plan.png" alt="strategy" />
<h2>Strategy</h2>
<p>
Iterative approaches to corporate strategy foster collaborative
thinking to further the overall value proposition.
</p>
<a href="#" class="learn">Learn More</a>
</article>
<article>
<img src="img/about-working.png" alt="working" />
<h2>How We Work</h2>
<p>
Iterative approaches to corporate strategy foster collaborative
thinking to further the overall value proposition.
</p>
<a href="#" class="learn">Learn More</a>
</article>
<article>
<img src="img/about-office.png" alt="office" />
<h2>Places We Work</h2>
<p>
Iterative approaches to corporate strategy foster collaborative
thinking to further the overall value proposition.
</p>
<a href="#" class="learn">Learn More</a>
</article>
<article>
<img src="img/about-meeting.png" alt="meeting" />
<h2>Collaboration</h2>
<p>
Iterative approaches to corporate strategy foster collaborative
thinking to further the overall value proposition.
</p>
<a href="#" class="learn">Learn More</a>
</article>
</section>

<section class="full last">
<h2>Let's Work Together</h2>
<p>
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.
</p>
</section>

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.

<footer>
<nav>
<a href="index.html">Home</a>
Expand All @@ -68,6 +97,7 @@
<a href="#">Contact</a>
</nav>
</footer>
</div><!-- container -->
</body>
</html>
</div>
<!-- container -->
</body>
</html>
81 changes: 81 additions & 0 deletions contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8" />

<title>Sprint Challenge - About</title>

<link
href="https://fonts.googleapis.com/css?family=Roboto|Rubik"
rel="stylesheet"
/>
<link rel="stylesheet" href="css/index.css" />
</head>

<body>
<div class="container contact-page">
<header>
<nav>
<img src="img/lambda-black.png" class="logo" alt="Lambda Logo" />
<a href="index.html">home</a>
<a href="about.html">about</a>
<a href="#">products</a>
<a href="#">blog</a>
<a href="contact.html" class="current">contact</a>
</nav>
<img src="https://picsum.photos/800/153" alt="contact main banner" />
</header>

<section class="full first">
<h2>Don't Hesitate to Contact Us</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa
similique quis ex alias consequatur harum quae adipisci dolore? Maxime
similique in veniam cumque ea facilis recusandae minus enim sequi
atque.
</p>
</section>

<section class="half">
<article>
<h2>Complete the form below</h2>
<form action="">
<input type="text" name="name" placeholder="first name" />
<input type="text" name="last" placeholder="last name" />
<input type="text" name="phone" placeholder="phone" />
<input type="email" name="email" placeholder="email" />
<textarea
name="comments"
placeholder="Your concern..."
rows="10"
></textarea>
<input type="submit" name="submit" />
</form>
</article>

<article>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1576.499857037874!2d-122.40197410707326!3d37.79004646953282!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808ff266e1b026f3%3A0xc6d7c00b74f1a3c9!2sLambda%20School!5e0!3m2!1sen!2sus!4v1573444821347!5m2!1sen!2sus"
width="100%"
height="450"
frameborder="0"
style="border:0;"
allowfullscreen=""
></iframe>
</article>
</section>

<footer>
<nav>
<a href="index.html">Home</a>
<a href="#">About</a>
<a href="#">Products</a>
<a href="#">Blog</a>
<a href="#">Contact</a>
</nav>
</footer>
</div>
<!-- container -->
</body>
</html>
Loading