Sprint-Challenge--User-Interface/about.html at master · IlanL75/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
103
104
105
106
107
108
109
110
111
112
113
114
115
<!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 about-page">

      <!-- Adding navigation and header images below -->

        <header class="header-main">

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

            <img src="img/lambda-black.png">

        </header>

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

<!--         Adding navigation and header images above -->

        <section class="about-section">

            <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="main-section">

          <div>

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

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

          <div>

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

            <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="last-section">
    <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>
      <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>