-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
207 lines (168 loc) · 7.75 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
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
</head>
<body>
<main>
<!--------=========top header start here=========------>
<header>
<div class="header_left uppercase display" >
<div id="logo" class="display">
<a href="#"><figure><img src="images/illustration/logo.png" alt="nritya_logo"></figure></a>
</div>
<div class="display" style="position: relative;top: -20px;left: 10px;">
<h2>Nritya shakti</h2>
<h3>power of dance</h3>
</div>
</div>
<div class="header_right display">
<div id="social">
<ul class="display">
<li class="display" id="facebook"><a href="#"><img src="images/illustration/facebook.png" alt="facebook"></a></li>
<li class="display" id="twitter"><a href="#"><img src="images/illustration/twitter.png" alt="twitter"></a></li>
<li class="display" id="insta"><a href="#"><img src="images/illustration/insta.png" alt="instagram"></a></li>
<li class="display" id="youtube"><a href="#"><img src="images/illustration/youtube.png" alt="youtube"></a></li>
</ul>
<a href="#" id="login">Log In</a>
</div>
<nav class="uppercase">
<ul>
<li class="display"><a class="hov" id="purple" href="#">home</a></li>
<li class="display"><a class="hov" href="#">studio</a></li>
<li class="display drop_down"><a class="hov" href="#">schedule</a>
<div id="schedule_drop" style="right: 412px;">
<ul>
<li>
<a href="#">book-online</a>
</li>
</ul>
</div>
</li>
<li class="display"><a href="#">faculty</a></li>
<li class="display drop_down"><a href="#">events</a>
<div id="schedule_drop" style="right: 255px;">
<ul>
<li>
<a href="#">world dance day</a>
</li>
</ul>
</div>
</li>
<li class="display drop_down"><a href="#">training</a>
<div id="schedule_drop" style="right: 85px;text-align: right;text-transform: initial;">
<ul>
<li>
<a href="#">Dance Coaching Project</a>
</li>
<li style="margin-top: 10px;">
<a href="#">Intensive Training Program</a>
</li>
</ul>
</div>
</li>
<li class="display"><a href="#">contact</a></li>
</ul>
</nav>
</div>
<div class="both"></div>
</header>
<!--------=========top header end here=========------>
<!--------=========Slide show start here=======------>
<section style="background: black;
height: 707px;">
<div class='slider'>
<div class='slide1'></div>
<div class='slide2'></div>
<div class='slide3'></div>
</div>
</section>
<!--------=========Slide show end here=======------>
<!-----=============parallax 1 start here============------------>
<section style="height: 552px;position: relative;">
<section id="background_img" class="tamplate"></section>
<div id="h1" class="uppercase"><h1>nritya shakti</h1></div>
<div id="p1" class="uppercase"><p>welcome you to</p></div>
<div id="p2"><p>Celebrate Power of Dance</p></div>
</section>
<!-----=============parallax 1 end here============------------>
<!-----=============middle content start here============------------>
<section id="middle">
<section>
<p>Nritya Shakti is home to all dancers to explore the best in them no matter what their age and experience is. We believe in providing world class dance education which enables our students to become performers of global standards. We are offering training programs which students can customize as per their interests from 17 different dance styles. We strive to offer a positive environment for dancers to grow and have a great learning experience. </p>
</section>
</section>
<!-----=============middle content 1 end here============------------>
<!-----=============parallax video start here============------------>
<div id="c">
<video autoplay muted loop id="myVideo">
<source src="video/shakti.mp4" type="video/mp4">
</video>
</div>
<!-----=============parallax video end here============------------>
<!-----=============parallax + about studio start here============------------>
<section id="studio">
<div id="z">
<section id="z1">
<section id="background_img" class="tamplate1"></section>
</section>
<section id="studio_right">
<div id="about_studio">
<div><h3><a href="#"> NRITYA SHAKTI STUDIO</a></h3></div>
<div class="uppercase"><h4>mumbai</h4></div>
<div id="p"><p>2800 sq ft of haven for dancers with a spectacular view of the marsh lands.</br> Our Dance Academy offers a large variety of dance classes for all skill levels. Our experienced instructors are passionate about helping each dancer achieve their highest potential, while also having as much fun as possible.</p>
</div>
</div>
</section>
</div>
</section>
<!-----=============parallax + about studio end here============------------>
<!-----=============parallax + tour start here============------------>
<section id="studio" style="height: 460px;">
<div id="z" style="top: 12px;">
<section id="studio_right">
<div id="about_studio">
<div><h3 style="text-align: left;"><a href="#">NRITYA SHAKTI TOUR</a></h3></div>
<div class="uppercase"><h4 style="margin-left: 0px;">POWER OF DANCE</h4></div>
<div id="p" style="margin-left: 48px;"><p>Nritya Shakti Tour is an initiative by Shakti Mohan to share her passion, experience and expertise to the aspiring dancers and dance enthusiasts all over the world. The Nritya Shakti Team believe that education, training and exposure in the performing arts can be a transforming experience for individuals and communities.</p>
</div>
</div>
</section>
<section id="z2">
<section id="background_img" class="tamplate2"></section>
</section>
</div>
</section>
<!-----=============parallax + tour end here============------------>
<!-----=============timing section start here============------------>
<section id="opening">
<section id="time">
<p><span class="uppercase">opening hours</span></p>
<p class="day">Mon - Fri: 10:30am-9pm</p>
<p class="day">Weekends: 8:30am-6pm</p>
</section>
</section>
<!-----=============timing section end here============------------>
<!-----=============footer start here============------------>
<footer>
<section style="padding-top: 18px;">
<p><span class="uppercase">Nritya shakti</span></p>
<p class="day"><a href="#">studio@nrityashakti.com</a></p>
<p class="day">+91 9702662960/ 022 28711281</p>
<p class="day">Nritya Shakti Studio: 602, Shri Sai Corporate Park, Opp. Laxmi Nagar Industrial Estate, Bangur Nagar, Goregaon West, Mumbai, </br>Maharashtra 400104</p>
<div id="social" style="margin: 0px;">
<ul class="display">
<li class="display" id="facebook"><a href="#"><img src="images/illustration/facebook.png" alt="facebook"></a></li>
<li class="display" id="twitter"><a href="#"><img src="images/illustration/twitter.png" alt="twitter"></a></li>
<li class="display" id="insta"><a href="#"><img src="images/illustration/insta.png" alt="instagram"></a></li>
<li class="display" id="youtube"><a href="#"><img src="images/illustration/youtube.png" alt="youtube"></a></li>
</ul>
</div>
</section>
</footer>
<!-----=============footer start here============------------>
</main>
</body>
</html>