AnomalyCreative/template.html at master · ramsaysewell/AnomalyCreative · 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
<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-131676283-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-131676283-1');
  </script>
  <meta charset="UTF-8">
  <meta title="Template - Showcase">
  <meta description="Southwest Nationals are a baseball team based in Missouri, USA. This is a showcase for the work Anomaly Creative carried out for the club.">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  <link rel="stylesheet" href="css/main.css">
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
  <title>Template - Showcase</title>
</head>
<meta name="google-site-verification" content="yTjl7HozwQc3bbemWFDSaI7l9TjRl--cuig79TFE1bc" />

<body>
  <nav class="navbar navbar-expand-lg navbar-light" style="z-index: 100;">
    <a class="navbar-brand" href="#"><img src="./img/logos/anomaly-black-ultra-small.png" alt="Anomaly"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarText">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item">
          <a class="nav-link" href="./index.html#about">about</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="./index.html#our-work">our work</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="./index.html#contact">contact</a>
        </li>
      </ul>
    </div>
  </nav>
  <!-- the ID is used to decipher the background image -->
  <section class="showcaseHeader" id="swnationals">
    <div class="contents">
      <div class="text">
        <h1>Rainbow Pest Control</h1>
        <h4>website design</h4>
      </div>

      <div class="overlay"></div>
    </div>
    </div>
  </section>

  <main>
    <div class="showcaseRow">
      <article class="item text">
        <h2>Responsive</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque, eveniet, commodi reiciendis et minus alias aliquam tempora ad veritatis, facere expedita optio perferendis quibusdam facilis voluptatem ipsa voluptates odio nobis incidunt a
          eum. Repudiandae fugiat dolores, voluptate odit, assumenda ex nihil doloremque ab eveniet unde maiores eos et ullam aut.</p>
      </article>
      <article class="item image">
        <img src="https://res.cloudinary.com/ramsaysewell/image/upload/v1547140014/swnats-iphone.png" alt="iPhone Screenshot">
      </article>
    </div>
    <div class="showcaseRow">
      <article class="item image">
        <img src="https://res.cloudinary.com/ramsaysewell/image/upload/v1547140014/swnats-macbook.png" alt="iPhone Screenshot">
      </article>
      <article class="item image" id="bws">
        <img src="https://res.cloudinary.com/ramsaysewell/image/upload/v1547817807/builtwithstyle.png" alt="Built with Style">
      </article>
    </div>
    <div class="showcaseRow">
      <artice class="homepage">
        <img src="https://res.cloudinary.com/ramsaysewell/image/upload/v1547140004/swnats_landing_page.png" alt="Website Screenshot">
      </artice>
    </div>

  </main>

  <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

  <script src="js/main.js" charset="utf-8"></script>
  <!-- Animations -->
  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>
  <!-- Lazy loading -->
  <script src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script>
  <script>
    const observer = lozad();
    observer.observe();
  </script>
</body>

</html>