-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
36 lines (36 loc) · 2.43 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
29
30
31
32
33
34
35
36
<!doctype html>
<html lang="en-au">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf8">
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
<link rel='stylesheet' href='./styles.css' />
</head>
<body>
<main>
<div class='header'>
Fake header
</div>
<div class='l-prose-blocks'>
<div class='l-prose-blocks__block'>
<h1>Example title</h1>
</div>
<div class='l-prose-blocks__block l-prose-blocks__block--rt'>
<img src='https://source.unsplash.com/random/300x400' />
<p>In a dignissim lectus. Quisque consequat dapibus ornare. Fusce lacus purus, lacinia ut congue vitae, porta vitae velit. Cras vitae orci turpis. Donec ultrices odio lectus, nec bibendum sapien ultrices in. Integer ut ipsum vitae arcu elementum facilisis sit amet id est. </p>
</div>
<div class='l-prose-blocks__block l-prose-blocks__block--rt'>
<img src='https://source.unsplash.com/random/300x400' />
<p>Vivamus laoreet mi quis metus aliquam vulputate quis suscipit tortor. Cras nec viverra quam. Aenean tristique, justo sit amet dignissim tempor, lacus risus gravida nunc, at sagittis lacus odio non arcu. In rutrum, risus quis semper iaculis, libero lorem consequat enim, non varius sem urna et purus. Donec nunc libero, posuere dapibus convallis ac, placerat at diam. Donec in iaculis eros. Quisque fringilla libero diam, id porta sapien faucibus a.</p>
</div>
<div class='l-prose-blocks__block l-prose-blocks__block--rt'>
<img src='https://source.unsplash.com/random/300x400' />
<p>Integer lobortis metus non tincidunt vulputate. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut viverra convallis ante eget feugiat. Integer et venenatis justo. Pellentesque a ex aliquet, mollis nunc in, ultricies nunc. Vestibulum sapien urna, hendrerit vel nulla eget, malesuada molestie turpis. Nulla dignissim augue vitae pretium lobortis.</p>
</div>
</div>
</main>
<script src="https://unpkg.com/intersection-observer"></script>
<script src="https://unpkg.com/scrollama"></script>
<script src="./animations.js"></script>
</body>
</html>