-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathelectro.html
65 lines (61 loc) · 2.74 KB
/
electro.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="electro.html">Detroit Electro</a></h2>
</div>
<a href="electro.html" style="text-decoration: none; background-color: #340093;">
<div class="responsive-div" style="width: 90%; background-color: #3D2B1F; color: #ffffff; font-family: 'Montserrat'; padding: 20px; margin: 20px left; border: 5px solid #4E008E;
background-image: url('images/textures/bluecolumntall.jpg'); background-blend-mode: normal; background-size: cover;">
<h1 style="font-family: 'Montserrat'; color: #ffffff">Futuristic Detroit Electro</h1>
<h2 style="font-family: 'Montserrat'; color: #ffffff">Machine Funk & Robotic Rhythms</h2>
<p style="font-family: 'Montserrat'; color: #ffffff">Exploring the intersection of future funk and mechanical precision</p>
<p style="font-family: 'Montserrat'; color: #ffffff;">Dive into our collection of Detroit-inspired electro tracks,
where mechanical rhythms meet soulful synthlines. Each composition pays homage to the innovative spirit of Detroit's
electronic music legacy while pushing forward into new sonic territories with modern production techniques.</p>
</div>
</a>
<!-- The Modal -->
<div id="myModal" class="modal">
<span class="close">×</span>
<img class="modal-content" id="img01" alt="electro1">
<div id="caption"></div>
</div>
<div class="row">
<div class="side">
<h3>Robot Dreams</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>Detroit Electro Track</h4>
<h4>The Waveform Generation</h4>
</div>
</div>
<div class="row">
<div class="side">
<h3>Machine Funk</h3>
<p><img src="images/1.gif" alt="Electro 1" style="width:320px;height:240px;"></p>
</div>
<div class="main">
<h4>Electro 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>