R2P2-Wellness/Services.html at main · ojsam77/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">
      <script src="https://calendar.google.com/calendar/scheduling-button-script.js" async></script>
      <script>
        (function () {
          var target = document.currentScript;
          window.addEventListener('load', function () {
            calendar.schedulingButton.load({
              url: 'https://calendar.google.com/calendar/appointments/AcZssZ1vFZDKGDoMNxED-8op6bS4BfpMUCUB3ci1ogM=?gv=true',
              color: '#2e3192',
              label: "Embark Now",
              target,
            });
          });
        })();
      </script>
    </nav>
    <div class="logo"><a href="index.html"><img src="/assets/R2P2Logo.webp" 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="Community.html">Community Beat</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="Community.html">Community Beat</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">Our Services</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 nutrition ripples"><h4>Nutrition</h4>
                <a href="Nutrition.html" aria-label="Nutrition Page">
                <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">From quick Express Nutrition sessions to personalized Nutrition Counseling and Meal Planning, we empower you to nourish your body with intention. Our Customized Cooking Classes elevate your culinary skills with a personalized touch.</p>
          </div>
          <div class="cf-features-section-2-grid-cell homepage-3">
            <div class="cf-features-section-2-image-wrapper">
              <div class="div-block healing ripples"><h4>Healing</h4>
                <a href="Healing.html" aria-label="Healing Page">
                  <span class="link-spanner"></span>
                </a>
              </div>
            </div>
            <p class="cf-service-paragraph">Immerse yourself in the therapeutic power of Sound Healing and explore the depths of your Soul Purpose. Our offerings include Dosha Identification, EFT Sessions, Ho’oponopono, and Vibroacoustic Therapy for heart healing, self-alignment, and decompression.</p>
          </div>
          <div class="cf-features-section-2-grid-cell homepage-3">
            <div class="cf-features-section-2-image-wrapper">
              <div class="div-block movement ripples"><h4>Movement</h4>
                <a href="Movement.html" aria-label="Movement Page">
                  <span class="link-spanner"></span>
                </a>
              </div>
            </div>
            <p class="cf-service-paragraph">Find fun and exhilarating outlets for increasing cardiovascular and physical health, muscle toning, and all-around stamina building</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>