R2P2/Nutrition.html at main · ojsam77/R2P2 · 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
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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="content-type" content="text/html; 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</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>
    <!-- <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">
            </path>
          </svg></a><br>
      </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>
   <!-- <li><a href="Learn.html">Learn</a></li>
      <li><a href="Shop.html">Shop</a></li>-->
    </ul>
  </nav>
  <div id="root"></div>
  <div class="cf-features-section-2">
    <div class="cf-features-section-2-wrapper">
      <h2 class="cf-features-section-2-heading">Nutrition</h2>
    </div>
  </div>
  <div class="cf-flex-section-3">
    <div class="cf-services-main-wrapper">
      <div id="services-1" class="cf-services-page-contain">
        <div class="cf-services-left-contain">
          <h2 class="cf-services-h2-heading">Express Nutrition</h2>
          <p class="cf-services-paragraph">In just 20 minutes unlock the power of healthy living with our Express
            Nutrition session. It&#x27;s the perfect solution for the health-conscious individual short on time and
            equally ideal for curious souls looking to dip their toe into nutritional services. Dive into a valuable
            counseling experience where your pressing lifestyle questions find prompt answers, fast advice guides you on
            your nutrition journey, and access to valuable food-related information becomes instantly available. This
            concise and impactful session is designed to empower you with practical insights, making your quest for
            well-being efficient.</p>
          <a href="Nutrition.html" target="_blank"
            class="cf-call-button _24px-bold w-inline-block">
            <div class="cf-gradient-span">Learn More</div>
          </a>
        </div>
        <div class="cf-services-right-contain"><img src="src/assets/Nutrition/refreshing beverages.jpg"
            width="500"
            sizes="(max-width: 767px) 90vw, (max-width: 991px) 500px, 45vw"
            alt="" class="cf-services-image"></div>
      </div>
      <div id="services-2" class="cf-services-page-contain reverse">
        <div class="cf-services-left-contain">
          <h2 class="cf-services-h2-heading">Nutrition Counseling</h2>
          <p class="cf-services-paragraph">Unlock the path to optimal health with our Nutritional Counseling service.
            Our experienced professionals are here to guide you on a personalized journey towards well-being. Tailored
            to your unique needs and goals, our counseling sessions delve into your current dietary habits, identifying
            areas for improvement and providing you with a customized plan. Whether you&#x27;re seeking support for
            weight management, addressing specific health concerns, or simply aiming for a healthier lifestyle, our
            Nutritional Counseling is designed to empower you with the knowledge and tools for sustainable and balanced
            nutrition. Take the first step towards a healthier, more vibrant you.</p>
          <a href="Nutrition.html" target="_blank"
            class="cf-call-button _24px-bold w-inline-block">
            <div class="cf-gradient-span">Learn More</div>
          </a>
        </div>
        <div class="cf-services-right-contain"><img src="src/assets/Nutrition/fruits and veggies.jpg" loading="lazy"
            width="610" sizes="(max-width: 767px) 90vw, (max-width: 991px) 500px, 45vw" alt="Various fruits, veggies and mushrooms on top of a wooden cutting board"
            class="cf-services-image"></div>
      </div>
      <div id="services-1" class="cf-services-page-contain">
        <div class="cf-services-left-contain">
          <h2 class="cf-services-h2-heading">Meal Planning</h2>
          <p class="cf-services-paragraph">Revolutionize your approach to nutrition with our personalized Meal Planning
            service, curated by expert nutritionists. Say goodbye to mealtime stress and hello to a well-organized,
            nourishing lifestyle. Our nutritionists will craft a customized meal plan tailored to your individual needs,
            preferences, and health goals. From detailed shopping lists to simple yet delicious recipes, this service is
            designed to save you time, reduce food waste, and ensure every bite aligns with your journey to a healthier,
            more balanced life. Embrace the simplicity of nutritious eating with our Meal Planning service – where
            healthy choices become second nature</p>
          <a href="Nutrition.html" target="_blank"
            class="cf-call-button _24px-bold w-inline-block">
            <div class="cf-gradient-span">Learn More</div>
          </a>
        </div>
        <div class="cf-services-right-contain"><img src="src/assets/Nutrition/bimbap.jpg" loading="lazy"
            width="610"
            sizes="(max-width: 767px) 90vw, (max-width: 991px) 500px, 45vw"
            alt="A bowl of veggies and nuts" class="cf-services-image"></div>
      </div>
      <div id="services-2" class="cf-services-page-contain reverse">
        <div class="cf-services-left-contain">
          <h2 class="cf-services-h2-heading">Customized Cooking Class</h2>
          <p class="cf-services-paragraph">Dive into the world of plant-based nutrition with our Custom Cooking Classes.
            Led by skilled culinary experts, these classes offer hands-on guidance in selecting, preparing, and enjoying
            the richness of plant-based ingredients. Discover the art of seamlessly integrating more plant goodness into
            your daily meals. From choosing the freshest produce to crafting delicious and straightforward recipes, our
            classes inspire and empower. Join us in unlocking the secrets to embracing a plant-centric lifestyle, where
            every bite becomes a celebration of vibrant flavors and wholesome nutrition.</p>
          <a href="Nutrition.html" target="_blank"
            class="cf-call-button _24px-bold w-inline-block">
            <div class="cf-gradient-span">Learn More</div>
          </a>
        </div>
        <div class="cf-services-right-contain"><img src="src/assets/Nutrition/avocado.jpg" loading="lazy" width="610"
            sizes="(max-width: 767px) 90vw, (max-width: 991px) 500px, 45vw" alt="Avocados loaded with tomatoes, cucumbers, and feta cheese with a green garnish"
            class="cf-services-image"></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, .pic, .hero-subscribe-right').ripples({
        resolution: 512,
        dropRadius: 20,
        perturbance: 0.04
      });

      setInterval(function () {
        var $el = $('body');
        var x = Math.random() * $el.outerWidth();
        var y = Math.random() * $el.outerHeight();
        var dropRadius = 20;
        var strength = 0.04 + Math.random() * 0.04;

        $el.ripples('drop', x, y, dropRadius, strength);
      }, 400);
    });
  </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>