-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
28 lines (28 loc) · 1.63 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>The Ottermen</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Archivo+Black|Montserrat|Roboto:500" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./assets/css/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="./assets/css/main.css">
</head>
<body>
<section class="splash">
<video poster="./assets/media/background-poster.png" id="splashVideo" playsinline autoplay muted loop>
<!-- WCAG general accessibility recommendation is that media such as background video play through only once. Loop turned on for the purposes of illustration; if removed, the end of the video will fade in the same way created by pressing the "Pause" button -->
<source src="./assets/media/background-video.webm" type="video/webm">
<source src="./assets/media/background-video.mp4" type="video/mp4">
</video>
<img src="./assets/media/ottermen-white.svg" alt="Ottermen">
<ul class='social-list'>
<li><i class="fa fa-bandcamp" aria-hidden="true"></i><span class="sr-only">Bandcamp</span></li>
<li><i class="fa fa-twitter" aria-hidden="true"></i><span class="sr-only">Twitter</span></li>
<li><i class="fa fa-facebook" aria-hidden="true"></i><span class="sr-only">Facebook</span></li>
</ul>
</section>
<script type="text/javascript" src="./assets/js/zenscroll-latest/zenscroll-min.js"></script>
<script type="text/javascript" src="./assets/js/sticky-polyfill-master/sticky-polyfill.min.js"></script>
<script type="text/javascript" src="./assets/js/main.js"></script>
</body>
</html>