-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
69 lines (57 loc) · 2.71 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
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Studio Projects - Audio | Video | Multimedia</title>
<link rel="stylesheet" href="./css/transitions.css">
<link rel="stylesheet" href="./css/main.css" />
</head>
<body>
<div class="transition dissolve is-active"></div>
<div class="page">
<header>
<nav>
<h1>STUDIO <span><PROJECTS></span></h1>
<ul class="menu">
<li class="menu-item is-active"><a href="/">Home</a></li>
<li class="menu-item"><a href="/studio.html">Studio</a></li>
<li class="menu-item"><a href="/services.html">Services</a></li>
<li class="menu-item"><a href="/contact.html">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section class="cta">
<div class="cta-inner">
<h3>Audio Production | Video Production | Multimedia</h3>
</div>
</section>
<section class="page-content">
<div class="container">
<div class="column">
<h1>Audio Production</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui dolores quidem, amet nulla adipisci eaque possimus repellendus soluta nesciunt, obcaecati distinctio eum voluptas ducimus enim recusandae. Sapiente iure molestiae nisi neque sit corporis provident aut ducimus velit molestias. Voluptatum mollitia recusandae, error ipsum omnis facilis? Consequatur praesentium molestiae sit maiores.
</p>
</div>
<div class="column">
<h1>Video Production</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque esse neque autem et, sed soluta sunt nam labore, illum dicta sequi, ab non est optio amet unde vel asperiores dolor consectetur? Deleniti totam eligendi recusandae error architecto facere soluta, consectetur consequatur est, ea esse. Quaerat velit in labore aperiam assumenda.
</p>
</div>
<div class="column">
<h1>Multimedia</h1>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Autem ipsam qui aliquid pariatur porro voluptas impedit tempora! Doloribus vero ratione minus placeat cumque quaerat architecto, blanditiis quod ipsam perspiciatis recusandae, natus fuga eius, cum consequatur sed facilis maxime debitis laborum? Aut iusto vitae libero temporibus id adipisci tenetur laudantium blanditiis!
</p>
</div>
</div>
</section>
</main>
</div>
<!-- <script src="./js/particles.js"></script> -->
<script src="./js/main.js"></script>
</body>
</html>