https://mysticwander.com/

Submitted URL:
https://mysticwander.com/
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 16 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
onbeforetogglestring
documentPictureInPicturestring
onscrollendstring
gtagstring
dataLayerstring
$string
jQuerystring
google_tag_managerstring
google_tag_datastring
lastScrollYstring

Console log messages · 0 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html><head>
    <!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-16690580498">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-16690580498');
</script>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="index, follow">
    <title>mysticwander.com | Explore Fantasy Sports with mysticwander.com!</title>
    <meta property="og:title" content="mysticwander.com | Explore Fantasy Sports with mysticwander.com!"> 
    
    <meta property="og:description" content="Welcome to mysticwander.com - a platform where passion for sports and strategic thinking merge. We offer a unique opportunity to immerse.">
    <meta name="description" content="Welcome to mysticwander.com - a platform where passion for sports and strategic thinking merge. We offer a unique opportunity to immerse.">
    <link rel="stylesheet" href="/interactive_elements/web-colors/buttons.css">
    <link rel="stylesheet" href="/interactive_elements/web-colors/bootstrap.css">
    <link rel="stylesheet" href="/interactive_elements/web-colors/bootstrap-icons.css">
    <link rel="stylesheet" href="/interactive_elements/web-colors/jquery.fancybox.css">
    <link rel="stylesheet" href="/interactive_elements/web-colors/slick.css">
    <link rel="stylesheet" href="/interactive_elements/web-colors/slick-theme.css">
   <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>

    <script type="text/javascript" src="/interactive_elements/coding-routes/slick.min.js"></script>
     
    <meta property="og:image" content="/scene_66d1a8edcd47f_4661809.jpg">
    <link rel="shortcut icon" href="/logodesign.svg" type="image/x-icon">
    <link rel="stylesheet" href="/styleguide.css">

    <style>
       
    </style>

    
  </head>

  <body>
 
    <div class="header-lay" style="background-color: rgba(24, 7, 7, 0.5);">
      <div id="video-bg">
        <img src="/album/changevid.png" alt="">
      </div>
      <div class="header container--SuqDn--section">
        <div class="logo">
          <a href="/">
            <div class="logoImg"><img src="/logodesign.svg" alt=""></div>
            <div class="logoTitle"><h2>mysticwander.com</h2></div>
          </a>
        </div>
        <nav class="header-nav">
          <ul class="topmenu">
            <li>
              <a href="/">Home</a>
            </li>
            <li>
              <a href="#" class="submenu-link">Services <span class="sub"></span></a>
              <ul class="submenu">
                
                <li><a href="/immerse-yourself-in-the-world-of-fantasy-sports-with-mysticwandercom">Immerse yourself in the World of Fantasy Sports with mysticwander.com</a></li>
                 
                <li><a href="/build-winning-fantasy-team-on-mysticwandercom">Build a winning fantasy team on mysticwander.com!</a></li>
                 
                <li><a href="/improve-your-fantasy-sports-skills-with-mysticwandercom">Improve your fantasy sports skills with mysticwander.com!</a></li>
                 
                <li><a href="/transform-your-game-with-mysticwandercom-personalized-recommendations-to-win">Transform Your Game With mysticwander.com: Personalized Recommendations to Win</a></li>
                
              </ul>
            </li>
            <li><a href="/about-company">About Company</a></li>

            <li><a href="/get-in-touch">Contact</a></li>
          </ul>
        </nav>
        <nav class="hamburger-menu">
          <input id="menu__toggle" type="checkbox">
          <label class="menu__btn" for="menu__toggle">
            <span></span>
          </label>
          <div class="menu__box">
            <li><a class="menu__item" href="/">Home</a></li>
            <li><a class="menu__item" href="#" id="submenu-toggle">Services</a></li>
            <ul id="submenu" class="submenu__item">
              
              <li><a class="submenu__link" href="/immerse-yourself-in-the-world-of-fantasy-sports-with-mysticwandercom">Immerse yourself in the World of Fantasy Sports with mysticwander.com</a></li>
               
              <li><a class="submenu__link" href="/build-winning-fantasy-team-on-mysticwandercom">Build a winning fantasy team on mysticwander.com!</a></li>
               
              <li><a class="submenu__link" href="/improve-your-fantasy-sports-skills-with-mysticwandercom">Improve your fantasy sports skills with mysticwander.com!</a></li>
               
              <li><a class="submenu__link" href="/transform-your-game-with-mysticwandercom-personalized-recommendations-to-win">Transform Your Game With mysticwander.com: Personalized Recommendations to Win</a></li>
              
            </ul>
            <li><a class="menu__item" href="/about-company">About Company</a></li>
            <li><a class="menu__item" href="/get-in-touch">Contact</a></li>
          </div>
        </nav>
      </div>
      <div class="container container-header-cont">
        <div class="header-content">
          <div class="header-text">
            <h1>Welcome to MysticWander.com, your ultimate fantasy sports platform! Dive into thrilling fantasy football, basketball, hockey, and tennis experiences. Create your fantasy team and compete with players around the world for the top spot! Join us now and let your sports dreams come to life.</h1>
            <p>— Looking for an engaging and fun fantasy sports experience. —</p>
            
          </div>
        </div>
      </div>
    </div>

    <script>
    
   $('.header-lay').css('background-color', '#18070780');
    </script>


    <script>
      const submenuToggle = document.getElementById('submenu-toggle');
      const submenu = document.getElementById('submenu');

      submenuToggle.addEventListener('click', (event) => {
        event.preventDefault();

        submenuToggle.classList.toggle('active');

        if (submenuToggle.classList.contains('active')) {
          submenu.style.maxHeight = submenu.scrollHeight + 'px';
        } else {
          submenu.style.maxHeight = '0';
        }
      });

      window.addEventListener('click', (event) => {
        if (!submenu.contains(event.target) && event.target !== submenuToggle) {
          submenu.style.maxHeight = '0';
          submenuToggle.classList.remove('active');
        }
      });
    </script>

    <script>
      var lastScrollY = 0;
      var ticking = false;
      var header = document.querySelector('.header');

      function updateHeader() {
        if (window.scrollY > lastScrollY) {
          header.classList.add('fixed-header');
        } else {
          header.classList.remove('fixed-header');
        }
        lastScrollY = window.scrollY;
        ticking = false;
      }

      window.addEventListener('scroll', function () {
        if (!ticking) {
          window.requestAnimationFrame(updateHeader);
          ticking = true;
        }
      });
    </script>

    <script>
      var header = document.querySelector('.header');
      var headerHeight = header.clientHeight;

      function updateHeader() {
        if (window.scrollY >= headerHeight) {
          header.classList.add('fixed-header');
        } else {
          header.classList.remove('fixed-header');
        }
      }

      window.addEventListener('scroll', updateHeader);
    </script>

    

    <div class="flex-style">
      <div class="container">
        <div class="article">
          <h2 class="titleArt">— Explore Fantasy Sports with mysticwander.com! —</h2>
          <div class="article-box">
            <img class="picture-article-img" src="/scene_66d1a8edcd47f_4661809.jpg" alt="Explore Fantasy Sports with mysticwander.com!">
            <div class="art-content"><p><strong>Welcome to mysticwander.com - a platform where passion for sports and strategic thinking merge. </strong></p>
