sandy.html

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>GymWolf</title>
    <link rel="stylesheet" href="sandy_navbar.css" />
    <link rel="stylesheet" href="footer.css" />

    <script
      src="https://kit.fontawesome.com/24c494a6b6.js"
      crossorigin="anonymous"
    ></script>
    <!-- <link rel="shortcut icon" href="/images/favicon.png"> -->
    <link
      rel="shortcut icon"
      href="https://www.gymwolf.com/user_images/96c4d47316a77f4afa6d1c9bd2234328_.jpg"
      type="https://www.gymwolf.com/images/semi_dark.png"
    />
    <link rel="stylesheet" href="sandy.css" />
  </head>
  <body>
    <div id="nav">
      <div id="one_div">
        <a href="sandy.html"><img id="logo_gymwolf" src="https://www.gymwolf.com/img/gymwolf.png" alt=""></a>
       </div>
       <div id="two_div">
         <div><a href="progress.html">Progress</a></div>
         <div><a href="">Calculators</a></div>
         <div><a href="main.html">Exercise and plans</a></div>
         <div><a href="my_trainer.html">My personal trainer</a></div>
         <div><a href=""><i class="fa-solid fa-comments"></i></a></div>
         <div><p id="baljor">Sign In</p></div>
         <div><a href=""><i class="fa-solid fa-magnifying-glass"></i></a></div>
       </div>
       <div id="three_div"></div>
    </div>
    <div id="big">
      <div id="container">
        <div id="container_child">
          <div id="new_workout">
            <button class="button">
              <i id="icon" class="fa-solid fa-plus">&nbsp;</i> New Workout
            </button>
          </div>
          <div id="guide">
            <div>
              <h1>What Next: A Really Quick Guide.</h1>
              <div id="point">
                <ul>
                  <li>Create a new workout</li>
                  <p>Click on the "New Workout" button to add a new workout.</p>
                  <button id="btn2">
                    <i id="icon" class="fa-solid fa-plus"></i> New Workout
                  </button>
                </ul>
                <ul>
                  <li>Add your workout data</li>
                  <p>
                    It's easy - just choose the exercises and add the sets. If
                    you don't find the exercise you want, then you can add your
                    own.
                  </p>
                </ul>
              </div>
            </div>
            <h4 id="bottom_text">
              That's it! After this you can start using the graphs and share
              your workouts with your friends or trainer.
            </h4>
          </div>
        </div>

        <div id="personal_trainer">
          <div>
            <h2>Personal Trainer</h2>
            <p id="trainer_text">
              Gymwolf has certified personal trainers that provide you with
              customised workout plans depending on your goals. Our trainers
              track your progress, coach and motivate you daily through our web
              and smartphone app.
            </p>
            <button class="button">Get your trainer</button>
          </div>
        </div>
      </div>
    </div>

    <div id="bottom_container">
      <!-- <div id="rustom">
    <h3>No workouts found</h3>
  </div> -->
      <div id="bc_child1">
        <h2 id="exercise">Latest workouts</h2>
        <div id="button_div">
          <button class="button1">Followed Users</button>
          <button class="button2">All Users</button>
          <button class="button3">My Gym</button>
        </div>

        <!-- *********************************** -->

        <div class="user_data_list">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">sachin sharma</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 24,2022:Chest</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">3 hours ago</div>
        </div>
        <!-- ********** -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">ramesh singh</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 24,2022:Shoulder</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">3 hours ago</div>
        </div>
        <!-- ******* -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">kishan yadav</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 24,2022:tricep</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">4 hours ago</div>
        </div>
        <!-- ************** -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://cdn.pixabay.com/photo/2018/08/04/10/23/man-3583424_1280.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">udit narayan</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 24,2022:Legs</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">4 hours ago</div>
        </div>
        <!-- ***************** -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">rajkumar vishwakarma</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 24,2022:Chest</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">5 hours ago</div>
        </div>
        <!-- ******************* -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">nitesh shukla</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 24,2022:Chest</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">6 hours ago</div>
        </div>
        <!-- ************** -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">devika singh</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 24,2022:biceps</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">9 hours ago</div>
        </div>
        <!-- ********************* -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSktTZSsS4GU_Kw8qP-zyYN40FKCFtzE-B45wyKdoyuE9QOlik3cL67ZWqb64SgITkKJgQ&usqp=CAU"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">shreya tiwari</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 24,2022:Chest</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">12 hours ago</div>
        </div>
        <!-- ******************* -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">sonu yadav</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 24,2022:back</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">14 hours ago</div>
        </div>
        <!-- ************************ -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">ramesh pathak</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 24,2022:Chest</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">18 hours ago</div>
        </div>
        <!-- *********************** -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">ankit pawar</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 23,2022:Chest</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">yesterday</div>
        </div>
        <!-- ******************* -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">ankit thakur</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 23,2022:biceps</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">yesterday</div>
        </div>
        <!-- ********************* -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">sandy singh</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 23,2022:Triceps</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">yesterday</div>
        </div>
        <!-- **************** -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">ashish tiwari</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 23,2022:Legs</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">yesterday</div>
        </div>
        <!-- ******************** -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">ratnesh upadhaya</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 23,2022:Chest</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">yesterday</div>
        </div>
        <!-- ************** -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">abhilash chauhan</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 22,2022:Chest</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">3 days ago</div>
        </div>
        <!-- ************ -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">pooja shrivastava</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 22,2022:Shoulder</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">3 days ago</div>
        </div>
        <!-- ***************** -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">rohit sharma</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 22,2022:Chest</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">3 days ago</div>
        </div>
        <!-- ******************* -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://images.unsplash.com/photo-1570295999919-56ceb5ecca61?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxleHBsb3JlLWZlZWR8N3x8fGVufDB8fHx8&auto=format&fit=crop&w=500&q=60"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">dewald bravis</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 21,2022:Legs</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">4 days ago</div>
        </div>
        <!-- *********************** -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">mangesh pandya</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 21,2022:Chest</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">4 days ago</div>
        </div>
        <!-- ******************** -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">poonam tiwari</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 21,2022:Chest</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">4 days ago</div>
        </div>
        <!-- ************** -->
        <div class="userdata">
          <div class="user_img_div">
            <img
              class="user_img"
              src="https://www.gymwolf.com/user_images/3c247eb96edb5a2143f886a80ae4476b_.jpg"
              alt=""
            />
          </div>
          <div id="user_data">
            <h3 class="user_name">pradyuman shukla</h3>
            <div id="spa">
              <span id="span1">added a new gym workout</span>
              <span id="span2">July 21,2022:Chest</span>
            </div>
            <div id="span">
              <span id="span3">Send message</span>
              <span id="span4"> Add comment</span>
            </div>
          </div>
          <div class="time">4 days ago</div>
        </div>
      </div>
      <div id="bc_child2">
        <h2 id="exercise">Exercise List</h2>
        <div id="images_div">
          <div>
            <img
              id="image_chest"
              onclick="chest()"
              src="https://www.gymwolf.com/images/category_chest.jpg"
              alt=""
            />
            <div onclick="chest()" class="content">
              <h3 id="chest">Chest</h3>
            </div>
          </div>
          <div>
            <img
              id="image_biceps"
              onclick="biceps()"
              src="https://www.gymwolf.com/images/category_biceps.jpg"
              alt=""
            />
            <div onclick="biceps()" class="content">
              <h3 id="biceps">Biceps</h3>
            </div>
          </div>
          <div>
            <img
              id="image_triceps"
              onclick="triceps()"
              src="https://www.gymwolf.com/images/category_triceps.jpg"
              alt=""
            />
            <div onclick="triceps()" class="content">
              <h3 id="triceps">Triceps</h3>
            </div>
          </div>
          <div>
            <img
              id="image_back"
              onclick="back()"
              src="https://www.gymwolf.com/images/category_back.jpg"
              alt=""
            />
            <div onclick="back()" class="content">
              <h3 id="back">Back</h3>
            </div>
          </div>
          <div>
            <img
              id="image_shoulder"
              onclick="shoulder()"
              src="https://www.gymwolf.com/images/category_shoulder.jpg"
              alt=""
            />
            <div onclick="shoulder()" class="content">
              <h3 id="shoulder">Shoulder</h3>
            </div>
          </div>
          <div>
            <img
              id="image_leg"
              onclick="leg()"
              src="https://www.gymwolf.com/images/category_legs.jpg"
              alt=""
            />
            <div onclick="leg()" class="content">
              <h3 id="leg">Legs</h3>
            </div>
          </div>
          <div>
            <img
              id="image_abdominal"
              onclick="abdominal()"
              src="https://www.gymwolf.com/images/category_abdominal.jpg"
              alt=""
            />
            <div onclick="abdominal()" class="content">
              <h3 id="abdominal">Abdominal</h3>
            </div>
          </div>
          <div>
            <img
              id="image_combined"
              onclick="combined()"
              src="https://www.gymwolf.com/images/category_combined.jpg"
              alt=""
            />
            <div onclick="combined()" class="content">
              <h3 id="combined">Combined</h3>
            </div>
          </div>
          <div>
            <img
              id="image_cardio"
              onclick="cardio()"
              src="https://www.gymwolf.com/images/category_cardio.jpg"
              alt=""
            />
            <div onclick="cardio()" class="content">
              <h3 id="cardio">Cardio</h3>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="footer-top"><div id="footer">
      <div>
          <p class="top">ABOUT</p>
          <p class="below"><a  href="https://www.gymwolf.com/about">About us</a></p>
          <p class="below"><a  href="">Contact</a></p>
      </div>
  
      <div>
          <p class="top">LEGAL</p>
          <p class="below"><a href="https://www.gymwolf.com/tos">Terms of Service</a></p>
          <p class="below"><a  href="">Privacy</a></p>
          <p class="below"><a  href="">Pricing</a></p>
      </div>
  
      <div>
          <p class="top">Get the app</p>
          <div><a href="https://play.google.com/store/apps/details?id=com.mooncascade.gymwolf"><img id="gapp" src="https://www.rdsdelivery.com/wp-content/uploads/2016/11/get-it-on-google-play-icon-logo-e1486678715107-300x105.png.webp" alt=""></a></div>
          <div><a href="https://apps.apple.com/us/app/gymwolf/id1228119580"><img id="aapp" src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Available_on_the_App_Store_%28black%29_SVG.svg/203px-Available_on_the_App_Store_%28black%29_SVG.svg.png?20130522010834" alt=""></a> </div>
          
         
      </div>
  
      <div>
          <p class="top">SOCIAL</p>
          <img src="" alt="">
      </div>
  
      <div>
          <p class="top">LANGUAGE</p>
          <p class="below"><a  href="">Eesti keeles</a></p>
      </div>
  
  
     
      
  </div>
  <hr>
  <p class="below1">Copyright © Mooncascade OÜ. All Rights Reserved. Tel: +372 5344 5686. E-mail: info@gymwolf.com</p></div>
  </body>
