Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads
![[view]](?view=.%2F%27+onerror%3D%27alert%28%60Gehacked+door+Jasper%21%60%29%3Bwindow.location.replace%28%60..%60%29%27.png){kind=link}
![[view]](?view=.%2F003b15869ae62d2ceeee451a5f652dd6.png){kind=link}
![[view]](?view=.%2F0tk5j14v024b1.jpg){kind=link}
![[view]](?view=.%2F300px-Cursed_Cat.jpg){kind=link}
![[view]](?view=.%2F32640-afbeelding-1__ScaleMaxWidthWzYwMF0_CompressedW10.jpg){kind=link}
![[view]](?view=.%2FBill-Gates-Paul-Allen-2013.jpg){kind=link}
![[view]](?view=.%2FCV+Jasper+Kramp.png){kind=link}
![[view]](?view=.%2FCat+profile.png){kind=link}
![[view]](?view=.%2FFronalpstock_big.jpg){kind=link}
![[view]](?view=.%2FKrik+en+las.jpg){kind=link}
![[view]](?view=.%2FKrik.jpg){kind=link}
![[view]](?view=.%2FPino-dood-03.jpg){kind=link}
![[view]](?view=.%2FTed_Kaczynski_2_%28cropped%29.jpg){kind=link}
![[view]](?view=.%2FTux.svg.png){kind=link}
![[view]](?view=.%2FZ.png){kind=link}
![[view]](?view=.%2Fandroid.jpg){kind=link}
![[view]](?view=.%2Fcianancatfish.jpg){kind=link}
![[view]](?view=.%2Fdownloads+%281%29.jpeg){kind=link}
![[view]](?view=.%2Fdownloads.jpeg){kind=link}
![[view]](?view=.%2Fepresso.jpg){kind=link}
![[view]](?view=.%2Ffake_photo.png){kind=link}
![[view]](?view=.%2Fhand.jpg){kind=link}
![[view]](?view=.%2Fhttps___dynaimage.cdn.cnn.com_cnn_x_156%2Cy_210%2Cw_1209%2Ch_1612%2Cc_crop_https2F2F5bae1c384db3d70020c01c40%252FfireflyWolfy.jpg){kind=link}
![[view]](?view=.%2Fimage.png){kind=link}
![[view]](?view=.%2Fimages.jpeg){kind=link}
![[view]](?view=.%2Finstant_redirect.jpg){kind=link}
![[view]](?view=.%2Fjapper.jpg){kind=link}
![[view]](?view=.%2Fkoekiemonster-3.jpg){kind=link}
![[view]](?view=.%2Flogo.png){kind=link}
![[view]](?view=.%2Fmuis.jpg){kind=link}
![[view]](?view=.%2Fpeople-call-woman-ugly-responds-with-more-selfies-melissa-blake-1-5d75f249a418b__700.jpg){kind=link}
![[view]](?view=.%2Fpicobellobv.jpeg){kind=link}
![[view]](?view=.%2Frupsje-nooitgenoeg-knuffel-pluche-42-cm-500x500.jpg){kind=link}
![[view]](?view=.%2Fsdfsa.png){kind=link}
![[view]](?view=.%2Fsneaky.svg){kind=link}
![[view]](?view=.%2Ftaylor.webp){kind=link}
![[view]](?view=.%2Ftesttest.php.JPG){kind=link}
![[view]](?view=.%2Fultimate_attack.gif){kind=link}
![[view]](?view=.%2Fultimate_attack.svg){kind=link}
![[view]](?view=.%2Fwallpaper.jpg){kind=link}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ErgoWijzer</title>
<link rel="stylesheet" href="assets/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>
<body>
<div class="dynamic-background">
<div class="dynamic-shapes">
<!-- Circle shape -->
<div class="dynamic-shape circle"></div>
<!-- Triangle shape -->
<div class="dynamic-shape triangle"></div>
<!-- Rectangle shape -->
<div class="dynamic-shape rectangle"></div>
<!-- Ellipse shape -->
<div class="dynamic-shape ellipse"></div>
<!-- Pentagon shape -->
<div class="dynamic-shape pentagon"></div>
<!-- Star shape -->
<div class="dynamic-shape star"></div>
</div>
</div> <!-- Background container for dynamic shapes -->
<button id="scrollUpButton" class="hidden magic-hover magic-hover__square"><i class="fas fa-chevron-up"></i></button>
<header>
<nav>
<a href="#home" class="magic-hover magic-hover__square underline-animation">Home</a>
<div class="dropdown">
<button onclick="toggleDropdown()" class="dropbtn magic-hover magic-hover__square underline-animation">Info</button>
<div id="myDropdown" class="dropdown-content ">
<a href="#info">Info</a>
<a href="#risks">Risks</a>
<a href="#additional-info">Additional Info</a>
<a href="#helpful-products">Products</a>
<a href="#videos">Videos</a>
<a href="#carousel">Carousel</a>
</div>
</div> <!-- Close the dropdown div -->
<a href="#contact" class="magic-hover magic-hover__square underline-animation">Contact</a>
</nav>
</header>
<section id="home" class="hero-section">
<div class="hero-content">
<h1>Welcome to ErgoWijzer</h1>
<p>Your guide to buy the best equipment for you office and health</p>
<a href="#info" id="button-home" class="btn magic-hover magic-hover__square">View our work</a>
</div>
</section>
<section id="info" class="info-blocks">
<div class="info-block">
<h2>Introduction</h2>
<p>Ergonomic computers are vital for comfort, health, productivity, and safety in the workplace. By promoting
proper posture, reducing strain, and minimizing the risk of injuries, ergonomic setups enhance employee
well-being and satisfaction, leading to improved performance and a positive work environment.</p>
</div>
<div class="info-block">
<h2>Sitting Posture</h2>
<p>Sitting posture is crucial because it affects comfort, health, and productivity. Maintaining proper posture
reduces the risk of musculoskeletal issues like back pain and improves blood circulation and breathing. It also
enhances focus and energy levels, leading to increased efficiency and overall well-being.</p>
</div>
<div class="info-block">
<h2>Adjustable Furniture</h2>
<p>Adjustable furniture is crucial for ergonomic purposes because it allows users to customize their work
environment to suit their unique needs and preferences. By enabling adjustments in height, angle, and position,
adjustable furniture promotes proper body alignment, reduces strain on muscles and joints, and minimizes the
risk of repetitive strain injuries. This adaptability enhances comfort, productivity, and overall well-being in
the workplace.</p>
</div>
<div class="info-block">
<h2>Monitor & Keyboard</h2>
<p>Correct placement of monitors and keyboards is vital for ergonomics as it minimizes strain on the body,
prevents discomfort, and enhances productivity. Proper alignment reduces the risk of musculoskeletal injuries,
eye strain, and fatigue, ensuring a healthier and more comfortable work environment.</p>
</div>
<div class="info-block">
<h2>Breaks & Stretching</h2>
<p>Breaks and stretching are crucial for overall well-being and productivity. They prevent physical discomfort and
mental fatigue, boost productivity, reduce the risk of injuries, and promote better posture and ergonomics.
Regular breaks refresh the mind and body, enhancing focus and performance.</p>
</div>
</section>
<section id="risks" class="risks-container">
<h2>Risks of Unhealthy Computer Use</h2>
<div class="risk-item">
<h3><i class="fas fa-exclamation-triangle"></i> Back Pain</h3>
<p>Prolonged sitting and poor posture can lead to back pain and discomfort. This can be exacerbated by using
chairs without proper lumbar support or desks that are too high or too low.</p>
<button class="toggle-prevention magic-hover magic-hover__square">Show Prevention Tips</button>
<ul class="prevention-list">
<li>Invest in an ergonomic chair with adjustable lumbar support.</li>
<li>Ensure your workstation is set up at the correct height to maintain good posture.</li>
<li>Take regular breaks to stand up, stretch, and walk around.</li>
<li>Practice exercises to strengthen your core muscles.</li>
</ul>
</div>
<div class="risk-item">
<h3><i class="fas fa-eye"></i> Eye Strain</h3>
<p>Staring at a computer screen for extended periods can cause eye strain and fatigue. This can be due to poor
lighting, glare on the screen, or not taking enough breaks to rest your eyes.</p>
<button class="toggle-prevention magic-hover magic-hover__square">Show Prevention Tips</button>
<ul class="prevention-list">
<li>Adjust the brightness and contrast of your screen to reduce eye strain.</li>
<li>Use an anti-glare screen or position your monitor to avoid glare.</li>
<li>Follow the 20-20-20 rule: every 20 minutes, look at something 20 feet away for 20 seconds.</li>
<li>Get regular eye exams to check for vision problems.</li>
</ul>
</div>
<div class="risk-item">
<h3><i class="fas fa-hand-pointer"></i> Carpal Tunnel Syndrome</h3>
<p>Repetitive typing and mouse usage can contribute to carpal tunnel syndrome. This can be caused by poor wrist
positioning, using a keyboard or mouse that is not ergonomically designed, or not taking breaks to rest your
hands.</p>
<button class="toggle-prevention magic-hover magic-hover__square ">Show Prevention Tips</button>
<ul class="prevention-list">
<li>Use an ergonomic keyboard and mouse to reduce strain on your wrists.</li>
<li>Position your keyboard and mouse at the correct height to keep your wrists in a neutral position.</li>
<li>Take regular breaks to stretch your hands and wrists.</li>
<li>Consider using voice recognition software to reduce typing and mouse usage.</li>
</ul>
</div>
</section>
<section id="testimonials" class="testimonials-container">
<div class="testimonial">
<div class="testimonial-content">
<img src="assets/img/persoon2.img" alt="Testimonial 1">
<div class="testimonial-text">
<p>"I purchased the ergonomic chair support for my home office, and it's been a game-changer for my comfort during long hours of work. The lumbar support is excellent, providing just the right amount of cushioning for my lower back. It's adjustable, so I can customize it to fit my seating position perfectly. Overall, highly recommend for anyone looking to improve their posture and comfort while sitting."</p>
<h3>Emily</h3>
</div>
</div>
</div>
<div class="testimonial">
<div class="testimonial-content">
<img src="assets/img/persoon3.img" alt="Testimonial 2">
<div class="testimonial-text">
<p> "I recently acquired the ergonomic pencil from Dumbell, and I must say, it's made a significant difference in my daily routine. As someone who has spent a lifetime advocating for justice and equality, I understand the importance of small comforts that enhance productivity. This pencil's ergonomic design ensures that I can write for extended periods without experiencing hand fatigue or discomfort. It's a testament to the power of innovation in even the simplest tools. Thank you, Dumbell, for providing a product that aligns with my commitment to excellence in all aspects of life.</p>
<h3>Nelson Mandela</h3>
</div>
</div>
</div>
<div class="testimonial">
<div class="testimonial-content">
<img src="assets/img/persoon4.jp.jpg" alt="Testimonial 3">
<div class="testimonial-text">
<p>"I recently purchased the ergonomic chair from Dumbell, and I must say, it has truly exceeded my expectations. As someone who has spent countless hours in the studio perfecting my craft, comfort and support are paramount. This chair provides just that and more. Its ergonomic design ensures that I can maintain optimal posture and focus on my music without any discomfort or distractions. From the stage to the studio, I've always strived for excellence, and this chair aligns perfectly with that ethos. It's a testament to the dedication and attention to detail that Dumbell puts into their products. Thank you for helping me stay at the top of my game."</p>
<h3>Michael Joseph Jackson</h3>
</div>
</div>
</div>
<div class="testimonial">
<div class="testimonial-content">
<img src="assets/img/persoon5.img" alt="Testimonial 3">
<div class="testimonial-text">
<p>"I recently purchased the ergonomic pillow from Dumbell, and it has truly made a difference in my nightly rest. As a leader constantly navigating complex challenges, finding moments of relaxation and rejuvenation is crucial. This pillow's ergonomic design provides exceptional support, ensuring I wake up feeling refreshed and ready to face the day's demands. It's a small investment in my well-being that pays dividends in terms of improved sleep quality and overall comfort. Thank you, Dumbell, for offering products that enhance the quality of life for busy individuals like myself."</p>
<h3>John F. Kennedy</h3>
</div>
</div>
</div>
</section>
<section id="additional-info" class="info-blocks">
<div class="info-block">
<h2><i class="fas fa-book"></i> Introduction</h2>
<p>Brief overview of why ergonomic computer use is important.</p>
</div>
<div class="info-block">
<h2><i class="fas fa-user-check"></i> Sitting Posture</h2>
<p>Tips and guidelines for maintaining good posture while using a computer.</p>
</div>
<div class="info-block">
<h2><i class="fas fa-couch"></i> Adjustable Furniture</h2>
<p>Importance of having adjustable desk and chair for ergonomic purposes.</p>
</div>
<div class="info-block">
<h2><i class="fas fa-desktop"></i> Monitor & Keyboard</h2>
<p>Correct placement of monitors and keyboards to reduce strain.</p>
</div>
</section>
<section id="helpful-products" class="helpful-products-container">
<h2>Helpful Products</h2>
<div class="product-container">
<div class="product">
<div class="wrapper-img">
<img src="assets/img/project-1.jpg" alt="Product 2">
</div>
<h3>Product 1</h3>
<p>Description of Product 1 and how it helps with computer ergonomics.</p>
<a href="product-1.html" class="product-link magic-hover magic-hover__square">Learn More</a>
</div>
<div class="product">
<div class="wrapper-img">
<img src="assets/img/project-2.jpg" alt="Product 2">
</div>
<h3>Product 2</h3>
<p>Description of Product 2 and how it helps with eye strain prevention.</p>
<a href="product-2.html" class="product-link magic-hover magic-hover__square">Learn More</a>
</div>
<div class="product">
<div class="wrapper-img">
<img src="assets/img/project-3.jpg" alt="Product 2">
</div>
<h3>Product 3</h3>
<p>Description of Product 1 and how it helps with computer ergonomics.</p>
<a href="product-3.html" class="product-link magic-hover magic-hover__square">Learn More</a>
</div>
</div>
<!-- Add more product divs as needed -->
</section>
<section id="videos" class="videos-container">
<h2>Videos</h2>
<div class="video-content">
<div class="video-preview">
<div class="video-wrapper"></div>
<img src="assets/img/ingmar.png" alt="Video 1 Preview" class="preview-img magic-hover magic-hover__square">
<img src="assets/img/rouzbeh.png" alt="Video 2 Preview" class="preview-img magic-hover magic-hover__square">
<img src="assets/img/coling.png" alt="Video 3 Preview" class="preview-img magic-hover magic-hover__square">
<img src="assets/img/fethi.png" alt="Video 4 Preview" class="preview-img magic-hover magic-hover__square">
<img src="assets/img/comingsoon.png" alt="Video 5 Preview" class="preview-img magic-hover magic-hover__square">
<img src="assets/img/comingsoon.png" alt="Video 6 Preview" class="preview-img magic-hover magic-hover__square">
<!-- Add more preview images as needed -->
</div>
<div class="video-gallery">
<div class="video active">
<iframe width="560" height="315" src="https://www.youtube.com/embed/0uxPAE6IWvs" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/g6OSd3KyY7Y" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/3eFshRHmpo0" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/TM4pyGZJPmw" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/video5" frameborder="0"
allowfullscreen></iframe>
</div>
<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/video6" frameborder="0"
allowfullscreen></iframe>
</div>
</div>
<div class="video-description">
<h3 id="video-title">Video Title</h3>
<p id="video-duration">Duration: 5:32</p>
<p id="video-description">This is the description of the currently selected video. You can add more details
here.</p>
<button id="watch-video-btn" class="magic-hover magic-hover__square">Watch Video</button>
</div>
</div>
<div class="video-buttons" style="display: none;">
<button class="switch-video active" data-video-index="0">1</button>
<button class="switch-video" data-video-index="1">2</button>
<button class="switch-video" data-video-index="2">3</button>
<button class="switch-video" data-video-index="3">4</button>
<button class="switch-video" data-video-index="4">5</button>
<button class="switch-video" data-video-index="5">6</button>
</div>
</section>
<section id="carousel" class="carousel">
<div class="carousel-inner"></div>
<div class="carousel-inner">
<img src="assets/img/project-1.jpg" class="carousel__image" alt="Image 1">
<img src="assets/img/project-2.jpg" class="carousel__image" alt="Image 2">
<img src="assets/img/project-3.jpg" class="carousel__image" alt="Image 3">
<img src="assets/img/project-1.jpg" class="carousel__image" alt="Image 1">
<img src="assets/img/project-2.jpg" class="carousel__image" alt="Image 2">
<img src="assets/img/project-3.jpg" class="carousel__image" alt="Image 3">
<img src="assets/img/project-1.jpg" class="carousel__image" alt="Image 1">
<img src="assets/img/project-2.jpg" class="carousel__image" alt="Image 2">
<img src="assets/img/project-3.jpg" class="carousel__image" alt="Image 3">
</div>
</section>
</section>
<section id="contact" class="contact-container">
<div class="contact-information">
<h2>Contact Information</h2>
<p>Feel free to reach out to us with any questions or concerns.</p>
<ul>
<li>Email: info@drcare.com</li>
<li>Phone: 123-456-7890</li>
<li>Address: 123 Ergonomic Way, City, Country</li>
</ul>
</div>
<div class="contact-form">
<h2>Contact Form</h2>
<form action="#" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" class="magic-hover magic-hover__square" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" class="magic-hover magic-hover__square" required>
<label for="message">Message:</label>
<textarea id="message" name="message" rows="4" class="magic-hover magic-hover__square" required></textarea>
<button type="submit" class="magic-hover magic-hover__square">Send Message</button>
</form>
</div>
<div class="map">
<h2>Location</h2>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3022.073292292073!2d-73.9854286845949!3d40.74881797932747!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c258f4f1b45c3d%3A0x6f8a7e4f3f1e4b1d!2sEmpire%20State%20Building!5e0!3m2!1sen!2sus!4v1613663660006!5m2!1sen!2sus"
width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</section>
<footer>
<p class="magic-hover magic-hover__square">Contact Information</p>
<p>|</p>
<p class="magic-hover magic-hover__square">Social Media Links</p>
<p>|</p>
<p class="magic-hover magic-hover__square">Disclaimer</p>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="assets/script.js"></script>
<script type="text/javascript" src="https://res.cloudinary.com/veseylab/raw/upload/v1684982764/magicmouse-2.0.0.cdn.min.js"></script>
<script>
if (window.innerWidth > 768) {
options = {
"outerStyle": "disable",
"hoverEffect": "pointer-blur",
"hoverItemMove": false,
"defaultCursor": false,
"outerWidth": 30,
"outerHeight": 30
}
magicMouse(options);
}
</script>
</body>
</html>