<p>We offer a unique opportunity to immerse yourself in the exciting world of fantasy sports, where every match, every point and every goal can bring you victory. Whether you follow football, basketball, hockey or tennis, we have everything to make your game more fun!</p>
<p><strong>Why mysticwander.com?</strong></p>
<p><strong>Intuitive interface</strong></p>
<p>Our user-friendly and intuitive app makes it easy for you to create, manage, and monitor real-time teams.</p>
<p><strong>Wide range of sports</strong></p>
<p>Football, basketball, hockey and tennis - choose your favorite sport and immerse yourself in a fantasy league to test your skills and strategic thinking.</p>
<p><strong>Various tournaments and leagues</strong></p>
<p>Participate in various tournaments and leagues, from local to international, and compete against players from all over the world.</p>
<p><strong>Analytics and statistics</strong></p>
<p>Get access to granular statistics and analytics to help you make informed decisions and improve your strategy.</p>
<p><strong>Easy team management</strong></p>
<p>Easily select players, follow their performances, and make changes to your team at any time.</p>
<p><strong>Start the Game with mysticwander.com!</strong></p>
<ol>
<li>Sign up - Create your mysticwander.com account and start your journey in the world of fantasy sports.</li>
<li>Build a team - Choose your favorites and build your dream team.</li>
<li>Participate in Leagues - Join leagues and tournaments to test your skills.</li>
<li>Win - Follow your team's progress and enjoy your victories.</li>
</ol>
<p><strong>Join us today!</strong></p>
<p>Don't miss the chance to be part of the exciting world of fantasy sports. Register for mysticwander.com and start your journey to the heights of sportsmanship!</p>
<p><strong>mysticwander.com is your guide to the world of fantasy sports.</strong></p></div>
             
          </div>
        </div>
      </div>

      <div class="container">
        <div class="about-us wrapper__ieKOe__class" id="about">
          <div class="about-us-img">
            <div class="about-us-img-box">
              <img src="/album/pictures_gallery_66d1a90065e617.56847208.jpg" alt="">
              <img src="/album/photos_gallery_66d1a90267fda3.35865552.jpg" alt="">
            </div>
            <img class="about-us-img-last" src="/album/figures_gallery_66d1a90428fb40.19039020.jpg" alt="">
          </div>
          <div class="about-us-content">
            <div class="about-us-title">
              <div>About us —</div>
              <h3>A few explanations of your presence on our website:</h3>
              <p>Our sports club is more than just a gym, it's a community. We bring together people from all walks of life to help them achieve their fitness goals in a supportive and inclusive environment. Whether you're looking for a workout buddy, a source of motivation, or just a place to meet new friends, you'll find it here. So join us and discover the power of a healthier and happier life.</p>
            </div>
            <div class="about-us-tegs">
              <p>Want to compete with sports fans from around the world.</p>
              <p>Passionate about football, basketball, hockey, or tennis.</p>
            </div>
          </div>
        </div>
      </div>
    </div>

    
    <div class="container">
      <div class="our-service" id="serv-our">
        <div class="our-service-podTitle">— Our Services —</div>
        <h2>Join our fitness club where health becomes a priority. We provide a wide range of services to achieve your goals.</h2>
        <div class="our-service-box">
          
          <div class="our-card">
            <div class="our-card-icon"><i class="bi bi-display"></i></div>
            <div class="our-card-content">
              <h3><a href="/immerse-yourself-in-the-world-of-fantasy-sports-with-mysticwandercom">Immerse yourself in the World of Fantasy Sports with mysticwander.com</a></h3>
              <p>Discover the world of fantasy sports with mysticwander.com!