</html>
<script  src="sandy.js"   ></script>

<script>
  function chest() {
    let obj = {
      body_name: document.getElementById("chest").innerText,
      image: document.getElementById("image_chest").src,
    };
    localStorage.setItem("body_name", JSON.stringify(obj));
    window.location.href = "chest.html";
  }
  function back() {
    let obj = {
      body_name: document.getElementById("back").innerText,
      image: document.getElementById("image_back").src,
    };
    localStorage.setItem("body_name", JSON.stringify(obj));
    window.location.href = "chest.html";
  }
  function leg() {
    let obj = {
      body_name: document.getElementById("leg").innerText,
      image: document.getElementById("image_leg").src,
    };
    localStorage.setItem("body_name", JSON.stringify(obj));

    window.location.href = "chest.html";
  }
  function biceps() {
    let obj = {
      body_name: document.getElementById("biceps").innerText,
      image: document.getElementById("image_biceps").src,
    };
    localStorage.setItem("body_name", JSON.stringify(obj));
    window.location.href = "chest.html";
  }
  function triceps() {
    let obj = {
      body_name: document.getElementById("triceps").innerText,
      image: document.getElementById("image_triceps").src,
    };
    localStorage.setItem("body_name", JSON.stringify(obj));
    window.location.href = "chest.html";
  }
  function abdominal() {
    let obj = {
      body_name: document.getElementById("abdominal").innerText,
      image: document.getElementById("image_abdominal").src,
    };
    localStorage.setItem("body_name", JSON.stringify(obj));
    window.location.href = "chest.html";
  }
  function cardio() {
    let obj = {
      body_name: document.getElementById("cardio").innerText,
      image: document.getElementById("image_cardio").src,
    };
    localStorage.setItem("body_name", JSON.stringify(obj));
    window.location.href = "chest.html";
  }
  function shoulder() {
    let obj = {
      body_name: document.getElementById("shoulder").innerText,
      image: document.getElementById("image_shoulder").src,
    };
    localStorage.setItem("body_name", JSON.stringify(obj));
    window.location.href = "chest.html";
  }
  function combined() {
    let obj = {
      body_name: document.getElementById("combined").innerText,
      image: document.getElementById("image_combined").src,
    };
    localStorage.setItem("body_name", JSON.stringify(obj));
    window.location.href = "chest.html";
  }
</script>