-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmelodic.html
66 lines (62 loc) · 2.74 KB
/
melodic.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
<!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>
<!-- The Modal -->
<div id="myModal" class="modal">
<span class="close">×</span>
<img class="modal-content" id="img01" alt="ball1">
<div id="caption"></div>
</div>
<div class="header">
<h2><a href="melodic.html">Melodic Deep House</a></h2>
</div>
<a href="melodic.html" style="text-decoration: none; background-color: #340093;">
<div class="responsive-div" style="width: 90%; background-color: #A17652; color: #FFE6CC; font-family: 'Open Sans'; padding: 20px; margin: 20px left; border: 5px solid #4E008E;
background-image: url('images/textures/bluecolumnsquare.jpg'); background-blend-mode: normal; background-size: cover;">
<h1 style="font-family: 'Open Sans'; color: #ffffff;">Melodic House Music</h1>
<h2 style="font-family: 'Open Sans'; color: #ffffff;">Chicago-Style Soulful House</h2>
<p style="font-family: 'Open Sans'; color: #ffffff">Crafting Deep & Emotional Dance Music</p>
<p style="font-family: 'Open Sans'; color: #ffffff;">Experience our collection of Chicago-inspired house tracks,
where warm analog synthesis meets deep emotional chord progressions. Each track celebrates the soulful heritage
of Chicago house music while incorporating contemporary production elements and melodic arrangements that speak
to the heart of dance music culture.</p>
</div>
</a>
<div class="row">
<div class="side">
<h3>Deep Chicago</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>Melodic House Track</h4>
<h4>The Waveform Generation</h4>
</div>
</div>
<div class="row">
<div class="side">
<h3>Soulful Keys</h3>
<p><img src="images/1.gif" alt="Melodic 1" style="width:320px;height:240px;"></p>
</div>
<div class="main">
<h4>House 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>