Sprint-Challenge--User-Interface/about.html at master · marianahuh/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
97
98
99
100
101
102
<!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">
  <link rel="stylesheet" href="index.html">
  <link rel="stylesheet" href="css/about.css">
</head>

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

    <header>
      <nav>
        <img 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>
    </header>

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

    <div class="about-header">
      <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>

    <div class="about-container">

      <div class="about-item">
        <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="about-item">
        <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="about-item">
        <img src="img/about-office.png" alt="strategy">
        <h3>Places 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="about-item">
        <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>
    </div>
    <div class="together">
      <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>

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