-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (118 loc) · 4.76 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!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>moodywaters</title>
<!-- bootstrap cdn css link -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
crossorigin="anonymous" />
<!-- bootstrap cdn js link -->
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
crossorigin="anonymous"></script>
<!-- fontowsum link -->
<script
src="https://kit.fontawesome.com/378eda7842.js"
crossorigin="anonymous"></script>
<!-- custom css link -->
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!--
main background image -->
<div class="backgroundpic">
<!-- navbar starts -->
<nav class="navbar navbar-fixed-top navbar-expand-xl">
<!-- hidden logo only visible for phone -->
<a class="logo" href>MOODY WATERS</a>
<button
class="navbar-toggler ms-auto"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation">
<i class="fa-solid fa-bars ms-auto d-block"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="ms-auto navbar-nav">
<li class="nav-item">
<a href="index.html" class="linko nav-link yy"
data-content="home">HOME</a>
</li>
<li class="nav-item">
<a
href="discography.html"
class="linko nav-link"
data-content="discography">DISCOGRAPHY</a>
</li>
<li class="nav-item">
<a href="mixes.html" class="linko nav-link"
data-content="mixes">MIXES</a>
</li>
<li class="nav-item">
<a
href="visuals.html"
class="linko nav-link"
data-content="visuals/nft">VISUALS/NFT</a>
</li>
<li class="nav-item">
<a href="press.html" class="linko nav-link"
data-content="press">PRESS</a>
</li>
<li class="nav-item">
<a
href="contact.html"
class="linko nav-link"
data-content="contact">CONTACT</a>
</li>
</ul>
</div>
</nav>
<!-- navbar ends -->
<!-- glitchy text effects -->
<p class="text div">
Looking to the future of sound and visuals, I am excited about the
potential of technology to push the boundaries of what is possible.
there is a world where the line between reality and fiction is
increasingly blurred, where augmented and virtual reality become more
integrated into our daily lives, and where sound and visuals are used in
new and innovative ways to tell stories and evoke emotions. i try to
constantly explore new mediums and technologies to incorporate into my
work, seeking to create a truly immersive and unforgettable experience
for the audience. With perspective and creativity, I keep to continue
pushing the boundaries of what is possible in the world of art and
technology.
</p>
<!-- footer starts -->
<footer>
<div class="row">
<div
class="col d-flex align-items-center justify-content-start text-left">
<p>© Moody Waters Copyright 2023
</p>
</div>
<div class="col d-flex align-items-center justify-content-end">
<div class="icon"><a
href="https://www.facebook.com/profile.php?id=100063696242130"
target="_blank"><i class="fa-brands fa-facebook"></i></a></div>
<div class="icon"><a href="https://www.instagram.com/moody_waters/"
target="_blank"><i class="fa-brands fa-instagram"></i></a></div>
<div class="icon"><a href="https://twitter.com/moodywaters03"
target="_blank"><i class="fa-brands fa-twitter"></i></a></div>
<div class="icon"><a href="https://www.tiktok.com/@moodyeffects"
target="_blank"><i class="fa-brands fa-tiktok"></i></a></div>
</div>
</div>
</footer>
<!-- footer ends -->
</div>
</body>
</html>