-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
331 lines (303 loc) · 16.9 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
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pause - The Band</title>
<link rel="shortcut icon" href="images/pause-high-resolution-logo-black-on-transparent-background.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://fonts.cdnfonts.com/css/forresta-personal-use" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Staatliches&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg fixed-top mynav">
<div class="container">
<a class="navbar-brand logo" href="#"> <img class="mylogo" src="images/pause-text-edit.png" alt="logo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto nav-text">
<li class="nav-item active left-home">
<a class="nav-link home-text" href="index.html">Home</a>
</li>
<li class="nav-item left-high">
<a class="nav-link high-text" href="#highlights-section">Highlights</a>
</li>
<li class="nav-item right-about">
<a class="nav-link about-text" href="about.html">About</a>
</li>
<li class="nav-item right-contact">
<a class="nav-link contact-text" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- front page carousel -->
<header>
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active car-1">
<div class="carousel-caption">
<h5>"The Pause You Need In Your Life"</h5>
</div>
</div>
<div class="carousel-item car-2" >
<div class="carousel-caption">
<h5>"The Pause You Need In Your Life"</h5>
</div>
</div>
<div class="carousel-item car-3">
<div class="carousel-caption">
<h5>"The Pause You Need In Your Life"</h5>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</header>
<hr>
<!-- Page Content Know the band-->
<section class="py-5" style="padding-top: 0px;">
<div>
<!-- <h3 class="ktd">Know The Band</h3> -->
<img class="mylogo1" src="images/Know-EDITED.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col container">
<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/anshuman.png" class="d-block w-100" alt="anshuman">
</div>
<div class="carousel-item">
<img src="images/chinmaye agrawal.JPG" class="d-block w-100" alt="Chinmay agrawL">
</div>
<div class="carousel-item">
<img src="images/jaidev adani.JPG" class="d-block w-100" alt="Jaidev">
</div>
<div class="carousel-item">
<img src="images/Naman Taunk.JPG" class="d-block w-100" alt="Naman">
</div>
<div class="carousel-item">
<img src="images/rachit chimnani.JPG" class="d-block w-100" alt="Rachit">
</div>
<div class="carousel-item">
<img src="images/romil hoskere.JPG" class="d-block w-100" alt="Romil">
</div>
</div>
<!-- <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button> -->
</div>
</div>
<div class="col container" id="cont">
<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<h4 class="ktb_hd">ANSHUMAAN KANNOUJE</h4>
<p class="para"> ANSHUMAAN KANNOUJE, A Session Artist Born in a musical family from Raipur and is the second generation in
his family of singer and artists.
He started learning music from his father since the age of 8. inspired by various
genres and Indian classical music has laid a core foundation for his playing.
Being An Session Artist he Have played for a Movie BGM, Web series, Short Films,
Product advertisements, And such labels as Zee music company. played for more than 250
Sessions and played for more than 400 events and still working hard for consistency in session playings.
Apart for being a Guitarist, he is a Technical person and so much concerned about his Sounds
and he always loves to make some unheard unsual sound for guitar. and looking forward for good music.
</p>
</div>
<div class="carousel-item">
<h4 class="ktb_hd">CHINMAY AGRAWAL</h4>
<p class="para"> Chinmay Agrawal, hailing from Raipur (CG) is a promising juvenile pianist & songwriter.
He has done a course in Hindustani Classical Music & has done gradings from ABRSM, as well.
Eminently gifted, he has been playing piano for more than 9 years now, being an ardent learner, throughout.
He holds his firm faith in the undefined beauty of music, irrespective of the distinctive genres it adheres to.
With the utmost zeal, he has his ears open to all sorts of music, be it Jazz, Indie Pop, Metal, Bollywood,
Hollywood, Western Classical, Anime. He loves exploring in vehemence.
While being enormously diligent towards music, working upon his versatility & other aspects,
he has been coming up with his own compositions, alongside. & At the age of 18, is all set to
embark upon his new journey with his first single - "Itne Door" holding the essence of Indie Pop in its core.</p>
</div>
<div class="carousel-item">
<h4 class="ktb_hd">JAIDEV ANANDANI</h4>
<p class="para"> Jaidev Anandani, born and brought up in Raipur, started drumming at age of 12.
Inspired by progressive metal music, he started learning musical pieces from bands such as Lamb of god, Slipknot and Polyphia.
He later diversified and adapted from various genres of music.
He recieved musical training from percussion giants such as Jai row kavi, Gino Banks, Dan Thomas and has pursued
certification courses from Trinity and Rock school of music, London.
Jaidev is a firm believer in hard-work, discipline and persistence towards his instrument, and quotes,
“it’s the practice behind closed doors that leads to greatness on stage”</p>
</div>
<div class="carousel-item">
<h4 class="ktb_hd">Naman Taunk</h4>
<p class="para"> Naman Taunk, born in a musical family from Raipur, is the third generation in
his family of flutists after his grandfather, Late Santosh Taunk, who was a legendary flutist of
Chhattisgarh, his father and Guru Shri Vivek Taunk.
He started learning flute from his father since the age of 10.
Fascinated by various genres, Indian classical music has laid a core foundation for his playing.
He is a two-time national winner in classical flute playing and has won several competitions in the town.
He likes to play pieces related to different genres like jazz, western classical, Turkish and fusion.
As a curious learner, he loves to play and execute pieces which are meant to be played on a western metal flute,
making it challenging and more interesting. Apart from being a flutist, he is a classically trained vocalist and
likes to write his own songs which he plans to release in the near future.</p>
</div>
<div class="carousel-item">
<h4 class="ktb_hd">RACHIT CHIMNANI</h4>
<p class="para">Rachit Chimnani is a Raipur - Chhattisgarh based
Singer | Song-Writer | Composer | Photographer | Director.
He started his music journey from singing random bollywood songs in his school bus.
While working on a music video project he was introduced to the world of Indie-music scene happening in india and got really fascinated about it.
Turns out he came out with his first original song 'RAASTE' and made a music video for himself.
Since then there has been no stopping to his music.
Rachit chimnani currently holds around 35K+ streams on his second single
'KHWABO KI DUNIYA'.
Rachit aims on making more music and spread different emotions through his songs.</p>
</div>
<div class="carousel-item">
<h4 class="ktb_hd">ROMIL HOSKERE</h4>
<p class="para">Romil Hoskere, Self taught vocalist from Chhattisgarh who writes, compose and sing his own originals.
He believes in listening & absorbing more music and different kind of genres , He is open to all kind of sound be it
classical,Jazz,indie pop,hiphop,Bollywood,Hollywood,metal,western classical. Romil is in a life time journey of exploring music .
Romil has released his originals with 50k+ views on YouTube and 8k+ Streams on Spotify. He is always into making new originals and
exploring new music .</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Highlights -->
<hr>
<section id="highlights-section">
<div>
<h3 class="ktd">Highlights</h3>
</div>
<div class="container">
<div class="row">
<div class="col hello" >
<div>
<img class="highs" src="images/madhur sharma.JPG" alt="e1">
</div>
<div>
<h4 class="ktb_hd">
Madhur Sharma Live Bhilai
</h4>
</div>
</div>
<div class="col hello" >
<div>
<img class="highs" src="images/mit pune.JPG" alt="e2">
</div>
<div>
<h4 class="ktb_hd">
RIDE 2022 MITWpu Pune
</h4>
</div>
</div>
<div class="col hello" >
<div>
<img class="highs" src="images/parmish verma.JPG" alt="e3">
</div>
<div>
<h4 class="ktb_hd">
Parmish Verma & RCR Live Concert
</h4>
</div>
</div>
</div>
</div>
</section>
<hr>
<section>
<div class="container">
</div>
</section>
<!-- Site footer -->
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6">
<h6>About</h6>
<p class="text-justify"> "Pause" is a Gen-Z band formed in the year 2022 and known for there indie bollywood and multi genre performances.
Pause is known for their insane set with different and improvised sounds making people
groove and hoot for it. Pause also focus on performing originals collectively by Chinmay , Romil and Rachit .
The young dynamic & promising musicians of this scene have received a lot appreciation for their
originals as well as all covers that have used modern elements of music with a powerful fusion blends.
PAUSE's rendition and has enchanted the entire crowd and engaged them to sing along with them.
Pause has been delivering energetically smooth performances to PAUSE your chaos life and enjoy music.</p>
</div>
<!-- <div class="col-xs-6 col-md-3">
<h6>Categories</h6>
<ul class="footer-links">
<li><a href="http://scanfcode.com/category/c-language/">C</a></li>
<li><a href="http://scanfcode.com/category/front-end-development/">UI Design</a></li>
<li><a href="http://scanfcode.com/category/back-end-development/">PHP</a></li>
<li><a href="http://scanfcode.com/category/java-programming-language/">Java</a></li>
<li><a href="http://scanfcode.com/category/android/">Android</a></li>
<li><a href="http://scanfcode.com/category/templates/">Templates</a></li>
</ul>
</div> -->
<div class="col-xs-6 col-md-3">
<h6>Quick Links</h6>
<ul class="footer-links">
<li><a href="about.html">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#highlights-section">Highlights</a></li>
<li><a href="index.html">Home</a></li>
</ul>
</div>
<div class="col-xs-6 col-md-3">
<ul class="footer-links">
<a href="#"> <img class="ftimg" src="images\pause-text-edit.png" alt="logo"></a>
</ul>
</div>
</div>
<hr>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-6 col-xs-12">
<p class="copyright-text">Copyright © 2017 All Rights Reserved by
<a href="#">Pause The Band</a>.
</p>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<ul class="social-icons">
<li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
<li><a class="dribbble" href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-IDwe1+LCz02ROU9k972gdyvl+AESN10+x7tBKgc9I5HFtuNz0wWnPclzo6p9vxnk" crossorigin="anonymous"></script>
</body>
</html>