Responsive-Web-Design-II/about.html at master · lola-lambda/Responsive-Web-Design-II · 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
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>Great Idea!</title>

  <link href="https://fonts.googleapis.com/css?family=Bangers|Titillium+Web" rel="stylesheet">
  <link rel="stylesheet" href="css/index.css">

  <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
  <![endif]-->
</head>

  <body>

    <div class="container">
      <header>
        <nav>
          <div class="nav-logo">
            <a href="index.html"><img class="logo" src="img/logo.png" alt="Great Idea! Company logo."></a>
          </div>
          <div class="nav-links">
            <a href="services.html">Services</a>
            <a href="#">Product</a>
            <a href="#">Vision</a>
            <a href="#">Features</a>
            <a href="about.html">About</a>
            <a href="#">Contact</a>
          </div>
        </nav>
      </header>

      <section class="about-summary">
        <h1>Great Idea! Company:<br>Revolutionary Technology with Humble Beginnings.</h1>
        <img class="sheep" src="img/sheep1.jpg" alt="Great Idea! Company Sheep.">
        <h2>Unparalleled products from an eclectic team of extremely lucid sheep with unnaturally dexterous hooves.</h2>
      </section>

      <section class="about-full">
        <div class="about-text">
            <h2>Our Start on the Farm</h2>
            <p>The Great Idea! Team consists of a dozen unsettlingly literate sheep. We were all born on this farm and the vision underpinning Great Idea! Company was too. That's right, we are putting the valley back into Silicon Valley. Our open-office plan is a literal pasture. You might be wondering, "Alright, is this the true origin story of Great Idea! Company or an excerpt from the popular Philip K. Dick novel, 'Do Androids Dream of Electric Sheep?'" Our answer to you is, "Wow, that's a really specific observation, but indeed this is the solemn truth."</p>
        </div>
        <div class="about-text off-center">
            <h2>Self-Taught: Sheep Cannot Legally Enroll in Accredited Universities</h2>
            <p>Our staff all have grassroots educational backgrounds, as well as steady grass diets. After being turned away from almost every higher education institution, our unyielding sheeps set out to trailblaze a path of their own. Fortunately, sheep are allowed to use and exploit the internet for profit and personal gain. Several of our top-shelf sheep attempted to enroll in "Lambda School" but it turns out that there is no relation between Lambda and lambs.</p>
        </div>
        <div class="about-text">
            <h2>By Sheep; For Sheep</h2>
            <p>As we first started work on Great Idea! Company, we realized how few tech resources were being allocated to sheep. It became our greatest undertaking to promote accessibility beyond the human species. To that end, we donate a portion of our profits to the charitable organization "Wifi for Every Sheep."</p>
        </div>
    </section>

    <img class="sheep" id="jacob" src="img/sheep.jpg" alt="Great Idea! Company Sheep.">
    <div class="img-caption">Our CEO, Jacob the Sheep</div>
      <section class="contact">

        <h4>Contact</h4>

        <p>123 Way 456 Street<br> Somewhere, USA</p>
        <p>1 (888) 888-8888</p>
        <p>sales@greatidea.io</p>

      </section>

      <footer>
        <p>Copyright Great Idea! 2018</p>
      </footer>

    </div><!-- container -->
  </body>
</html>