-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
56 lines (45 loc) · 2.64 KB
/
about.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>About - 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">Home</a>
<a href="/about.html" class="is-active">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>About Us</h1>
<p>Recusandae nisi porro illum veritatis quam amet aut adipisci sit velit fuga dicta saepe esse sunt voluptas possimus provident ab odio qui, corporis, aperiam architecto. Autem quasi fugit exercitationem earum expedita rerum quisquam dignissimos quas molestias, voluptates ab consectetur, quo veritatis nisi vero sunt aperiam non distinctio saepe dolore vel numquam? Consequatur exercitationem reprehenderit error doloremque facere esse dicta aut perferendis deserunt omnis unde veritatis, perspiciatis quos.</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>