markuspriede.github.io/media.html at main · markuspriede/markuspriede.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Fundamentally Sound Media</title>
	<meta name="description" content="Fundamentally Sound A Cappella">
	<link rel="icon" href="logo2.png">
	<meta name="author" content="Markus Priede">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link rel="stylesheet" type="text/css" href="mediastyle.css">
</head>

<body>
	<header>
		<nav>
			<a href="index.html"><img src="images/logo2.png" alt="FS logo"></a>
			<h1>Social Media</h1>
			<div class="navlinks">
				<ul>
					<li ><a href="index.html">Home</a></li>
					<li><a href="members.html">Current Members</a></li>
					<li><a href="repertoire.html">Repertoire</a></li>
					<li><a href="media.html">Media</a></li>
					<!-- <li><a href="">Bookings</a></li>
					<li><a href="">News</a></li> maybe add later if time-->
				</ul>
			</div>
		</nav>
	</header>

	<section>
		<a href = "https://open.spotify.com/artist/5vwuJHzsH4WIbZ7xOgycZ8?si=FDzDq6UTSc6lxUOnJvGykA" target="_blank">
			<article>
				<img id="spotify" src="images/spotifylogo.png" alt="Spotify logo">
				<p>
				With over 3 million streams, listen to Fundamentally Sound on Spotify!
				</p>
			</article>
		</a>

		<a href = "https://music.apple.com/us/artist/fundamentally-sound/462233779" target="_blank">
			<article>
				<img id="apple" src="images/applemusic.png" alt="Apple Music logo">
				<p>
				Don't have Spotify? We're also on Apple Music!
				</p>
			</article>
		</a>

		<a href = "https://www.instagram.com/fsacappella" target="_blank">
			<article id="bottomleft">
				<img id="insta" src="images/instalogo.png" alt="Instagram logo">
				<p>
				Follow us on Instagram for announcements, pictures, and details on events!
				</p>
			</article>
		</a>

		<a href = "https://www.youtube.com/c/FundamentallySound" target="_blank">
			<article id="bottomright">
				<img id="youtube" src="images/youtubelogo.png" alt="YouTube logo">
				<p>
				Watch live and produced videos of Fundamentally Sound on YouTube!
				</p>
			</article>
		</a>

	</section>

	<footer>
		<div id = "foot">
		<p style="line-height: 1.5"> Author: Markus Priede <br>
			<a href="mailto:priede@wisc.edu">priede@wisc.edu</a><br>
			<a href="mailto:fsacappella@gmail.com">fsacappella@gmail.com</a><br>
			 University of Wisconsin-Madison</p>
		</div>
	</footer>


</body>

</html>