-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
224 lines (206 loc) · 11.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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Cabin:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>Avicii Tribute Page</title>
</head>
<body>
<main id="main">
<!-- Navbar -->
<nav class="navbar col">
<div class="navbar-left mr-auto">
<a class="navbar-brand bg-light" href="#">Tim</a>
</div>
<div class="navbar-right col">
<a href="#who"><span class="nav-collapse">Who was Tim?</span><span class="collapsed">Who</span></a>
<a href="#about"><span class="nav-collapse">About Tim</span><span class="collapsed">About</span></a>
<a href="#tribute-info"><span class="nav-collapse">Life and Career</span><span class="collapsed">Life</span></a>
</div>
</nav>
<!-- Heading -->
<header class='text-center'>
<h1 id="title">Tim Bergling</h1>
<h3>AN <u>EDM</u> LEGEND</h3>
</header>
<!-- Landing Image -->
<figure class='container text-center mb-2' id="img-div">
<img src="https://tattoodo-mobile-app.imgix.net/images/news_uploads/legacy/0/163285.jpg?auto=format%2Ccompress"
alt="Image of Avicii" id="image">
<figcaption class='caption' id='img-caption'>Picture of Tim Bergling</figcaption>
</figure>
<!-- About Tim? -->
<section class='container' id="who">
<div class='about'>
<div class='img-container'>
<img src="https://weraveyou.com/wp-content/uploads/2018/04/avicii.jpg" class='img-item cool-shadow'
alt="Black and White Picture of Avicii">
<p class='text-center caption'>"Live a Life you will remember"</p>
<p class='text-center dob caption'>8 September 1989 - Forever <3</p>
</div>
<div class='article'>
<h1>Who was Tim Bergling?</h1>
<p>
Tim Bergling better known by his stage name <span class='highlight'>Avicii</span> was a Swedish DJ,
remixer, record producer, musician, and songwriter who specialized in audio programming, remixing,
and record producing.
</p>
</div>
</div>
</section>
<section class="container mb-2 cool-shadow" id="about">
<h1>◢ ◤ About Tim ◢ ◤</h1>
<p>Tim's Music <span class="highlight">Inspired</span> millions of People and Artist around the world.</p>
<p>His Music gave people <span class="highlight">Hope</span>.</p>
<figure>
<img class="image"
src="https://i0.wp.com/www.electronicbackbone.com/ebb/wp-content/uploads/aviciihome.png?fit=2400%2C1350&ssl=1"
alt="Avicii Flag (Tomorrowland 2018)">
<figcation>Avicii Flag (Tomorrowland 2018)</figcation>
</figure>
<a class="highlight" href="https://avicii.com/">Read about how he impacted others on <u>Avicii.com</u></a>
</section>
<!-- About Avicii (Wiki) -->
<section class='container mb-2' id="tribute-info">
<div>
<h1 class='text-center heading'>◢ Life and Career ◤</h1>
<figure class='text-center img-div'>
<img class='image white-shadow'
src="https://tattoodo-mobile-app.imgix.net/images/news_uploads/legacy/0/163286.jpg?auto=format%2Ccompress"
alt="Image of Tim djing and smiling">
<figcaption class='caption'>Happy Tim DJing</figcaption>
</figure>
</div>
<article class='article-life responsive-text'>
<h1 class='highlight inline'>◢ ◤ 1989–2010: Early life and career</h1>
<figure class='container text-center about-info-img'>
<img src="https://www.thissongslaps.com/wp-content/uploads/2016/06/39a6f7cd-1000x600.png"
alt="Image of Tim djing and smiling" class="image">
<figcaption class='caption'>Chilhood Picture of Tim Bergling and Otto Jettman</figcaption>
</figure>
<p>
Tim Bergling was born in Stockholm on 8 September 1989. He started mixing in his bedroom at the age of
eight.
<br><br>
<a href='https://en.wikipedia.org/wiki/Avicii#1989%E2%80%932010:_Early_life_and_career'
title="Know more about Tim's Early Life">Know about Tim's Early Life</a>
</p>
</article>
<article class='article-life responsive-text'>
<h1 class='highlight inline'>◢ ◤ 2011–2013: "Levels"</h1>
<figure class='container text-center about-info-img'>
<img class='image'
src="https://m.media-amazon.com/images/M/MV5BMWY1N2NiMGQtZjliZC00ZTA1LWE0NjUtM2I5MzVjMTAyNjM0XkEyXkFqcGdeQXVyMTU3MzMwNQ@@._V1_.jpg"
alt="Image of Cover Image of Levels (Music Video)">
<figcaption class='caption'>Cover Image of Levels (Music Video)</figcaption>
</figure>
<p>
In 2011, Bergling released "Levels", which launched him into the mainstream. "Levels" reached the top
ten and went topping the charts in many countries!
<br><br>
<a href='https://en.wikipedia.org/wiki/Avicii#2011%E2%80%932013:_%22Levels%22'
title="Know more about Tim's life from 2011-2013">Know more about Tim's life from 2011-2013</a>
</p>
</article>
<article class='article-life responsive-text'>
<h1 class='highlight inline'>◢ ◤ 2013–2014: True</h1>
<figure class='container text-center about-info-img'>
<img src="https://wallpapercave.com/wp/wp2612431.jpg" alt="Image of Album Cover 'True'" class='image'>
<figcaption class='caption'>Tim's Album "True"</figcaption>
</figure>
<p>
In March 2013, Bergling announced and premiered many new tracks from his new album True. It was so good
that he ranked <span class="highlight">#3 in DJ MAG TOP 100</span> next to Hardwell, Armin Van Buuran,
David Guetta, Tiesto and many more Amazing DJs and Producers.
</p>
<figure class='container text-center about-info-img'>
<img src="https://edmofy.com/wp-content/uploads/2014/07/TOP-100-DJ-MAG-2013-11.jpg" alt="DJ Mag 2013 TOP 10"
class="image">
<figcaption class='caption'>DJ Mag 2013 TOP 10</figcaption>
</figure>
<p>On 10 November, Bergling won his first award <span class="highlight">"Best Electronic"</span> at the MTV
EMA's. On 24 November 2013 he won the American Music Award for favorite Electronic Dance Music Artist.
<br><br>
<a href='https://en.wikipedia.org/wiki/Avicii#2013%E2%80%932014:_True'
title="Know more about Tim's life from 2013-2014">Know more about Tim's life from 2013-2014</a>
</p>
</article>
<article class='article-life responsive-text'>
<h1 class='highlight inline'>◢ ◤ 2014–2015: Stories</h1>
<figure class='container text-center about-info-img'>
<img src="https://wallpapercave.com/wp/wp2612438.png" alt="Image of Album Cover 'Stories'" class='image'>
<figcaption class='caption'>Tim's Album "Stories"</figcaption>
</figure>
<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.
</p>
<figure class='container text-center about-info-img'>
<img
src="https://www.telegraph.co.uk/content/dam/music/2018/08/08/avikci_trans_NvBQzQNjv4Bq0xCxaHs0uU-ytAiMd-7XpJjU3FTkC-rJ_3WDcG3_Hko.jpg?imwidth=1400"
alt="Tim Bergling and Chris Martin (from Coldplay)" class="image">
<figcaption class='caption'>Tim Bergling and Chris Martin (from Coldplay)</figcaption>
</figure>
<p>
On 2 March 2015, Bergling performed live at Australia's Future Music Festival his upcoming single <span
class="highlight">"Heaven"</span>, a collaboration with Coldplay frontman Chris Martin on vocals.
The version with Chris Martin on vocals was finalized in 2018/2019 after Bergling's death and were
officially released on the posthumous third album "Tim".
<br><br>
<a href='https://en.wikipedia.org/wiki/Avicii#2014%E2%80%932015:_Stories'
title="Know more about Tim's life from 2014–2015">Know more about Tim's life from 2014–2015</a>
</p>
</article>
<article class='article-life responsive-text'>
<h1 class='highlight inline'>◢ ◤ 2016: Retirement from touring</h1>
<figure class='container text-center about-info-img'>
<img
src="https://mtv.mtvnimages.com/uri/mgid:ao:image:mtv.com:677060?height=729&width=1296&format=jpg&quality=.7"
alt="Image of Tim holding a Guitar" class='image'>
<figcaption class='caption'>Tim holding a Guitar</figcaption>
</figure>
<p>
On 29 March, Bergling announced on Facebook that he would be retiring from performing live and touring
in 2016.
<br><br>
<a href='https://en.wikipedia.org/wiki/Avicii#2016:_Retirement_from_touring'
title="Know more about Tim's life in 2016: Retirement from touring">Know more about Tim's life in
2016: Retirement from touring</a>
</p>
</article>
<article class='article-life responsive-text'>
<h1 class='highlight inline'>◢ ◤ 2017–2018: Avicii (01) and Avicii: True Stories</h1>
<figure class='container text-center about-info-img'>
<img src="https://www.youredm.com/wp-content/uploads/2018/10/avicii-true-stories-1280x720.png"
alt="Image of Tim's True Stories" class='image'>
<figcaption class='caption'>Avicii True Stories</figcaption>
</figure>
<p>
On 10 August 2017, Bergling released the six-track EP Avīci (01). Bergling said of the release: <span
class="highlight">I'm really excited to be back with music once again. It has been a long time since
I released anything and a long time since I was this excited over new music! My focus on this first
EP of the album was to get a mix of new and old songs: some that fans have been asking about and
waiting for mixed with brand new songs that they haven't heard before!"</span>
</p>
<p>In an interview with Pete Tong on BBC Radio 1, Bergling stated that the EP is one of three parts of his
third studio album. On 11 September 2017, Bergling announced a documentary directed by his close and
long time collaborator Levan Tsikurishvili, entitled <span class="highlight">Avicii: True
Stories</span>. The documentary chronicles the artist's retirement from touring and features
interviews from his colleagues David Guetta, Tiësto, Wyclef Jean, Nile Rodgers and Chris Martin of
Coldplay.
<br><br>
<a href='https://en.wikipedia.org/wiki/Avicii#2017%E2%80%932018:_Av%C4%ABci_(01)_and_Avicii:_True_Stories'
title="Know more about Tim's life from 2017–2018: Avīci (01) and Avicii: True Stories">Know more
about Tim's life from 2017–2018: Avīci (01) and Avicii: True Stories</a>
</p>
</article>
<h4><a class="highlight" href="https://en.wikipedia.org/wiki/Avicii" title="Click Here to know more About Avicii"
id="tribute-link" target="_blank">Click Here to know more
About Avicii on <u>wikipedia.org</u></a></h4>
</section>
</main>
</body>
</html>