-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
38 lines (38 loc) · 2.27 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
<!DOCTYPE html>
<html>
<head>
<title>Justin Volk</title>
<meta name="description" content="Justin Volk's buisness card" />
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="card">
<img class="profile-photo" width="100%" src="assets/red-background.jpg" />
<h1>Justin Volk</h1>
<h2>Musician, Audio Engineer, Software Engineer, <br />Chef, Photographer, Graphic Designer</h2>
<ul class="social-links">
<li><a class="logo-link facebook-link" href="https://www.facebook.com/justinvolk1/" target="_blank" rel="noopener"></a></li>
<li><a class="logo-link spotify-link" href="https://open.spotify.com/artist/5e6d9d8efzFGV7XMTxE4dP" target="_blank" rel="noopener"></a></li>
<li><a class="logo-link instagram-link" href="https://www.instagram.com/justinvolk/" target="_blank" rel="noopener"></a></li>
<li><a class="logo-link github-link" href="https://github.com/jdvolk" target="_blank" rel="noopener"></a></li>
<li><a class="logo-link itunes-link" href="https://www.instagram.com/btycll/" target="_blank" rel="noopener"></a></li>
<li><a class="logo-link linkedin-link" href="https://linkedin.com/in/justindvolk/" target="_blank" rel="noopener"></a></li>
<!--btycll instagram-->
<li><a class="logo-link twitter-link" href="https://twitter.com/Justin_Volk_" target="_blank" rel="noopener"></a></li>
</ul>
</div>
<div class="projects" width="100%">
<h1>Projects</h1>
<ul class="project-list">
<li><a class="project-icon drum-stick" href="projects/drum kit/index.html">
<img width="100%" src="projects/drum kit/assets/808 launcher.png" />
<h3>Js Drumkit</h3></a></li>
<li><a class="project-icon btycll" href="https://btycll.com" target="_blank" rel="noopener" />
<img width="100%" src="assets/bty-cll-icon.png" />
<h3>bty cll</h3></a></li>
</ul>
</div>
<script src="script.js"></script>
</body>
</html>