-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
171 lines (167 loc) · 10.5 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tim Bergling</title>
<link rel="stylesheet" type="text/css" href="style.css">
<!-- <link href="https://fonts.googleapis.com/css2?family=Red+Rose&display=swap" rel="stylesheet"> -->
<script src="https://kit.fontawesome.com/539a3afe41.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Navigation bar!!!!!!!!! -->
<div class="grid">
<header>
<div class="logo">
<img class="nav-logo" src="Images/aviciilogo.jpg" alt="logo">
</div>
<nav>
<ul class="nav_links">
<li><a href="https://avicii.com/" target="_blank">Official Page</a></li>
<li><a href="#early life">Life & Career</a></li>
<li><a href="#artistry">Artistry</a></li>
<li><a href="#passing">Passing</a></li>
</ul>
</nav>
</div>
</header>
<!-- User Story #1: My tribute page should have an element with a corresponding id="main", which contains all other elements. -->
<main id="main">
<!-- User Story #3: I should see a div element with a corresponding id="img-div". -->
<section class="img-caption-container">
<div id="img-div">
<!-- User Story #4: Within the img-div element, I should see an img element with a corresponding id="image". -->
<img id="image" src="Images/main.image.jpg" alt="avicii smiling in the recording studio">
</div>
<!-- User Story #2: I should see an element with a corresponding id="title", which contains a string (i.e. text) that describes the subject of the tribute page (e.g. "Dr. Norman Borlaug"). -->
<div id="title">
<p>09.08.1987 - 04.20.2018</p>
<p>In loving memory</p>
</div>
<!-- User Story #5: Within the img-div element, I should see an element with a corresponding id="img-caption" that contains textual content describing the image shown in img-div. -->
<figcaption id="img-caption">
<p><em>Tim Bergling, better known by his stagename, "Avicii,"
created music that brought people together from all over the world.</em></p>
</figcaption>
</section>
<!-- User Story #6: I should see an element with a corresponding id="tribute-info", which contains textual content describing the subject of the tribute page. -->
<section id="tribute-info">
<p class="begin" id="early life">Early Life & Career</p>
<div class="life">
<p class="intro">Tim Bergling was born in Stockholm on 8 September 1989, the son of Klas Bergling and actress
Anki Lidén. He started mixing in his bedroom at the age of eight. Inspired by his brother, who
was also a DJ, he began making music at the age of 16. In May 2007, Bergling signed on with the
Dejfitts Plays label. He was a member of the Laidback Luke Forums, where he refined his craft
and, at times, demonstrated his distinct deep house style. By 2009 to 2010, Bergling was a
prolific producer and was releasing music incredibly quickly.</p>
<ul>
<li><strong>2011–2013: Levels</strong></li>
<p>In October 2011, Bergling released "Levels", which launched him into the mainstream. "Levels"
reached the top ten in Austria, Belgium, Bosnia, Croatia, Denmark, Finland, Germany, Greece,
Ireland, Italy, the Netherlands, Slovenia and the United Kingdom, whilst topping the charts
in Hungary, Norway and Sweden.
In 2012, his collaboration track "Sunshine" with David Guetta was nominated for a Grammy award
under the category for Best Dance Recording. On 23 March 2012, Bergling's unsigned single
"Last Dance" was previewed on Pete Tong's show on BBC Radio 1. At Ultra Music Festival 2012 in
Miami, he premiered two tracks, "Girl Gone Wild" (Avicii's UMF Remix) with Madonna and
"Superlove" with Lenny Kravitz. After reaching two million followers
on Facebook, Bergling released a new song titled "Two Million".
</p>
<li><strong>2013–2014: True</strong></li>
<p>In March 2013, Bergling announced and premiered many new tracks from his new album True, which
would later be set to be released in September, during his Main Stage set at Ultra Music Festival
in Miami. The new tracks were experimental in nature. For example, Bergling brought out a stomping
band to play through the new bluegrass-tinged song "Wake Me Up".
On 21 March 2014, Bergling released a remixed edition
of his album True titled True: Avicii By Avicii containing remixes by himself of all the tracks,
excluding "Heart Upon My Sleeve" for unknown reasons. The promotion of this album was supposed
to begin at the 2014 Ultra Music Festival, but Bergling announced he had been hospitalised on 28 March,
and was unable to play his closing set at the festival.
</p>
<li><strong>2014–2015: Stories</strong></li>
<p>In July 2014, Bergling told Rolling Stone that he had worked on 70 songs for his next album Stories,
which would include collaborations with Jon Bon Jovi, Serj Tankian of System of a Down, Chris Martin,
Wyclef Jean and Matisyahu. During his tour for True, he also performed his upcoming single "No
Pleasing a Woman" with vocals from Billie Joe Armstrong of the American rock band Green Day.
On 3 July 2015,
Bergling previewed two tracks from his album Stories on episode 37 of his LE7ELS podcast: "Broken
Arrows" featuring Zac Brown Band and "Can’t Catch Me" featuring Wyclef Jean and Matisyahu.
A couple of weeks later, on 4 August 2015, it was announced that the final singles before the release
of Stories would be "For a Better Day" featuring American singer Alex Ebert and "Pure Grinding"
featuring vocals from Kristoffer Fogelmark and Earl St. Clair.</p>
<li><strong>2016: Retirement from Touring</strong></li>
<p>On 22 December 2016, a representative of Avicii Music AB had announced that Bergling had parted ways
with long-time manager Ash Pournouri and At Night Management along with Ash's record label PRMD. The
representative also announced that Bergling had signed on to Universal Music Sweden and was expected
to release his third studio album in 2017.</p>
</p>
</ul>
</div>
<hr>
<p class="begin" id="artistry">Artistry</p>
<div class="album-img">
<img class="artistry-img" src="Images/albumcover3.jpg" alt="party goers at avicii's concert dance">
<img class="artistry-img" src="Images/albumcover1.jpg" alt="two hands embracing">
<img class="artistry-img" src="Images/albumcover2.jpg" alt="two lovers imbrace while creating art">
<img class="artistry-img" src="Images/album4.jpg" alt="lonely together album cover">
<img class="artistry-img" src="Images/waitingforlove.jpg" alt="broken arrows album cover">
<img class="artistry-img" src="Images/happiness.jpg" alt="avicii's last concert">
<img class="artistry-img" src="Images/brokenarrows.jpg" alt="broken arrows album cover">
<img class="artistry-img" src="Images/scars.jpg" alt="quote from album">
<img class="artistry-img" src="Images/stories.jpg" alt="stories album cover">
</div>
<hr>
<p class="begin" id="passing">Passing</p>
<div class="end">
<p>Bergling died on 20 April 2018 near Muscat at the age of 28. On 26 April, his family released an open
letter stating:</p>
<p class="family"><em>"Our beloved Tim was a seeker, a fragile artistic soul searching for answers to
existential questions.
An over-achieving perfectionist who travelled and worked hard at a pace that led to extreme stress.
When he stopped touring, he wanted to find a balance in life to be able to be happy and to do what he
loved most – music. He really struggled with thoughts about Meaning, Life, Happiness. He could now not
go on any longer. He wanted to find peace. Tim was not made for the business machine he found himself in;
he was a sensitive guy who loved his fans but shunned the spotlight. Tim, you will forever be loved and
sadly missed. The person you were and your music will keep your memory alive. We love you." </em>
<p class="family-style">-The Family</p>
</p>
</div>
</section>
<section class="end-bg">
<video class="end-vid" src="Videos/concert.mp4" controls autoplay></video>
</section>
<!-- User Story #7: I should see an a element with a corresponding id="tribute-link", which links to an outside site that contains additional information about the subject of the tribute page. HINT: You must give your element an attribute of target and set it to _blank in order for your link to open in a new tab (i.e. target="_blank"). -->
<footer>
<section class="bottom">
<div class="footer-note">
<p>This site is a fan tribute page in honor of Avicii. Portions of content information from
this
site can be linked to Wikipedia, Avicii's offical Facebook page, Avicii's Youtube page, and Avicii's
official site. The purpose of this site
is solely to remember Avicii for the great work he created for the world.</p>
</div>
<div class="social-menu">
<p>You can make contributions to a memorial wall at <a class="avicii-site" href="https://avicii.com/"
target="_blank">
Avicii's Official Site</a>.</p>
<p>Learn more about Avicii below:</p>
<ul>
<li><a href="https://www.facebook.com/avicii/?ref=page_internal" target="_blank"><i
class="fab fa-facebook"></i></a></li>
<li><a href="htttps://en.wikipedia.org/wiki/Avicii" target="_blank"><i class="fab fa-wikipedia-w"></i></a>
</li>
<li><a href="https://www.instagram.com/avicii/?hl=en" target="_blank"><i class="fab fa-instagram"></i></a>
</li>
<li><a href="https://www.youtube.com/channel/UCPHjpfnnGklkRBBTd0k6aHg" target="_blank">
<i class="fab fa-youtube"></i>
</a>
</li>
<li><a href="https://twitter.com/avicii?lang=en" target="_blank"><i class="fab fa-twitter"></i></a>
</li>
</ul>
</div>
</section>
</footer>
</main>
</body>
</html>