Sprint-Challenge--User-Interface/about.html at master · jkaddu/Sprint-Challenge--User-Interface · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!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">
      <secton class="nav-bar">
       <header>
        <nav>
         <a href="#" class="logo"><img src="img/lambda-black.png" alt="Lambda School Logo"></a>
         <a href="index.html" class="link">Home</a>
         <a href="about.html" class="link">About</a>
         <a href="#" class="link">Services</a>
         <a href="#" class="link">Products</a>
         <a href="#" class="link">Contact</a>
        </nav>
      <img src="img/jumbo-about.png" alt="Banner" class="banner">
      </header>
     </secton>

     <section class="top-content">
       <div class="text-container1">
        <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>
       </div>
      </section>

     <section class="strategy-content">
        <div class="about-box">
         <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>
         <button>Learn More</button>
        </div>

        <div class="about-box">
          <img src="img/about-working.png" alt="strategy">
          <h2>How We Work</h2>
          <p>Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
          <button>Learn More</button>
        </div>
     </section>

     <section class="strategy-content">
       <div class="about-box">
        <img src="img/about-office.png" alt="strategy">
        <h2>Places We Work</h2>
        <p>Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
        <button>Learn More</button>
       </div>

       <div class="about-box">
        <img src="img/about-meeting.png" alt="strategy">
        <h2>Collaboration</h2>
        <p>Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
        <button>Learn More</button>
       </div>
     </section>


     <section class="bottom-content">
      <div class="text-container">
       <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>
      </div>
     </section>

     <footer>
        <nav>
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
            <a href="#">Products</a>
            <a href="#">Blog</a>
            <a href="#">Contact</a>
        </nav>
    </footer>

    </div><!-- container -->
</body>
</html>