-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·81 lines (78 loc) · 3.97 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Your description goes here">
<meta name="keywords" content="one, two, three">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Serenity Yoga</title>
<!-- external CSS link -->
<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=Roboto:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="/images/lotus.png">
</head>
<body>
<header>
<nav>
<a href="#">CLASSES</a>
<a href="#">HIRE US</a>
</nav>
<img src="/images/lotus.png" alt="Serenity Yoga">
<a href="#">SERENITY YOGA</a>
</header>
<main>
<h1>SERENITY YOGA</h1>
<P>At Serenity Yoga, we help your body and mind find balance. All of our classes improves strength, balance and flexibility. We focus on slow movements and deep breathing increase blood flow and warm up muscles, while holding a pose can build strength. Come check us out.
</P>
<a><img src="https://media2.giphy.com/media/zGDIiIvxXV9sAKeHtt/200w.webp?cid=ecf05e47tyc2johyhz9bg0w807ulvcg3znb1sdlwdktmsxuj&rid=200w.webp&ct=g" alt="yoga class"></a>
</main>
<section class="why">
<h2>WHY</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. A placeat officia culpa enim, ad exercitationem vel assumenda officiis dolore quia expedita nulla, aperiam natus ut accusantium repellendus voluptates modi velit.Lorem ipsum dolor sit amet consectetur adipisicing elit. A placeat officia culpa enim, ad exercitationem vel assumenda officiis dolore quia expedita nulla, aperiam natus ut accusantium repellendus voluptates modi velit.</p>
</section>
<section class="visit">
<section id="seeClass" >
<img src="/images/vistus.jpg">
<h3>VISIT THE STUDIO</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum eos libero veniam deleniti, facere cumque voluptatem fugit porro eaque quos rem tempora! Earum itaque illum saepe culpa a voluptate alias.Lorem ipsum dolor sit amet consectetur adipisicing elit. A placeat officia culpa enim, ad exercitationem vel assumenda officiis </p>
<a href="#">SEE CLASSES</a>
</section>
<section id= "hireUs">
<img src= "/images/usvisit.jpg">
<h3>HAVE US VISIT YOU</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum eos libero veniam deleniti, facere cumque voluptatem fugit porro eaque quos rem tempora! Earum itaque illum saepe culpa a voluptate alias.Lorem ipsum dolor sit amet consectetur adipisicing elit. A placeat officia culpa enim, ad exercitationem vel assumenda officiis </p>
<a href="#">HIRE US</a>
</section>
</section>
<section class="schedule">
<h2>GROUP CLASSES WITH SERENITY YOGA</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed exercitationem, non impedit nulla optio doloremque consequuntur tempora ipsum vitae ducimus velit a provident aut minus? Fuga aut quia maiores voluptate?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolores veniam sequi perferendis ipsum optio! </p>
<a href="#">SCHEDULE</a>
</section>
<footer>
<section class="social">
<img src="" alt="">
<h4>SITE MAP</h4>
<a href="#">Classes</a>
<a href="#">Hire Us</a>
<a href="#">Schedule</a>
</section>
<section class="location">
<h4>SERENITY YOGA</h4>
<p>50 Milk Street, Floor 17 <br>
Los Angeles, CA, 01235<br>
555-123-4567
</p>
<span>jdoe@serenityyoga.org</span>
</section>
<section class="status">
<span>© Pascale Development 2022 All rights reserved.</span>
<img src="/images/lotus.png" alt="">
</section>
</footer>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>