-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
195 lines (171 loc) · 5.21 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
<!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>Dolores Academy</title>
<link href="CSS/style.css" rel="stylesheet">
</head>
<body>
<header id="header-for-bg">
</header>
<!-- Navigation Bar -->
<nav id="navbar">
<div id="logo">
<a href="#home">
<img src="Pics/dolores_logo.png">
</a>
</div>
<ul id="tabs">
<li class="tab">
<a href="#home">
HOME
</a>
</li>
<li class="tab">
<a href="#about">
ABOUT
</a>
</li>
<li class="tab">
<a href="#classes-enroll">
CLASSES
</a>
</li>
<li class="tab">
<a href="#enroll">
ENROLL
</a>
</li>
</ul>
<div id="social">
<div>
<a href="#">
<img src="Pics/insta_logo.png">
</a>
</div>
<div>
<a href="#">
<img src="Pics/youtube_logo.png">
</a>
</div>
<div>
<a href="https://www.linkedin.com/in/arora-r-iya/" target="_blank">
<img src="Pics/linkedin_logo.png">
</a>
</div>
</div>
</nav>
<!-- Home Section -->
<section id="home">
<h1>
KICKSTART 2023
</h1>
<h3>
<u>Learn to Skate</u> at India's #1 Dolores Academy!
</h3>
<a href="#about">
<button>
EXPLORE
</button>
</a>
</section>
<!-- About Us Section -->
<section id="about">
<div id="about-us">
<h3>
About Dolores Academy
</h3>
<p>
We are a skating academy based in Gurugram, Haryana. We offer flexible class options for anyone and everyone who might be willing to learn to skate! You can attend classes individually from our daily schedule or enroll for a complete course. Our stellar instructors make sure that you learn efficiently, safely and in a fun way!
</p>
</div>
<div id = "locations">
<h4>
Locations
</h4>
<ul>
<li>GURUGRAM</li>
<li>DELHI</li>
<li>CHANDIGARH</li>
<li>KARNAL</li>
<li>SHIMLA</li>
</ul>
</div>
</section>
<!-- Gallery Section -->
<section id="gallery">
</section>
<section id="img1">
</section>
<section id="img2">
</section>
<!-- Classes and Enroll Section -->
<section id = "classes-enroll">
<h3>Our Classes</h3>
<span>THERE'S SOMETHING FOR EVERYONE!</span>
<div id = "class-info">
<div>
<h5>BEGINNER</h5>
<ul>
<li>Rollers and Inliners</li>
<li>Skateboarding</li>
</ul>
</div>
<div>
<h5>INTERMEDIATE</h5>
<ul>
<li>Rollers and Inliners</li>
<li>Skateboarding</li>
<li>Skatedancing</li>
</ul>
</div>
<div>
<h5>ADVANCED</h5>
<ul>
<li>Inline Roller Skating</li>
<li>Skatedancing</li>
</ul>
</div>
</div>
<hr>
<h3 id = "col">Enroll</h3>
<span>OUR TEAM WILL GET TO YOU WITHIN 48 HOURS.</span>
<form id = "enroll">
<div id="div1">
<input type="text" placeholder="Name" class="if" required>
<input type="tel" placeholder="Phone" class="if" required>
</div>
<div id = "div2">
<input type="email" placeholder="Email" class="if">
</div>
<div id = "div3">
<textarea placeholder="For us to better help you, please write your message here..." class="if"></textarea>
</div>
<input type="submit" id="submit" value="SUBMIT">
</form>
</form>
</section>
<!-- Footer -->
<footer>
<div id="footer1">
<h5>CONTACT US</h5>
<p>
Office : XXX, Pink Town House, DLF Phase-3, Gurugram-122010
<br>
Telephone : XXXXXXXX
<br>
Email : XXXXXXXXX
</p>
</div>
<div id="footer2">
<p>
Made By: Riya Arora
<br><br>
Images taken from pexels.com
</p>
</div>
</footer>
</body>
</html>