-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
158 lines (158 loc) · 7.41 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alireza Foroutan</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="stylesheet/global.css">
<link rel="stylesheet" href="stylesheet/master.css">
</head>
<body>
<main>
<figure class="my-signature">
<img src="stylesheet/img/me2.jpg" alt="">
<div>
<a href="https://linkedin.com/in/alireza-foroutan-90a893302" target="_blank"><i class="bi bi-linkedin"></i></a>
<a href="https://github.com/Alireza-foroutan" target="_blank"><i class="bi bi-github"></i></a>
<a href="https://www.instagram.com/alireza_foroutan_web/" target="_blank"><i class="bi bi-instagram"></i></a>
<a href="https://www.youtube.com/@alireza_frtn" target="_blank"><i class="bi bi-youtube"></i></a>
</div>
</figure>
<section class="top-side">
<div class="row">
<div class="row">
<span>Open : Mon – Thur : 9am to 4pm</span>
<span>1.800.123.4567</span>
<span>123, 4th Street, Avada Town</span>
</div>
<ul class="row">
<li><a href=""><i class="bi bi-facebook"></i></a></li>
<li><a href=""><i class="bi bi-twitter-x"></i></a></li>
<li><a href=""><i class="bi bi-instagram"></i></a></li>
<li><a href=""><i class="bi bi-youtube"></i></a></li>
</ul>
</div>
</section>
<!-- **************** End top-side ****************** -->
<section class="head-top">
<div class="row">
<header>
<div class="row">
<figure>
<img src="stylesheet/img/logo.svg" alt="">
</figure>
<ul class="row">
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Student Stories</a></li>
<li><a href="">Classes</a></li>
<li><a href="">News</a></li>
<li><a href="">Contact</a></li>
</ul>
<div class="row">
<a href="">Try free class</a>
<span><i class="bi bi-list"></i></span>
</div>
</div>
</header>
<section class="head-top__section">
<div class="row">
<h1>Discover The Art Of Dance</h1>
<p>Whether you prefer ballet, jazz, or hip hop , we have a class for you.</p>
<div class="row">
<a href="">
<span>View our dance classes</span>
<div class="arrow">
<i class="bi bi-arrow-right"></i>
<i class="bi bi-arrow-right"></i>
</div>
</a>
</div>
</div>
</section>
</div>
</section>
<div class="row">
<p>New salsa class starting next week – sign up now and get 10% off! Sign up now!</p>
</div>
<!-- **************** End head-top ****************** -->
<section class="gallery">
<div class="row">
<figure>
<img src="stylesheet/img/class-1.jpg" alt="">
<div>
<a href="">Hip Hop</a>
<p>A dynamic and expressive dance style</p>
<span>intermediate</span>
<a href="">View this class <i class="bi bi-arrow-right"></i></a>
</div>
</figure>
<figure>
<img src="stylesheet/img/class-2.jpg" alt="">
<div>
<a href="">Ballet</a>
<p>A graceful and elegant art form</p>
<span>Beginner</span>
<a href="">View this class <i class="bi bi-arrow-right"></i></a>
</div>
</figure>
<figure>
<img src="stylesheet/img/class-3.jpg" alt="">
<div>
<a href="">hip hop</a>
<p>Express yourself through movement</p>
<span>Beginner</span>
<a href="">View this class <i class="bi bi-arrow-right"></i></a>
</div>
</figure>
</div>
</section>
<!-- **************** End gallery ****************** -->
<section class="dance">
<div class="row">
<article>
<h2>Dance Your Way: The Inspiring Journey Of Our Studio And Our Students</h2>
<p>Avada Dance is a studio where you can learn different styles of dance, from hip hop to ballet, in a fun and supportive environment. Our instructors are experienced and friendly, and our studio is spacious and well-equipped.</p>
<a href="">View our dance classes</a>
</article>
<figure>
<img src="stylesheet/img/info-1.jpg" alt="">
</figure>
</div>
</section>
<!-- /* **************** End daunce ****************** */ -->
<section class="video">
<div class="row">
<video src="stylesheet/video/pexels-cottonbro-8208001-720p.mp4" autoplay muted loop></video>
<div class="row">
<h2>Discover The Art Of Dance</h2>
<h4>Whether you prefer ballet, jazz, or hip hop , we have a class for you.</h4>
<div class="row">
<a href="">View our dance classes</a>
</div>
</div>
</div>
</section>
<!-- /* **************** End video ****************** */ -->
<section class="community">
<div class="row">
<div class="box">
<div class="row">
<div class="row">
<h4>Join Our Dance Community</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo, rerum.</p>
<img src="stylesheet/img/signature-1.webp" alt="">
</div>
<form action="">
<input type="text" placeholder="FullName">
<input type="text" placeholder="EmailAddress">
<input type="submit" value="Subscribe to our newsletter">
</form>
</div>
</div>
</div>
</section>
</main>
</body>
</html>