Sprint-Challenge--User-Interface/about.html at master · KaiHaskell/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
126
127
128
<!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>
    <header>
      <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.html">Contact</a>
      </nav>

      <div class="headerimg">
        <img src="img/jumbo-about.png" />
      </div>
    </header>
    <div class="container about-page">
      <div class="about-about">
        <div>
          <h1>About</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>
      </div>

      <div class="aboutcontentimgs">
        <img src="img/about-plan.png" alt="strategy" />
        <img src="img/about-working.png" alt="strategy" />
      </div>

      <div class="topcontent-about">
        <div class="about-strategy">
          <h1>Strategy</h1>

          <p>
            Iterative approaches to corporate strategy foster collaborative
            thinking to further the overall value proposition.
          </p>

          <button><a href="#">Learn More</a></button>
        </div>

        <div class="about-hww">
          <h1>How We Work</h1>

          <p>
            Iterative approaches to corporate strategy foster collaborative
            thinking to further the overall value proposition.
          </p>

          <button><a href="#">Learn More</a></button>
        </div>
      </div>
      <!--top content closer-->

      <div class="aboutcontentimgs">
        <img src="img/about-office.png" alt="strategy" />
        <img src="img/about-meeting.png" alt="strategy" />
      </div>
      <div class="topcontent-about">
        <div class="about-pww">
          <h1>Places We Work</h1>

          <p>
            Iterative approaches to corporate strategy foster collaborative
            thinking to further the overall value proposition.
          </p>

          <button><a href="#">Learn More</a></button>
        </div>

        <div class="about-collab">
          <h1>Collaboration</h1>

          <P
            >Iterative approaches to corporate strategy foster collaborative
            thinking to further the overall value proposition.</P
          >

          <button><a href="#">Learn More</a></button>
        </div>
      </div>
      <!--top content pt2 closer-->

      <div class="lowercontent">
        <h1>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>
      <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>