-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·161 lines (153 loc) · 6.41 KB
/
index.html
File metadata and controls
executable file
·161 lines (153 loc) · 6.41 KB
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
<!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>Yoga Website</title>
<!--custom css-->
<link rel="stylesheet" href="Css/style.css">
</head>
<body>
<section class="logo container">
<a href="index.html">
<img src="image/logo.png" alt="">
</a>
</section>
<nav>
<ul class="nav container">
<li><a href="index.html">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Newbies</a></li>
<li><a href="">Classes</a></li>
<li><a href="">Products</a></li>
<li><a href="">Special Events</a></li>
<li><a href="">Contact</a></li>
</ul>
</nav>
<!--banner-1-->
<section class="banner1 container">
<div class="banner-1-body">
<h1>Make Your <span>Body Fit</span></h1>
<h1>Yoga <span>with us</span></h1>
<p>Yoga dosen't take time.It gives time</p>
</div>
<div class="banner-1-image">
<img src="image/slideshow1_img.png" alt="">
</div>
</section>
<!--banner-2-->
<section class="banner-2 container">
<div class="banner-2-image">
<img src="image/slideshow1_img_2.png" alt="">
</div>
<div class="banner-2-body">
<h1>Welcome to <span>Yoga World</span></h1>
<p>Yoga World is founded with our passion for yoga and we would love to spread that love to more and more people.</p>
<p>We do not teach only yoga, we seek to create a yoga community where we can share daliy matter, stress at work or problem in life . Yoga is the greate recipe to communicate and balance your mind and the body
</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ullam magni reprehenderit dicta praesentium. In, sunt reprehenderit? Atque suscipit cum sit assumenda porro exercitationem corporis, saepe culpa iste eveniet ipsum incidunt. Itaque
qui quos sequi placeat. Repellat id veniam laboriosam! Perspiciatis, consectetur iusto doloremque assumenda eveniet porro voluptas, dolorem nihil ipsum amet similique quae voluptatem magni impedit, odio voluptatibus quisquam. Adipisci.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam officiis ut beatae quam. Fugit alias voluptatibus, magni quis inventore doloremque eveniet tempore ea sit ipsam illum eum saepe officiis atque! Iure expedita, quia aspernatur quasi sed
repellendus. Voluptate nesciunt possimus rem sunt quam quas assumenda, asperiores nemo omnis ipsum cupiditate! Ut consequatur dolores facilis error tenetur incidunt inventore, esse provident.
</p>
</div>
</section>
<section class="our-classes container py-60">
<h1 class="section-title">
Our <span class="brand-color">Classes</span>
</h1>
<!--Our Classes-->
<div class="card-wrapper">
<div class="card">
<div class="card-img"></div>
<div class="card-body">
<h3>Yoga Novice Class</h3>
<small>relaxing, friendly beginner class</small>
<p>Monday, Tuesday, Wensday
</p>
<p>3:00 PM- 5:00 PM</p>
</div>
<div class="card-footer">
<a href="" class="btn">More Detail</a>
</div>
</div>
<div class="card">
<div class="card-img"></div>
<div class="card-body">
<h3>Yoga Novice Class</h3>
<small>relaxing, friendly beginner class</small>
<p>Monday, Tuesday, Wensday
</p>
<p>3:00 PM- 5:00 PM</p>
</div>
<div class="card-footer">
<a href="" class="btn">More Detail</a>
</div>
</div>
<div class="card">
<div class="card-img"></div>
<div class="card-body">
<h3>Yoga Novice Class</h3>
<small>relaxing, friendly beginner class</small>
<p>Monday, Tuesday, Wensday
</p>
<p>3:00 PM- 5:00 PM</p>
</div>
<div class="card-footer">
<a href="" class="btn">More Detail</a>
</div>
</div>
<div class="card">
<div class="card-img"></div>
<div class="card-body">
<h3>Yoga Novice Class</h3>
<small>relaxing, friendly beginner class</small>
<p>Monday, Tuesday, Wensday
</p>
<p>3:00 PM- 5:00 PM</p>
</div>
<div class="card-footer">
<a href="" class="btn">More Detail</a>
</div>
</div>
</div>
</section>
<!--Our Product-->
<section class="our-product container py-60">
<h1 class="section-title">
Our <span class="brand-color">Products</span>
</h1>
<div class="card-wrapper">
<div class="card">
<img src="image/product-01.png" alt="">
<p>Yoga Duffle Bag</p>
</div>
<div class="card">
<img src="image/product-02.png" alt="">
<p>Yoga Duffle Bag</p>
</div>
<div class="card">
<img src="image/product-03.png" alt="">
<p>Yoga Duffle Bag</p>
</div>
<div class="card">
<img src="image/product-04.png" alt="">
<p>Yoga Duffle Bag</p>
</div>
</div>
</section>
<!--Footer-->
<footer>
<div class="footer container">
<div class="copyright">
Copyright © 2023. Yoga World .All right reserved.
</div>
<div class="made">
Make love with by Hnin Su Wai.
</div>
</div>
</footer>
</html>