-
Notifications
You must be signed in to change notification settings - Fork 0
/
ambient.html
63 lines (59 loc) · 2.39 KB
/
ambient.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>The Waveform Generation</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/wavgen.css">
<link rel="stylesheet" href="css/fonts.css">
</head>
<body>
<!-- Placeholder for the subnav component -->
<div id="musicsubnav-container"></div>
<div class="header">
<h2><a href="ambient.html">Ambient Music</a></h2>
</div>
<a href="ambient.html" style="text-decoration: none; background-color: #340093;">
<div class="responsive-div" style="width: 90%; background-color: #A6A9AA; color: #FFFFFF; font-family: 'Raleway'; padding: 20px; margin: 20px left; border: 5px solid #00249C;
background-image: url('images/textures/bluetallrowmedium.jpg'); background-blend-mode: normal; background-size: cover;">
<h1 style="font-family: 'Raleway'; color: #ffffff;">Ambient Sound Design</h1>
<h2 style="font-family: 'Raleway'; color: #ffffff;">Exploring Atmospheric Soundscapes</h2>
<p style="font-family: 'Raleway'; color: #ffffff;">Immersive ambient compositions created using digital synthesis and sound design</p>
<p style="font-family: 'Raleway'; color: #ffffff;">Welcome to our ambient music collection, featuring atmospheric soundscapes
and evolving textures. Each piece explores the subtle interplay between space, texture, and harmony, creating immersive
sonic environments that blend organic and electronic elements.</p>
</div>
</a>
<!-- The Modal -->
<div id="myModal" class="modal">
<span class="close">×</span>
<img class="modal-content" id="img01" alt="ambient1">
<div id="caption"></div>
</div>
<div class="row">
<div class="side">
<h3>Ambient 1</h3>
<p><img src="images/1.gif" alt="Ambient 1" style="width:320px;height:240px;"></p>
</div>
<div class="main">
<h4>Ambient Soundscape</h4>
<h4>Ableton Live 2024</h4>
</div>
</div>
<div class="row">
<div class="side">
<h3>Ambient 2</h3>
<p><img src="images/1.gif" alt="Ambient 2" style="width:320px;height:240px;"></p>
</div>
<div class="main">
<h4>Atmospheric Texture</h4>
<h4>Ableton Live 2024</h4>
</div>
</div>
<!-- Placeholder for the footer component -->
<div id="footer-container"></div>
<!-- Load the component loader script -->
<script src="js/loadComponents.js"></script>
<script src="js/modal.js"></script>
</body>
</html>