-
Notifications
You must be signed in to change notification settings - Fork 11
/
index.html
118 lines (113 loc) · 7.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300&family=Monoton&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
<title>Bootstrap Example</title>
</head>
<body>
<header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav me-auto mb-2 mb-md-0">
<li class="nav-item active">
<a class="nav-link" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Tour</a>
</li>
</ul>
<a href="" target="_blank" class=" btn btn-info">Official Store</a>
</div>
</div>
</nav>
</header>
<section class="hero">
<div class="container-fluid p-0">
<div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/pexels-suvan-chowdhury-144428.jpg" class="d-block w-100" >
<div class="carousel-caption d-none d-md-block">
<h5>First slide label</h5>
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
<p>Photo by <a href="https://www.pexels.com/@suvan-chowdhury-37305"> Suvan Chowdhury </a>from <a href="https://www.pexels.com/">Pexels</a></p>
</div>
</div>
<div class="carousel-item">
<img src="images/pexels-vishnu-r-nair-1105666.jpg" class="d-block w-100" >
<div class="carousel-caption d-none d-md-block">
<h5>Second slide label</h5>
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
<p>Photo by <a href="https://www.pexels.com/@vishnurnair">Vishnu R Nair </a> from <a href="https://www.pexels.com/">Pexels</a></p>
</div>
</div>
<div class="carousel-item">
<img src="./images/pexels-thibault-trillet-167636.jpg" class="d-block w-100" >
<div class="carousel-caption d-none d-md-block">
<h5>Third slide label</h5>
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
<p> Photo by <a herf="https://www.pexels.com/@thibault-trillet-44912">Thibault Trillet </a> from <a href="https://www.pexels.com/">Pexels</a></p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleFade" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleFade" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</a>
</div>
</div>
</section class="hero">
<main class="container mt-5">
<div class="row">
<div class="col-md-8 iframe-container" >
<iframe class="d-block w-100" src="https://www.youtube.com/embed/nVrdXUHvsF0?start=14" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<aside class="col-md-3">
<h5>2020 <br><br> <br>USA/CA<br> NO FILTER TOUR</h5>
<p>AEG Presents/Concerts West regret to announce the postponement of the Rolling Stones upcoming ‘No Filter’ tour of North America due to the ongoing global coronavirus pandemic.<br>
The Stones 15 date No Filter summer tour was due to kick off in San Diego on May 8 and end in Atlanta on July 9. For the full list of dates, cities and venues postponed see below.<br>
<br>
“WE’RE HUGELY DISAPPOINTED TO HAVE TO POSTPONE THE TOUR. WE ARE SORRY TO ALL THE FANS WHO WERE LOOKING FORWARD TO IT AS MUCH AS WE WERE, BUT THE HEALTH AND SAFETY OF EVERYONE HAS TO TAKE PRIORITY. WE WILL ALL GET THROUGH THIS TOGETHER — AND WE’LL SEE YOU VERY SOON” - MICK, KEITH, CHARLIE AND RONNIE<br>
<br>
AEG Presents / Concerts West advise ticket holders to hold onto their original tickets and await further information.<br>
<br>
Shows postponed are: San Diego, SDCCU Stadium [May 8] | Vancouver, BC Place [May 12] | Minneapolis, U.S. Bank Stadium [May 16] | Nashville, Nissan Stadium [May 20] | Austin, Circuit of The Americas [May 24] | Dallas, Cotton Bowl Stadium [May 29] | Buffalo, New Era Field [June 6] | Detroit, Ford Field [June 10] | Louisville, Cardinal Stadium [June 14] | Cleveland, FirstEnergy Stadium [June 19] | Pittsburgh, Heinz Field [June 23] | St. Louis, The Dome at America’s Center [June 27] | Charlotte, Bank of America Stadium [July 1] | Tampa, Raymond James Stadium [July 5] | Atlanta, Mercedes-Benz Stadium [July 9]</p>
</aside>
</div>
</main>
<footer>
<p>© Olena Sakhno. 2020</p>
<div class="social-links inline">
<a href="" target="_blank" class="fa fa-facebook" title="Follow on facebook"></a>
<a href="" target="_blank" class="fa fa-instagram" title="Follow on instagram"></a>
<a href="" target="_blank" class="fa fa-twitter" title="Follow on twitter"></a>
<a href="" target="_blank" class="fa fa-youtube" title="Follow on youtube"></a>
<a href="" target="_blank" class="fa fa-spotify" title="Follow on spotify"></a>
<a href="" target="_blank" class="fa fa-apple_music" title="Follow on apple_music"></a>
<a href="" target="_blank" class="fa fa-pinterest" title="Follow on pinterest"></a>
<a href="" target="_blank" class="fa fa-google_play" title="Follow on google_play"></a>
<a href="" target="_blank" class="fa fa-amazon" title="Follow on amazon"></a>
<a href="" target="_blank" class="fa fa-deezer" title="Follow on deezer"></a>
</div>
</footer>
</body>
</html>