-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (106 loc) · 8.7 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Avicii | True Stories | Official Movie Site</title>
<link rel="icon" href="favicon.ico?v1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="The documentary film AVICII: TRUE STORIES traces the unvarnished truth behind the success of Grammy-nominated producer, songwriter and artist Avicii (A.K.A. Tim Bergling)"
/>
<meta property="og:image" content="https://aviciitruestories.com/img/hbg2.jpg" />
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
<link rel="stylesheet" href="style/main.css?v1002">
<!-- Hi! We built this site: Anders (http://andersaberg.com) and Pontus (http://wellgraphic.com/) -->
</head>
<body class="body">
<div id="logo" data-100="opacity:1;" data-500="opacity:0; ">
<a href="http://avicii.com/" class="logolink" target="_blank"></a>
</div>
<div id="logo-white" data-300="opacity:0;" data-500="opacity:1;">
<a href="http://avicii.com/" class="logolink" target="_blank"></a>
</div>
<div id="menu">
<ul data-start="color:rgb(100,100,100); border-color:rgb(100,100,100); background: rgba(0,0,0,0.0); box-shadow: 0 0 0px rgba(0,0,0,0);"
data-500="color:rgb(255,255,255); border-color:rgb(255,255,255); background: rgba(0,0,0,0.7); box-shadow: 0 0 10px rgba(0,0,0,1);">
<li id="home-link"><a href="#start-section">HOME</a></li>
<li><a href="#trailer-section" id="">TRAILER</a></li>
<li><a href="#tickets-section" id="">TICKETS</a></li>
<li><a href="#synopsis-section" id="">SYNOPSIS</a></li>
</ul>
</div>
<div id="mobile-nav-btn" class="mobile-nav-btn dark" data-100="opacity:1;" data-500="opacity:0; "></div>
<div class="mobile-nav-btn white" data-100="opacity:0;" data-500="opacity:1; "></div>
<div id="mobile-nav">
<img src="img/close.png" class="close" alt="close menu" width="32" height="32">
<ul>
<li><a href="#trailer-section" id="">PLAY TRAILER</a></li>
<li><a href="#tickets-section" id="">TICKETS</a></li>
<li><a href="#synopsis-section" id="">SYNOPSIS</a></li>
</ul>
</div>
<!--<div id="cta"
data-start="color:rgb(255,255,255); background-color:rgb(51,51,51)"
data-500="color:rgb(100,100,100); background-color:rgb(255,255,255)">
<a href="#tickets-section" id="">GET TICKETS</a></div>-->
<div id="social">
<span>#aviciitruestories</span>
<a href="https://www.facebook.com/avicii/" target="_blank"><img src="../img/fb-black.png" /><img src="../img/fb-w.png" class="social-white" data-100="opacity:0;" data-500="opacity:1; " /></a>
<a href="https://www.instagram.com/avicii/?hl=en" target="_blank"><img src="../img/ig.png" /><img src="../img/ig-w.png" class="social-white" data-100="opacity:0;" data-500="opacity:1; "/></a>
<a href="https://twitter.com/avicii?lang=en" target="_blank"><img src="../img/twitter.png" /><img src="../img/twitter-w.png" class="social-white" data-100="opacity:0;" data-500="opacity:1; "/></a>
</div>
<!-- Slide 1 - Cloud image -->
<section id="start-section" class="fp">
<div class="bcg" data-start="opacity: 1; width: 100%; height: 100%; top: 0%; left: 0%;" data-100p="opacity: 0; width: 256%; height: 356%; top: -256%; left: -78%;"
data-anchor-target="#start-section"></div>
</section>
<div id="skrollr-body">
<section id="trailer-section" class="fp">
<div class="plaxEl" data-start="opacity: 0;" data-80p="opacity: 0;" data-100p="opacity: 1;top:0;" data-anchor-target="#start-section">
<div class="playbtn" id="playbtn" data-40p="transform:scale(0);" data-100p="transform:scale(1);"><img src="img/white-play.png" alt="play trailer" class="trailer-icon" /><span class="trailer-text">PLAY TRAILER</span></div>
<video src="t2.mp4" id="trailer" class="trailerplayer" controls controlsList="nodownload"></video>
</div>
</section>
<section id="tickets-section" class="sec2">
<a target="_blank" href="http://www.aviciitruestories.film" class="tickets-btn">Get Tickets</a>
</section>
<section id="synopsis-section" class="sec2">
<div class="synopsis">
<div class="syn-title">
<h1>AVICII: TRUE STORIES</h1>
<h2>HOW IS IT TO BE YOU? HOW IS IT TO BE AVICII?</h2>
</div>
<h3>The Unvarnished Truth</h3>
<p>Avicii: True Stories, a compelling new documentary film by Levan Tsikurishvili, will be premiering on October
26 in selected cinemas worldwide. Avicii: True Stories traces the unvarnished truth behind the success
of Grammy-nominated producer, songwriter and artist Avicii (A.K.A. Tim Bergling)– one of the world’s
highest grossing live music artists whose seemingly sudden decision last year to quit doing live shows
came as a complete chock to his fans and the industry. The film reveals the choices he faced and his
thoughts at the time.</p>
<p>The film traces the artist/DJ’s life from his beginnings, all the way to the joy of his success, from his
chart-topping global radio hits and subsequent struggles with his physical and mental health. Tsikurishvili
followed Bergling for over four years, and captured fly-on-the-wall footage of his experiences and thinking.
</p>
<p>
Featuring appearances by colleagues such as Chris Martin, Nile Rodgers, David Guetta and Wyclef Jean, Avicii: True Stories is a cautionary tale that explores the taxing nature and intensity of fame from the artist's point of view as much as it is a film for Avicii’s die-hard fans.
</p>
<p>"I wanted to do a brutally honest film about Tim as a person and not only about Avicii. Everybody knows Avicii but very few people know Tim. I think this documentary really shows Tim’s struggle and strength of character. Being a worldwide superstar artist is not as easy as it looks on Instagram”, Tsikurishvili says.</p>
<h3>About Avicii</h3>
<p>The Avicii story begins when he won a production competition held by Pete Tong in 2008. In 2011, he transformed into a titan seemingly overnight with progressive house instant classic “LE7ELS.” The year that followed saw him become the first EDM DJ to pull off a worldwide arena tour. Avicii shattered expectations of what dance music could be when he unveiled the dance-country swing of “Wake Me Up” at Ultra Music Festival Miami in 2013. The year of 2015 should have been a peak for the producer, but behind the scenes, it was too much. Stress, anxiety and illness were eating him away. He had played more than 800 shows. After an eight month break from touring, in March of 2016, Avicii played Ultra Miami again. Ten days later he announced his retirement, and on the night of August 28, 2016 in Ibiza, Tim Bergling, aka Avicii, played his last show.</p>
<h3>About Levan Tsikurishvili</h3>
<p>Stockholm-based documentary filmmaker who has also directed music videos, documentary series television, and concert films. Avicii: True Stories (2017) is Tsikurishvili’s 4th documentary feature. He has been following Tim Bergling since 2013, and on a near-daily basis over the last three years</p>
<h3>Featured Press</h3>
<div class="press">
<a target="_blank" href="http://www.rollingstone.com/music/news/avicii-documentary-true-stories-chronicles-djs-stage-retirement-w502275">Rolling Stone</a>
<a target="_blank" href="http://variety.com/2017/music/news/avicii-documentary-true-stories-director-interview-1202553567/">Variety</a>
<a target="_blank" href="http://www.billboard.com/articles/news/dance/7957947/avicii-true-stories-documentary-trailer-video">Billboard</a>
</div>
</div>
</section>
<!--<section id="credits-section" class="sec2"></section>-->
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/skrollr.min.js"></script>
<script src="js/skrollr.menu.min.js"></script>
<script src="js/app.js?v1002"></script>
</body>
</html>