-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathMovement.html
More file actions
139 lines (130 loc) · 5.78 KB
/
Movement.html
File metadata and controls
139 lines (130 loc) · 5.78 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/R2P2.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>R2P2 Services</title>
<link type="text/css" rel="stylesheet" href="index.css">
</head>
<body class="jquery-ripples">
<nav role="navigation" class="nav-menu-wrapper-three w-clearfix w-nav-menu">
<a href="Quiz.html" class="button-primary w-button">Embark Now</a>
</nav>
<div class="logo"><a href="index.html"><img src="./src/assets/R2P2Logo.png" alt="R2P2Logo"></a></div>
<nav class="navbar">
<a onclick=showSidebar() href="#" class="toggle-button">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</a>
<div class="navbar-links">
<ul>
<li><a href="Abouts%20Us.html">About Us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Testimonial.html">Community Beat</a></li>
<li><a href="Schedule.html">Schedule</a></li>
</ul>
</div>
<ul class="sidebar">
<li onclick=hideSidebar()><a href="#"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960"
width="24" fill="#646cff">
<path
d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z" />
</svg></a></li>
<li><a href="Abouts%20Us.html">About Us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Testimonial.html">Community Beat</a></li>
<li><a href="Schedule.html">Schedule</a></li>
</ul>
</nav>
<div class="cf-features-section-2">
<div class="cf-features-section-2-wrapper">
<h2 class="cf-features-section-2-heading">Movement</h2>
<div data-w-id="38a8a1cb-53f1-cbb2-bce6-fefb83cfec07" class="w-layout-grid cf-features-section-2-grid">
<div class="cf-features-section-2-grid-cell">
<div class="cf-features-section-2-image-wrapper">
<div class="div-block yoga ripples"><h4>Yoga</h4>
<a href="Yoga.html">
<span class="link-spanner"></span>
</a>
</div>
<div class="w-dyn-list">
<div role="list" class="w-dyn-items">
<div role="listitem" class="w-dyn-item"></div>
</div>
</div>
</div>
<p class="cf-service-paragraph">Discover a variety of classes tailored to your needs, from the transformative, Classic, and physically challenging Vinyasa to the gentle Morning Practice and deeply relaxing Restorative sessions. Also learn about Yoga Philosophy and delve into the ancient texts.</p>
</div>
<div class="cf-features-section-2-grid-cell homepage-3">
<div class="cf-features-section-2-image-wrapper">
<div class="div-block pilates ripples"><h4>Pilates</h4>
<a href="Movement.html">
<span class="link-spanner"></span>
</a>
</div>
</div>
<p class="cf-service-paragraph" style="padding-left: 25%;">Coming soon...</p>
</div>
<div class="cf-features-section-2-grid-cell homepage-3">
<div class="cf-features-section-2-image-wrapper">
<div class="div-block dance ripples"><h4>Dance</h4>
<a href="Dance.html">
<span class="link-spanner"></span>
</a>
</div>
</div>
<p class="cf-service-paragraph">Come experience the freeing and toning effects of African dances that will
make you sweat and get in tune with the rhythm from your heart. Coming soon...</p>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="w-layout-grid cf-footer-grid">
<div id="w-node-_3c611f58-b696-74f0-60bd-681ce825e9c1-996e4385" class="cf-footer-column">
<p class="cf-footer-paragraph-18px heading black">Main Pages</p>
<a href="Abouts%20Us.html" class="cf-footer-link-18px black">About Us</a>
<a href="Services.html" class="cf-footer-link-18px black">Services</a>
<a href="Testimonial.html" class="cf-footer-link-18px black">Community Beat</a>
<a href="Schedule.html" class="cf-footer-link-18px black">Schedule</a>
</div>
<div id="w-node-_3c611f58-b696-74f0-60bd-681ce825e9d0-996e4385" class="cf-footer-column">
<p class="cf-footer-paragraph-18px heading black">Services Pages</p>
<a href="Nutrition.html" class="cf-footer-link-18px black">Nutrition</a>
<a href="Healing.html" class="cf-footer-link-18px black">Healing</a>
<a href="Movement.html" class="cf-footer-link-18px black">Movement</a>
</div>
<div id="w-node-_3c611f58-b696-74f0-60bd-681ce825e9db-996e4385" class="cf-footer-column">
<p class="cf-footer-paragraph-18px heading black">Movement Pages</p>
<a href="Yoga.html" class="cf-footer-link-18px black">Yoga</a>
<a href="#" class="cf-footer-link-18px black">Pilates</a>
<a href="Dance.html" class="cf-footer-link-18px black">Dance</a>
</div>
</div>
</div>
<script type="module" src="/src/main.jsx"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="jquery.ripples.js"></script>
<script>
$(document).ready(function () {
$('body').ripples({
resolution: 512,
dropRadius: 20,
perturbance: 0.04
});
});
</script>
<script>
function showSidebar() {
const sidebar = document.querySelector('.sidebar')
sidebar.style.display = 'flex'
}
function hideSidebar() {
const sidebar = document.querySelector('.sidebar')
sidebar.style.display = 'none'
}
</script>
</body>
</html>