Sprint-Challenge--User-Interface/about.html at master · borjasolerme/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
<!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">
    <!-- Header -->
    <header>
       <nav class="navbar">
        <div class="logo">
          <a href="index.html"><img src="img/lambda-black.png" alt="Lambda! Company logo."></a>
          </div>
         <div class="navigation">
           <a href="index.html">Home</a>
           <a href="about.html">About</a>
           <a href="#">Products</a>
           <a href="#">Blog</a>
           <a href="#">Contact</a>
         </div>
       </nav>
       <img class="header-full-img" src="img/jumbo-about.png" alt="Jumbo header image">
     </header>
   <!--Main Content-->
   <div class="dashed">
    <section class="about">
      <h3>About</h3>
      <p class="margin-bottom-5">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>
   </div>
    <section class="containerabout services-content-container">

        <div class="card fade">
            <img class="cardimg" src="img/about-plan.png" alt="strategy">
            <h2>Strategy</h2>
            <p class="margin-bottom-9">Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
              </p>
            <a class="button-animation" href="#">Learn More</a>
          </div>

          <div class="card fade">
              <img class="cardimg" src="img/about-working.png" alt="strategy">
              <h2>How we work</h2>
              <p class="margin-bottom-9">Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
                </p>
              <a class="button-animation" href="#">Learn More</a>
            </div>

            <div class="card fade">
                <img class="cardimg" src="img/about-office.png" alt="strategy">
                <h2>Places we work</h2>
                <p class="margin-bottom-9">Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
                  </p>
                <a class="button-animation" href="#">Learn More</a>
              </div>

              <div class="card fade">
                  <img class="cardimg" src="img/about-meeting.png" alt="strategy">
                  <h2>Collaboration</h2>
                  <p class="margin-bottom-9">Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
                    </p>
                  <a class="button-animation" href="#">Learn More</a>
                </div>

                <div class="about">
                <section class="container services-content-container">
                    <h3 id="margin-top-5">Let's Work Together</h3>
                    <p class="margin-bottom-5">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>
                </div>

    </section>
    <!-- Footer -->
      <footer>
        <nav>
          <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>
      </footer>
  </div>
</body>
</html>