-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
56 lines (45 loc) · 2.88 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
53
54
55
56
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home - Swup</title>
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<nav>
<div class="container">
<h1>STUDIO PROJECTS</h1>
<div class="menu">
<a href="/index.html" class="is-active">Home</a>
<a href="/about.html">About</a>
<a href="/projects.html">Projects</a>
<a href="/contact.html">Contact</a>
</div>
<button class="hamburger">
<span></span>
<span></span>
<span></span>
</button>
</div>
</nav>
<div class="mobile-nav">
<a href="/index.html">Home</a>
<a href="/about.html">About</a>
<a href="/projects.html">Projects</a>
<a href="/contact.html">Contact</a>
</div>
<main id="swup" class="transition-fade">
<section class="grey">
<h1>Home Page</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci ipsam ratione quod! Illum rerum perspiciatis aspernatur nobis officiis soluta voluptatum quae porro, accusamus nesciunt deleniti quisquam sed eius sequi explicabo aperiam atque sint voluptate provident a nihil magni! A harum esse, eaque fuga id, magni cumque tempore quasi beatae soluta delectus. Error ullam architecto nostrum, nobis alias, facilis repudiandae et consectetur nulla deserunt mollitia obcaecati minima doloribus sapiente. Debitis distinctio consequatur exercitationem accusamus aperiam sapiente quos architecto, corporis, libero culpa et molestias numquam necessitatibus officia, ea cumque odit perspiciatis! Beatae voluptate obcaecati sed sint illo nostrum sit dolore libero sequi.</p>
</section>
<section class="dark-grey">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci ipsam ratione quod! Illum rerum perspiciatis aspernatur nobis officiis soluta voluptatum quae porro, accusamus nesciunt deleniti quisquam sed eius sequi explicabo aperiam atque sint voluptate provident a nihil magni! A harum esse, eaque fuga id, magni cumque tempore quasi beatae soluta delectus. Error ullam architecto nostrum, nobis alias, facilis repudiandae et consectetur nulla deserunt mollitia obcaecati minima doloribus sapiente. Debitis distinctio consequatur exercitationem accusamus aperiam sapiente quos architecto, corporis, libero culpa et molestias numquam necessitatibus officia, ea cumque odit perspiciatis! Beatae voluptate obcaecati sed sint illo nostrum sit dolore libero sequi.</p>
</section>
</main>
<script src="https://unpkg.com/swup@latest/dist/swup.min.js"></script>
<script src="./js/main.js"></script>
</body>
</html>