-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
52 lines (49 loc) · 1.55 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Home Page</title>
<link rel="stylesheet" href="css/main.css" />
</head>
<body data-barba="wrapper">
<ul class="transition">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="wrapper">
<header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="services.html">Services</a></li>
</ul>
</nav>
</header>
<main data-barba="container" data-barba-namespace="Home">
<div class="left">
<h1>An Ongoing Experience</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
</p>
<a href="services.html" class="cta">Take me there</a>
</div>
<img src="photo-1.jpg" alt="photo-1" />
</main>
</div>
<!-- Scripts -->
<script src="https://unpkg.com/@barba/core"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"
integrity="sha512-cdV6j5t5o24hkSciVrb8Ki6FveC2SgwGfLE31+ZQRHAeSRxYhAQskLkq3dLm8ZcWe1N3vBOEYmmbhzf7NTtFFQ=="
crossorigin="anonymous"
></script>
<script src="index.js"></script>
</body>
</html>