We offer a unique platform for creating and managing your own fantasy leagues and participating in exciting tournaments in the most popular sports. Whether you are a fan of football, basketball, hockey or tennis, we have something to...</p>
              <a href="/immerse-yourself-in-the-world-of-fantasy-sports-with-mysticwandercom">Read More</a>
            </div>
          </div>
           
          <div class="our-card">
            <div class="our-card-icon"><i class="bi bi-wifi"></i></div>
            <div class="our-card-content">
              <h3><a href="/build-winning-fantasy-team-on-mysticwandercom">Build a winning fantasy team on mysticwander.com!</a></h3>
              <p>Create your perfect team and lead it to victory!
At mysticwander.com, we provide you with all the tools to create and manage fantasy teams that will help you become a master of strategy and tactics.
Our services:
Creating a team:

Easily select the best players and create your perfect...</p>
              <a href="/build-winning-fantasy-team-on-mysticwandercom">Read More</a>
            </div>
          </div>
           
          <div class="our-card">
            <div class="our-card-icon"><i class="bi bi-cpu"></i></div>
            <div class="our-card-content">
              <h3><a href="/improve-your-fantasy-sports-skills-with-mysticwandercom">Improve your fantasy sports skills with mysticwander.com!</a></h3>
              <p>Discover the world of fantasy sports with our unique platform!
At mysticwander.com, we offer you powerful tools to reach new heights in the world of fantasy sports.
Services
Analytics &amp; Statistics
Get access to detailed analytics and statistics to help you make informed decisions and improve...</p>
              <a href="/improve-your-fantasy-sports-skills-with-mysticwandercom">Read More</a>
            </div>
          </div>
           
          <div class="our-card">
            <div class="our-card-icon"><i class="bi bi-laptop"></i></div>
            <div class="our-card-content">
              <h3><a href="/transform-your-game-with-mysticwandercom-personalized-recommendations-to-win">Transform Your Game With mysticwander.com: Personalized Recommendations to Win</a></h3>
              <p>Discover the world of fantasy sports with mysticwander.com
