-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmusic.html
69 lines (62 loc) · 3.32 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
66
67
68
69
<!DOCTYPE html>
<html>
<head>
<!-- start global site tag -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-54267564-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-54267564-2');
</script>
<!-- end global site tag -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Jordan Kolbaba - Front-end Developer</title>
<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">
<link rel="stylesheet" href="style.css" type="text/css">
<script type='text/javascript' src='js/jquery-3.3.1.min.js'></script>
<script type='text/javascript' src='js/js.js'></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
</head>
<body class="music">
<header>
<div class="inner">
<h2>Jordan Kolbaba</h2>
<h3>Front-end Developer</h3>
<section class="social">
<ul>
<li><a href="https://github.com/kolbaba"><i class="fab fa-github-square"></i></a></li>
<li><a href="https://www.linkedin.com/in/jordankolbaba"><i class="fab fa-linkedin"></i></a></li>
</ul>
</section>
</div>
</header>
<a href="/" style="text-align: center;display:block;margin:10px auto;"><- HOME</a>
<section class="content">
<div class="inner">
<h1>Music</h1>
<p>Over the last 15 years I've released a bunch of music and contributed to a handful of small indie pc and mobile games.</p>
<p>Here are some samples of my work:</p>
<hr>
<h3>Ambient Sample</h3>
<iframe style="border: 0; width: 100%; height: 42px;" src="https://bandcamp.com/EmbeddedPlayer/album=1266180937/size=small/bgcol=ffffff/linkcol=0687f5/transparent=true/" seamless><a href="http://abysmal.bandcamp.com/album/monkeys-on-display-full-album-8-27-19">monkeys on display - full album 8-27-19 by modbom</a></iframe>
<h3>Chiptune Sample</h3>
<iframe style="border: 0; width: 100%; height: 42px;" src="https://bandcamp.com/EmbeddedPlayer/album=2014816040/size=small/bgcol=ffffff/linkcol=0687f5/track=1555509698/transparent=true/" seamless><a href="http://abysmal.bandcamp.com/album/fffff2p-ost-5-20-2014">FFFFF2P OST (5/20/2014) by modbom</a></iframe>
<h3>Electronic / Ambient</h3>
<iframe style="border: 0; width: 100%; height: 42px;" src="https://bandcamp.com/EmbeddedPlayer/album=3991218012/size=small/bgcol=ffffff/linkcol=0687f5/track=1688745997/transparent=true/" seamless><a href="http://abysmal.bandcamp.com/album/botwa-4-27-2012">botwa (4/27/2012) by modbom</a></iframe>
<hr>
<h3>Contact Me</h3>
<p>For custom music requests <a href="https://forms.gle/ybLicivGwqN79rnk7" target="_blank">send me a message.</a> </p>
<hr>
<h3>Links</h3>
<p><a href="http://soundcloud.com/mod_bom">modbom on Soundcloud</a></p>
<p><a href="http://abysmal.bandcamp.com">modbom on Bandcamp</a></p>
</div>
</section>
<footer>
</footer>
</body>
</html>