/
index.html
90 lines (84 loc) · 3.65 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-173957926-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-173957926-1');
</script>
<!-- <link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap"> -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Description" content="Dark Cutter is a rock band from Austin, TX">
<link href="style.css" rel="stylesheet" type="text/css">
<script src="index.js"></script>
<title>Dark Cutter - Austin, TX</title>
</head>
<body>
<header>
<div>
<img alt="guitar man" src="images/gif_guitarman.gif" />
<img alt="logo" class="logo" src="images/coollogo-alt.gif" />
<img alt="guitar man" src="images/gif_guitarman.gif" />
</div>
<div class="menu">
<span><a class="menu-item active-menu" href="#home">Home</a></span>
<span><a class="menu-item" href="#shows">Shows</a></span>
<span><a class="menu-item" href="#links">Links</a></span>
<span><a class="menu-item" href="#contact">Contact</a></span>
</div>
</header>
<div class="content-section visible home" id="home">
<h2>Our new EP is out now!!!! Check it out!!!</h2>
<div class="flex-container">
<div><a href="https://music.apple.com/us/artist/dark-cutter/1495264387"><span>Apple
Music</span>
<img alt="apple music" src="images/apple.gif" /></a></div>
<div><a href="https://us.napster.com/artist/dark-cutter/album/dark-cutter-ep"><span>Napster</span>
<img alt="napster" src="images/napster.gif" /></a></div>
<div><a href="https://open.spotify.com/artist/4MjuDDKdnRJeB0Zs956niq"><span>Spotify
</span>
<img alt="spotify" src="images/spotify.gif" /></a></div>
<div><span class="vinyl fark">Vinyl (Coming Soon!!!)</span>
<img alt="vinyl" class="coming-soon" src="images/vinyl.gif" /></div>
</div>
</div>
<div class="content-section shows" id="shows"><img alt="under construction" src="images/underconstruction.gif" />
</div>
<div class="content-section contact" id="contact">
<div class="flex-container">
<div class="email-item"><a href="https://www.facebook.com/DarkCutterMusic"><span>Like us on
Facebook!!</span></a></div>
<div class="email-item">
<img alt="facebook" class="facebook" src="images/facebook.gif" />
</div>
<div class="email-item"> <a href="mailto:info@dark-cutter.com">info@dark-cutter.com</a></div>
<div class="email-item">
<img alt="email" src="images/email.gif" />
</div>
</div>
</div>
<div class="content-section links" id="links">
<div>
<img alt="hot guitar links" src="images/hot.gif" />
</div>
<div>
<span>Coming soon!</span>
</div>
</div>
<footer>
<div>Best viewed with: </div>
<div>
<img alt="netscape" src="images/netscape.gif" />
</div>
<div class="awards">
<img alt="cool site!" src="images/coolsite.jpg" />
</div>
<div class="copyright"><span>© 1997 Rad Broz Studioz</span></div>
</footer>
</body>
</html>