Sprint-Challenge--User-Interface/about.html at master · aidanvu1992/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
91
92
93
94
95
96
<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 class="about-container">
    <header>

        <nav>
            <img class="logo" src="img/lambda-black.png" alt="Lambda logo">
            <a href="index.html">Home</a>
            <a href="#">About</a>
            <a href="#">Products</a>
            <a href="#">Blog</a>
            <a href="#">Contact</a>
        </nav>

        <img class="jumbo" src="img/jumbo-about.png" alt="about image">

    </header>

        </nav>
        <!-- Top content -->
        <section class="about-top">
          <div class="about-top-text">
            <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>

        <!-- Middle-content cards -->
        <section class="about-middle">
          <div class="content">
            <img src="img/about-plan.png" alt="strategy">
            <h3>Strategy</h3>
            <p>Iterative approaches to corporate strategy foster collaborative thinking to further the overall value
              proposition.</p>
            <button>Learn More</button>
          </div>

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

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

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

         </section>

         <section class="about-bottom">
           <div>
              <h3>Let's Work Together</h3>
              <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</a>
          <a href="#">Products</a>
          <a href="#">Blog</a>
          <a href="#">Contact</a>
        </nav>
      </footer>
      </div><!-- container -->
    </body>
</html>