-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmusic.html
65 lines (61 loc) · 2.72 KB
/
music.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
<!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="music.html">Music Production</a></h2>
</div>
<a href="music.html" style="text-decoration: none; background-color: #340093;">
<div class="responsive-div" style="width: 90%; background-color: #00249C; color: #99CCFF; font-family: 'Playfair Display'; padding: 20px; margin: 20px left; border: 5px solid #99CCFF;
background-image: url('images/textures/bluecolumntall.jpg'); background-blend-mode: multiply; background-size: cover;">
<h1 style="font-family: 'Playfair Display'; color: #99CCFF;">Electronic Music Studio</h1>
<h2 style="font-family: 'Playfair Display'; color: #99CCFF;">Digital Audio Production & Sound Design</h2>
<p style="font-family: 'Playfair Display'; color: #99CCFF;">Creating electronic music across multiple genres and styles</p>
<p style="font-family: 'Playfair Display'; color: #99CCFF;">Explore our collection of electronic music productions,
from ambient soundscapes to driving rhythms. Each track showcases different approaches to synthesis, sampling,
and digital audio production, blending modern techniques with creative sound design.</p>
</div>
</a>
<!-- The Modal -->
<div id="myModal" class="modal">
<span class="close">×</span>
<img class="modal-content" id="img01" alt="music1">
<div id="caption"></div>
</div>
<div class="row">
<div class="side">
<h3>Sunday Brunch</h3>
<p><iframe style="border: 0; width: 320px; height: 440px;" title="Achieve Satisfaction"
src="https://bandcamp.com/EmbeddedPlayer/album=2593241968/size=large/bgcol=333333/linkcol=9a64ff/tracklist=false/track=666141519/transparent=true/"
seamless><a href="https://waveformgeneration.bandcamp.com/album/sunday-brunch">Sunday Brunch by The Waveform Generation</a></iframe></p>
</div>
<div class="main">
<h4>Album Track</h4>
<h4>The Waveform Generation</h4>
</div>
</div>
<div class="row">
<div class="side">
<h3>Track 1</h3>
<p><img src="images/1.gif" alt="Music 1" style="width:320px;height:240px;"></p>
</div>
<div class="main">
<h4>Electronic Composition</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>