Sprint-Challenge--User-Interface/about.html at master · toddmurphy/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
116
117
118
119
120
121
122
123
124
125
<!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 class="container">
    <header>
      <!-- Navigation section -->
      <nav>
        <img src="img/lambda-black.png" />
        <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>
    </header>

    <!-- Hero image main  -->
    <div class="hero-main">
      <img src="img/jumbo-about.png" />
    </div>

    <!-- About section -->
    <div class="container-about-page">
      <div class="bottom-border">
        <h1>About</h1>
        <p class="line-space">
          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>

      <!-- Features section -->
      <section class="features">
        <div class="features-box">
          <div class="image-spacing">
            <img src="img/about-plan.png" alt="strategy" />
          </div>
          <h1>Strategy</h1>
          <p>
            Iterative approaches to corporate strategy foster collaborative
            thinking to further the overall value proposition.
          </p>
          <button class="button">Learn More</button>
        </div>

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

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

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

      <!-- Let's work Together section -->
      <section class="work-together">
        <div>
          <h1>More Let's Work Together</h1>
          <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>

      <!-- About Footer 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>