R2P2-Wellness/Movement.html at main · derto42/R2P2-Wellness · GitHub

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
<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/assets/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="#" class="button-primary w-button">Embark Now</a>
    </div>
  </nav>
  <div class="logo"><a href="index.html"><img src="/assets/R2P2Logo.png" alt="R2P2Logo"></a></div>
  <nav class="navbar">
    <a onclick=showSidebar() href="#" class="toggle-button" aria-label="Mobile Menu">
      <span class="bar"></span>
      <span class="bar"></span>
      <span class="bar"></span>
    </a>
    <div class="navbar-links">
      <ul>
        <li><a href="About.html">About Us</a></li>
        <li><a href="Services.html">Services</a></li>
        <li><a href="Testimonial.html">Testimonal</a></li>
        <li><a href="Schedule.html">Schedule</a></li>
        <li><a href="Learn.html">Learn</a></li>
        <li><a href="Shop.html">Shop</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="About.html">About Us</a></li>
      <li><a href="Services.html">Services</a></li>
      <li><a href="Testimonial.html">Testimonals</a></li>
      <li><a href="Schedule.html">Schedule</a></li>
      <li><a href="Learn.html">Learn</a></li>
      <li><a href="Shop.html">Shop</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="Movement.html" aria-label="Yoga">
              <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" aria-label="Pilates">
                <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="Movement.html" aria-label="Dance">
                <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>


    <script type="module" src="/src/main.jsx"></script>

    <script src="/assets/js/jquery.min.js"></script>
    <script src="/assets/js/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>