In the world of fantasy sports, every decision matters. How to stand out among rivals and reach the pinnacle of success? The answer is simple - use the help of mysticwander.com!
Our Services
Personalized recommendations
We have the...</p>
              <a href="/transform-your-game-with-mysticwandercom-personalized-recommendations-to-win">Read More</a>
            </div>
          </div>
          
        </div>
      </div>
    </div>
      

    <div class="flex-style">
      
      <div class="container">
        <div class="team">
          <h2>— Our People —</h2>
          <div class="team-box">
            <div class="team-card">
              <div class="team-img"><img src="/avatar/avatar-w-QsU6-0.jpg" alt=""></div>
              <div class="team-content">
                <h3>Mary Johnson</h3>
                <p>Fantasy Sports Analyst</p>
              </div>
            </div>
            <div class="team-card">
              <div class="team-img"><img src="/avatar/profile_avatar-oO3E-0.jpg" alt=""></div>
              <div class="team-content">
                <h3>James Anderson</h3>
                <p>User Experience Designer</p>
              </div>
            </div>
            <div class="team-card">
              <div class="team-img"><img src="/avatar/avatar-w-QsU6-1.jpg" alt=""></div>
              <div class="team-content">
                <h3>Patricia Miller</h3>
                <p>Software Engineer</p>
              </div>
            </div>
            <div class="team-card">
              <div class="team-img"><img src="/avatar/profile_avatar-oO3E-1.jpg" alt=""></div>
              <div class="team-content">
                <h3>John Smith</h3>
                <p>Customer Support Specialist</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      
      <div class="partners">
        <div class="partners-img slick-initialized slick-slider">
          
          
          
          
          
          
          
          
        <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 6714px; transform: translate3d(-1492px, 0px, 0px);"><div class="slick-slide slick-cloned" style="width: 373px;" data-slick-index="-2" id="" aria-hidden="true" tabindex="-1"><img src="/images/6_part.png" alt=""></div><div class="slick-slide slick-cloned" style="width: 373px;" data-slick-index="-1" id="" aria-hidden="true" tabindex="-1"><img src="/images/7_part.png" alt=""></div><div class="slick-slide" style="width: 373px;" data-slick-index="0" aria-hidden="true" tabindex="-1"><img src="/images/0_part.png" alt=""></div><div class="slick-slide" style="width: 373px;" data-slick-index="1" aria-hidden="true" tabindex="-1"><img src="/images/1_part.png" alt=""></div><div class="slick-slide slick-current slick-active" style="width: 373px;" data-slick-index="2" aria-hidden="false" tabindex="0"><img src="/images/2_part.png" alt=""></div><div class="slick-slide slick-active" style="width: 373px;" data-slick-index="3" aria-hidden="false" tabindex="0"><img src="/images/3_part.png" alt=""></div><div class="slick-slide" style="width: 373px;" data-slick-index="4" aria-hidden="true" tabindex="-1"><img src="/images/4_part.png" alt=""></div><div class="slick-slide" style="width: 373px;" data-slick-index="5" aria-hidden="true" tabindex="-1"><img src="/images/5_part.png" alt=""></div><div class="slick-slide" style="width: 373px;" data-slick-index="6" aria-hidden="true" tabindex="-1"><img src="/images/6_part.png" alt=""></div><div class="slick-slide" style="width: 373px;" data-slick-index="7" aria-hidden="true" tabindex="-1"><img src="/images/7_part.png" alt=""></div><div class="slick-slide slick-cloned" style="width: 373px;" data-slick-index="8" id="" aria-hidden="true" tabindex="-1"><img src="/images/0_part.png" alt=""></div><div class="slick-slide slick-cloned" style="width: 373px;" data-slick-index="9" id="" aria-hidden="true" tabindex="-1"><img src="/images/1_part.png" alt=""></div><div class="slick-slide slick-cloned" style="width: 373px;" data-slick-index="10" id="" aria-hidden="true" tabindex="-1"><img src="/images/2_part.png" alt=""></div><div class="slick-slide slick-cloned" style="width: 373px;" data-slick-index="11" id="" aria-hidden="true" tabindex="-1"><img src="/images/3_part.png" alt=""></div><div class="slick-slide slick-cloned" style="width: 373px;" data-slick-index="12" id="" aria-hidden="true" tabindex="-1"><img src="/images/4_part.png" alt=""></div><div class="slick-slide slick-cloned" style="width: 373px;" data-slick-index="13" id="" aria-hidden="true" tabindex="-1"><img src="/images/5_part.png" alt=""></div><div class="slick-slide slick-cloned" style="width: 373px;" data-slick-index="14" id="" aria-hidden="true" tabindex="-1"><img src="/images/6_part.png" alt=""></div><div class="slick-slide slick-cloned" style="width: 373px;" data-slick-index="15" id="" aria-hidden="true" tabindex="-1"><img src="/images/7_part.png" alt=""></div></div></div></div>
      </div>
    </div>

    <div class="pricing-plan">
      <div class="container">
        <h2 style="margin-bottom: 27px;
          text-align: center;
          text-transform: uppercase;
          letter-spacing: 2px;
          font-weight: bold;
          color: #864000;">— Our Rates —</h2>
        <div class="tab-content">
          <div class="tab-pane">
            <div class="row">
              <div class="col">
                <div class="card pricing-card">
                  <div class="card-header">
                    <h5 class="pricing-plan-title">Bronze Tariff</h5>
                  </div>
                  <div class="card-body">
                    <ul class="pricing-plan-features">
                    <li>Access to basic game modes</li>
                    <li>Standard league participation</li>
                    <li>View basic statistics</li>
                    <li>Team customization options</li>
                    </ul>
                    <a href="#forms" class="button-3">Choose</a>
                  </div>
                </div>
              </div>
              <div class="col">
                <div class="card pricing-card">
                  <div class="card-header">
                    <h5 class="pricing-plan-title">Silver Tariff</h5>
                  </div>
                  <div class="card-body">
                    <ul class="pricing-plan-features">
                    <li>All features of the basic plan</li>
                    <li>Advanced league participation</li>
                    <li>Access to in-depth statistics</li>
                    <li>Real-time updates and news</li>
                    <li>Multiple team management</li>
                    <li>Priority customer support</li>
                    </ul>
                    <a href="#forms" class="button-3">Choose</a>
                  </div>
                </div>
              </div>
              <div class="col">
                <div class="card pricing-card">
                  <div class="card-header">
                    <h5 class="pricing-plan-title">Gold Tariff</h5>
                  </div>
                  <div class="card-body">
                    <ul class="pricing-plan-features">
                    <li>All features of the advanced plan</li>
                    <li>Premium league access</li>
                    <li>Dedicated account manager</li>
                    <li>Early access to new features</li>
                    <li>Extra team slots</li>
                    <li>Customizable player alerts</li>
                    <li>Performance tracking tools</li>
                    </ul>
                    <a href="#forms" class="button-3">Choose</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

     
    <div class="gallery">
      <a data-fancybox="gallery" href="/album/figures_gallery_66d1a905bed9e4.26128180.jpg">
        <img src="/album/figures_gallery_66d1a905bed9e4.26128180.jpg" alt="">
        <i class="bi bi-zoom-in zoom-icon"></i>
      </a>
      <a data-fancybox="gallery" href="/album/renders_gallery_66d1a90794dce6.25035710.jpg">
        <img src="/album/renders_gallery_66d1a90794dce6.25035710.jpg" alt="">
        <i class="bi bi-zoom-in zoom-icon"></i>
      </a>
      <a data-fancybox="gallery" href="/album/graphics_gallery_66d1a908809786.47628122.jpg">
        <img src="/album/graphics_gallery_66d1a908809786.47628122.jpg" alt="">
        <i class="bi bi-zoom-in zoom-icon"></i>
      </a>
      <a data-fancybox="gallery" href="/album/photos_gallery_66d1a90a225545.17759558.jpg">
        <img src="/album/photos_gallery_66d1a90a225545.17759558.jpg" alt="">
        <i class="bi bi-zoom-in zoom-icon"></i>
      </a>
    </div>
    
  
    <div class="container">
      <div class="comm">
        <h2>— Comments —</h2>
        <div class="comm-box slick-initialized slick-slider">
          
          
          
          
        <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 3480px; transform: translate3d(-1044px, 0px, 0px);"><div class="slick-slide slick-cloned" style="width: 348px;" data-slick-index="-2" id="" aria-hidden="true" tabindex="-1">
            <div class="comm-card container--DIzR7--section">
              <div class="comm-card-content">
                <img src="/avatar/avatar-w-QsU6-3.jpg" alt="">
                <div class="comm-card-text">
                  <h3>Linda Garcia</h3>
                  <ul class="comm-star">
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-half"></i></li>
                  </ul>
                </div>
              </div>
              <p>The thrill of participating in fantasy leagues is unmatched!</p>
            </div>
          </div><div class="slick-slide slick-cloned" style="width: 348px;" data-slick-index="-1" id="" aria-hidden="true" tabindex="-1">
            <div class="comm-card">
              <div class="comm-card-content">
                <img src="/avatar/profile_avatar-oO3E-3.jpg" alt="">
                <div class="comm-card-text">
                  <h3>Michael Brown</h3>
                  <ul class="comm-star">
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                  </ul>
                </div>
              </div>
              <p>The competition is fierce and the community is amazing. Highly recommend!</p>
            </div>
          </div><div class="slick-slide" style="width: 348px;" data-slick-index="0" aria-hidden="true" tabindex="-1">
            <div class="comm-card">
              <div class="comm-card-content">
                <img src="/avatar/avatar-w-QsU6-2.jpg" alt="">
                <div class="comm-card-text">
                  <h3>Jennifer Davis</h3>
                  <ul class="comm-star">
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star"></i></li>
                  </ul>
                </div>
              </div>
              <p>As a fan of multiple sports, MysticWander.com is perfect for me!</p>
            </div>
          </div><div class="slick-slide slick-current slick-active" style="width: 348px;" data-slick-index="1" aria-hidden="false" tabindex="0">
            <div class="comm-card">
              <div class="comm-card-content">
                <img src="/avatar/profile_avatar-oO3E-2.jpg" alt="">
                <div class="comm-card-text">
                  <h3>Robert Johnson</h3>
                  <ul class="comm-star">
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                  </ul>
                </div>
              </div>
              <p>MysticWander.com is by far the best fantasy sports platform I've used!</p>
            </div>
          </div><div class="slick-slide slick-active" style="width: 348px;" data-slick-index="2" aria-hidden="false" tabindex="0">
            <div class="comm-card container--DIzR7--section">
              <div class="comm-card-content">
                <img src="/avatar/avatar-w-QsU6-3.jpg" alt="">
                <div class="comm-card-text">
                  <h3>Linda Garcia</h3>
                  <ul class="comm-star">
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-half"></i></li>
                  </ul>
                </div>
              </div>
              <p>The thrill of participating in fantasy leagues is unmatched!</p>
            </div>
          </div><div class="slick-slide" style="width: 348px;" data-slick-index="3" aria-hidden="true" tabindex="-1">
            <div class="comm-card">
              <div class="comm-card-content">
                <img src="/avatar/profile_avatar-oO3E-3.jpg" alt="">
                <div class="comm-card-text">
                  <h3>Michael Brown</h3>
                  <ul class="comm-star">
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                  </ul>
                </div>
              </div>
              <p>The competition is fierce and the community is amazing. Highly recommend!</p>
            </div>
          </div><div class="slick-slide slick-cloned" style="width: 348px;" data-slick-index="4" id="" aria-hidden="true" tabindex="-1">
            <div class="comm-card">
              <div class="comm-card-content">
                <img src="/avatar/avatar-w-QsU6-2.jpg" alt="">
                <div class="comm-card-text">
                  <h3>Jennifer Davis</h3>
                  <ul class="comm-star">
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star"></i></li>
                  </ul>
                </div>
              </div>
              <p>As a fan of multiple sports, MysticWander.com is perfect for me!</p>
            </div>
          </div><div class="slick-slide slick-cloned" style="width: 348px;" data-slick-index="5" id="" aria-hidden="true" tabindex="-1">
            <div class="comm-card">
              <div class="comm-card-content">
                <img src="/avatar/profile_avatar-oO3E-2.jpg" alt="">
                <div class="comm-card-text">
                  <h3>Robert Johnson</h3>
                  <ul class="comm-star">
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                  </ul>
                </div>
              </div>
              <p>MysticWander.com is by far the best fantasy sports platform I've used!</p>
            </div>
          </div><div class="slick-slide slick-cloned" style="width: 348px;" data-slick-index="6" id="" aria-hidden="true" tabindex="-1">
            <div class="comm-card container--DIzR7--section">
              <div class="comm-card-content">
                <img src="/avatar/avatar-w-QsU6-3.jpg" alt="">
                <div class="comm-card-text">
                  <h3>Linda Garcia</h3>
                  <ul class="comm-star">
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-half"></i></li>
                  </ul>
                </div>
              </div>
              <p>The thrill of participating in fantasy leagues is unmatched!</p>
            </div>
          </div><div class="slick-slide slick-cloned" style="width: 348px;" data-slick-index="7" id="" aria-hidden="true" tabindex="-1">
            <div class="comm-card">
              <div class="comm-card-content">
                <img src="/avatar/profile_avatar-oO3E-3.jpg" alt="">
                <div class="comm-card-text">
                  <h3>Michael Brown</h3>
                  <ul class="comm-star">
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                    <li><i class="bi bi-star-fill"></i></li>
                  </ul>
                </div>
              </div>
              <p>The competition is fierce and the community is amazing. Highly recommend!</p>
            </div>
          </div></div></div></div>
      </div>
    </div>
    

    <div class="container">
      
      <form class="osn-form" action="thank-note" method="post" id="forms">
        <div class="title-container">
          <h3 class="titleStay">Write to us</h3>
        </div>
        <div class="input-container"><input class="input-d77283308" type="text" name="name-SO30YSwz" placeholder="Enter your name" required=""><input name="email-SO30YSwz" class="input-d77283308" type="email" placeholder="Email Address" required=""></div>
        <div class="form-check">
          <input class="form-check-input" type="checkbox" id="checkbox" required="">
          <label class="form-check-label" for="checkbox">I accept <a href="/user-privacy" class="check">Privacy policy</a></label>
        </div>
        <button class="submit-form button-3">Specialist consultation</button>
      </form>
      
    </div>

    <script>
      $(document).ready(function () {
        $('.our-articles-box').slick({
          slidesToShow: 3,
          slidesToScroll: 1,
          autoplay: true,
          autoplaySpeed: 4000,

          arrows: false,
          responsive: [
            {
              breakpoint: 991,
              settings: {
                slidesToShow: 2,
              },
            },
            {
              breakpoint: 767,
              settings: {
                slidesToShow: 1,
              },
            },
          ],
        });
      });
    </script>

    <script>
      $(document).ready(function () {
        $('.comm-box').slick({
          slidesToShow: 2,
          slidesToScroll: 1,
          autoplay: true,
          autoplaySpeed: 3000,

          arrows: false,
          responsive: [
            {
              breakpoint: 991,
              settings: {
                slidesToShow: 2,
              },
            },
            {
              breakpoint: 767,
              settings: {
                slidesToShow: 1,
              },
            },
          ],
        });
      });
    </script>

    <script>
      $(document).ready(function () {
        $('.partners-img').slick({
          slidesToShow: 5,
          slidesToScroll: 1,
          autoplay: true,
          autoplaySpeed: 1500,

          arrows: false,
          responsive: [
            {
              breakpoint: 991,
              settings: {
                slidesToShow: 2,
              },
            },
            {
              breakpoint: 767,
              settings: {
                slidesToShow: 1,
              },
            },
          ],
        });
      });


    </script>



    

    <div class="footer-lay">
      <div class="container">
        <footer class="footer">
          <div class="footer-box">
            <div class="aboutus-footer">
              <div class="logo">
                <a href="/">
                  <div class="logoImg"><img src="/logodesign.svg" alt=""></div>
                  <div style="color: #160F30;" class="logoTitle"><h2>mysticwander.com</h2></div>
                </a>
              </div>
              <p>At MysticWander.com, we're passionate about bringing fantasy sports to everyone. Our platform allows users to engage in fantasy leagues for football, basketball, hockey, and tennis, offering an immersive and competitive experience. Our mission is to enhance your love for sports through a unique and entertaining fantasy platform. With a user-friendly interface and exciting features, MysticWander.com is the perfect place for sports enthusiasts to challenge themselves and connect with others. Join us and take your fantasy sports journey to the next level.</p>
            </div>
            <div class="menu-footer">
              <h3>Menu</h3>
              <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/#serv-our">Services</a></li>
                <li><a href="/about-company">About Company</a></li>
                <li><a href="/get-in-touch">Contact</a></li>
              </ul>
            </div>
            
            <div class="contact-footer">
              <h3>Contact</h3>
              <div><i class="bi bi-geo-alt"></i> 19364, Huntington Avenue, 55044, Lakeville, United States</div>
             
              <a href="mailto:[email protected]"><i class="bi bi-envelope"></i>[email protected]</a>
            </div>
            
          </div>
          <div class="footer-politiks">
            <div class="footer-politik-privacy">
              <a href="/user-privacy">Privacy policy</a>
            </div>
            <div class="footer-politik-privacy">
              <a href="/terms-of-service">Terms &amp; Conditions</a>
            </div>
            <div class="footer-politik-privacy">
              <a href="/contentDisclaimer">Disclaimer</a>
            </div>
          </div>
        </footer>
      </div>
    </div>
    <style>

    .privacyPopup {
        width: calc(100% - 60px);
        background-color: #ffffff;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        padding: 10px;
        text-align: center;
        position: fixed;
        bottom: 25px;
        left: calc(50% - 15px);
        transform: translateX(-50%);
        max-width: 265px;
        border-radius: 12px;
        z-index: 3;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin: 0 15px;
    }

    .privacyPopup h1 {
        font-size: 20px;
    }

    .privacyPopup span {
        margin: 0;
        font-size: 16px;
        display: inline-block;
        word-wrap: break-word;
        max-width: 100%;
    }

    .button {
        border: none;
        cursor: pointer;
        padding: 10px 30px;
        margin: 10px;
        font-size: 16px;
        transition: background-color 0.3s ease;
        background: #180707 !important;
        color: #fff;
        border-radius: 2px 25px 25px 2px;
    }

    .customizeButton {
        color: #180707;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        cursor: pointer;
        font-size: 14px;
        margin-top: 10px;
    }

    .customizeButton svg {
        width: 20px;
        height: 15px;
    }

    .agreeButton {
        color: white;
    }

    .optionsPanel {
        background-color: #ffffff;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        position: fixed;
        bottom: 150px;
        left: calc(50% - 15px);
        transform: translateX(-50%);
        width: auto;
        padding: 20px;
        flex-direction: column;
        align-items: center;
        z-index: 4;
        border-radius: 10px;
        max-width: 300px;
        width: calc(100% - 60px);
        margin: 0 15px;
    }

    .optionsPanel .centerText {
        font-size: 19px;
        font-weight: 600;
    }

    .optionsPanel label {
        margin: 10px 0;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

    .optionsPanel label input[type="checkbox"] {
        display: none;
    }

    .optionsPanel label input[type="checkbox"] + .toggle {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 20px;
        background-color: #ccc;
        border-radius: 20px;
        cursor: pointer;
    }

    .optionsPanel label input[type="checkbox"] + .toggle:before {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        top: 50%;
        transform: translateY(-50%);
        background-color: white;
        border-radius: 50%;
        left: 4px;
        transition: all 0.3s ease;
    }

    .optionsPanel label input[type="checkbox"]:checked + .toggle {
        background-color: #180707;
    }

    .optionsPanel label input[type="checkbox"]:checked + .toggle:before {
        left: 20px;
    }

    .submitButton {
        color: white;
    }

    .hidden {
        display: none !important;
    }

    .centerText {
        text-align: center;
        margin-bottom: 35px;
    }

    .alignCenter {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    @media screen and (min-width: 320px) and (max-width: 420px) {
        .privacyPopup {
            max-height: 40vh;
            overflow: auto;
            padding: 8px;
            font-size: 13px;
        }

        .privacyPopup h1 {
            font-size: 18px;
        }

        .privacyPopup span, .optionsPanel label, .button, .customizeButton {
            font-size: 13px;
        }

        .button, .customizeButton svg {
            padding: 8px 20px;
            margin: 5px;
        }

        .optionsPanel {
            padding: 15px;
        }
    }
</style>

<div class="privacyPopup">
    <h1>Can we use cookies?</h1>

    <span>We use <a target="_blank" href="/website-cookies" style="color: #571a9b;">cookies</a> to find out what you're having trouble navigating our site with and to fix those issues for your future visits.</span>

    <div>

        <button class="agreeButton button">Yes</button>
        <button class="declineButton button">No</button>

        <div class="customizeButton">
            Customize

            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><g stroke-width="0"></g><g stroke-linecap="round" stroke-linejoin="round"></g><g> <title></title> <g id="Complete"> <g id="arrow-right"> <g> <polyline data-name="Right" fill="none" id="Right-2" points="16.4 7 21.5 12 16.4 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></polyline> <line fill="none" stroke="currentColor" strokelinecap="round" strokelinejoin="round" strokewidth="2" x1="2.5" x2="19.2" y1="12" y2="12"></line> </g> </g> </g> </g></svg>
        </div>
    </div>
</div>
<div class="optionsPanel hidden">
    <div class="centerText">Cookie settings</div>

    <label>
        <input type="checkbox" checked="" class="consentCheckbox" name="analytics">
        Analytics

        <span class="toggle"></span>
    </label>
    <label>
        <input type="checkbox" checked="" class="consentCheckbox" name="preferences">
        Preferences

        <span class="toggle"></span>
    </label>
    <label>
        <input type="checkbox" checked="" class="consentCheckbox" name="marketing">
        Marketing

        <span class="toggle"></span>
    </label>

    <div class="alignCenter">
        <button class="submitButton button">Save</button>
    </div>
</div>

<script>
    const setCookie = (name, value, days) => {
        if (days) {
            const expires = `; expires=${new Date(Date.now() + days * 864e5).toUTCString()}`;
            document.cookie = `${name}=${value || ""}${expires}; path=/`;
        }
    }

    const getCookie = name => {
        const nameEQ = name + "=";
        return document.cookie.split(';').map(c => c.trim()).find(cookie => cookie.startsWith(nameEQ))?.substring(nameEQ.length) || null;
    }

    const popup = document.querySelector('.privacyPopup');
    const panel = document.querySelector('.optionsPanel');
    const togglePanel = () => panel.classList.toggle('hidden');
    const consentCheckboxes = document.querySelectorAll('.consentCheckbox');
    const customize = document.querySelector('.customizeButton');
    const agree = document.querySelector('.agreeButton');
    const submit = document.querySelector('.submitButton');
    const decline = document.querySelector('.declineButton');

    customize.addEventListener('click', togglePanel);
    submit.addEventListener('click', () => {
        togglePanel();
    });
    agree.addEventListener('click', () => {
        const consent = [...consentCheckboxes].filter(cb => cb.checked).map(cb => cb.name);
        setCookie("UserSession_42081", JSON.stringify(consent), 365);

        panel.classList.add('hidden');
        popup.classList.add('hidden');
    });
    decline.addEventListener('click', () => {
        setCookie("UserSession_42081", JSON.stringify([]), 365);
        panel.classList.add('hidden');
        popup.classList.add('hidden');
    });

    const cookieCheckboxes = document.querySelectorAll('.consentCheckbox')

    function saveCheckboxState() {
        const checkboxesState = {};
        cookieCheckboxes.forEach((input) => {
            checkboxesState[input.name] = input.checked;
        });
        localStorage.setItem('checkboxesState', JSON.stringify(checkboxesState));
    }

    cookieCheckboxes.forEach((input) => {
        input.addEventListener('change', e => {
            saveCheckboxState();
        });
    });

    function loadCheckboxState() {
        const checkboxesState = JSON.parse(localStorage.getItem('checkboxesState'));
        if (checkboxesState) {
            cookieCheckboxes.forEach((input) => {
                input.checked = checkboxesState[input.name] || false;
            });
        }
    }

    document.addEventListener('DOMContentLoaded', loadCheckboxState);

    const consent = getCookie("UserSession_42081");
    if (!consent) popup.classList.remove('hidden');
</script>

    
    <script type="text/javascript" src="/interactive_elements/coding-routes/jquery.fancybox.min.js"></script>

    
  
 


</body></html>