-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
99 lines (99 loc) · 3.82 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
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="main.css" />
<title>NSSTA Beethoven</title>
</head>
<body>
<h1>Ludwig van Beethoven</h1>
<div>
<nav class="navBar">
<ul>
<li>
<span><a href="#">Home</a></span>
</li>
<li><a href="career.html" class="hover">Career</a></li>
<li><a href="personal.html" class="hover">Personal</a></li>
<li><a href="newsFeed.html" class="hover">News Feed</a></li>
</ul>
</nav>
</div>
<main>
<figure class="mainPic">
<img src="img/beethoven.jpg" alt="Ludwig van Beethoven" class="bhpic" />
<figcaption>Ludwig van Beethoven</figcaption>
</figure>
<section>
<!-- This section includes all the collabs for beethoven. Intent will be to make it a flex box underneath the image with the other 2 sections
that are going to be included in the html file. (other 2 sections include Aliases and Country of Residence) -->
<h2>Collaborations</h2>
<div>
<p>
During the time period of Beethoven's life, collaborations with
other artists were not commonly practiced. Beethoven did have a
couple of "collaborations" with other artists though. They were:
</p>
<ul>
<li>
A publisher by the name of Anton Diabelli invited a large number
of Austrian composers to write variations to the <em>Walz</em>.
Beethoven not only accepted (along with 51 other composers), but
he wrote 33 variations that were published as the
<em>Diabelli Variations, Op 120</em>.
</li>
<li>
The second considered "collaboration" would be considered more of
a transformation by antoher artist. In these cases, Franz Liszt,
as well as many others, have taken Beethoven's work and arranged
them to use other combinations of instruments.
</li>
</ul>
</div>
</section>
<!-- inlcuded his only known alias -->
<section>
<h2>Aliases</h2>
<p>
Beethoven's only known alias is <strong>"Maestro"</strong>, but is
assumed to have others.
</p>
</section>
<section>
<!-- His current residence is his gravesite. Plan to incorporate a picture with this as well. Make it smaller than the original pic -->
<h2>Country of Residence</h2>
<div class="residence">
<p>
Beethoven's remains currently reside in the Main Cemetary in
Zentralfriedhof, Vienna Austria and has been there since 1888. He
was originally buried at Währinger Ortsfriedhof just outside of
Vienna, Austria, but was moved due to the cemetary shutting down in
1873.
</p>
<figure class="gravstone">
<img src="img/Beethoven's Grave.jpg" alt="Gravestone" />
<figcaption>Beethoven's Grave</figcaption>
</figure>
</div>
</section>
<hr />
<div>
<footer>
<a
href="https://en.wikipedia.org/wiki/Ludwig_van_Beethoven"
target="_blank"
><span class="icon-wikipedia"></span></a>
<a
href="https://open.spotify.com/artist/2wOqMjp9TyABvtHdOSOTUS?si=bPXfaWxGSJGwZQy6YHFgkg"
target="_blank"
><span class="icon-spotify"></a>
<a href="https://www.beethoven.de/en" target="_blank"
><img src="img/Beethoven Bust Link.jpg"
/></a>
</footer>
</div>
</main>
</body>
</html>