It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.cantonshoppingguide.com/

  1. <html>
  2. <head>
  3. <base href="/">
  4. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
  5. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  6. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  9. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
  10. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" />
  11. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"/>
  12. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
  13. <link rel="stylesheet" href="includes/styles.css" />
  14. <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
  15. <link rel="preconnect" href="https://fonts.googleapis.com">
  16. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  17. <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js" integrity="sha512-Ixzuzfxv1EqafeQlTCufWfaC6ful6WFqIz4G+dWvK0beHw0NVJwvCKSgafpy5gwNqKmgUfIBraVwkKI+Cz0SEQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  18. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.css" integrity="sha512-Woz+DqWYJ51bpVk5Fv0yES/edIMXjj3Ynda+KWTIkGoynAMHrqTcDUQltbipuiaD5ymEo9520lyoVOo9jCQOCA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  19. <link rel="preconnect" href="https://fonts.googleapis.com">
  20. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  21. <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&family=Readex+Pro:wght@400;500;600;700&display=swap" rel="stylesheet">
  22.  
  23. <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
  24. <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
  25.  <meta name="viewport" content="width=device-width, initial-scale=1">
  26.  <link rel="icon" type="image/x-icon" href="images/fav_icon.png">
  27. <title> Canton Shopping Guide </title>
  28.  
  29. </head>
  30. <body>
  31. <style>
  32.  
  33. .page_active a {
  34. color: red !important;
  35. }
  36.  
  37.  
  38. .home_user {
  39. height: 100%;
  40. display: flex;
  41. align-items: center;
  42. }
  43. .profile_pic img {
  44. width: 32px;
  45. height: 32px;
  46. border-radius: 50%;
  47. margin-top: 18px;
  48. }
  49. .navbar {
  50. padding:0 !important;
  51. }
  52. .top-bar {
  53. padding: 10px;
  54. text-align: center;
  55. font-style: normal;
  56. font-weight: 500;
  57. line-height: normal;
  58. height: 40px;
  59. display: flex;
  60. justify-content: center;
  61. align-items: center;
  62.  font-size: 15px !important;
  63. }
  64. .header-navbar {
  65. padding: 15px 0;
  66. }
  67. .container-fluid {
  68. max-width: 85%;
  69. }
  70.  
  71.  
  72. .nav_section {
  73. margin-top: 0px;
  74.  padding: 11px 0px !important
  75. }
  76. .top_header {
  77. background: rgba(255, 255, 255, 0.93);
  78. box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
  79. z-index: 1;
  80. position: relative;
  81. }
  82. .navbar-toggler{
  83.  display:none ;
  84. }
  85. .user_sidebar{
  86.  display:none;
  87. }
  88. .menu-toggle {
  89.  color: #FFF;
  90.  float: right;
  91.  line-height: 50px;
  92.  font-size: 24px;
  93.  cursor: pointer;
  94.  display: none;
  95. }
  96.  
  97. .header1 {
  98.  display:none ;
  99. }
  100. @media only screen and (max-width:992px){
  101.  .container-fluid {
  102. max-width: 100% !important;
  103.  
  104. }
  105. #member_sidebar_toggle {
  106. background-color: rgba(238, 238, 238,0.95);
  107. color: #000;
  108. border: none;
  109. padding: 7px 10px;
  110. border-radius: 6px;
  111. }
  112. #main_nav .nav-item {
  113.    max-width: 230px;
  114.    margin: auto;
  115. }
  116. .user_sidebar{
  117.  display:block;
  118. }
  119. .navbar-toggler {
  120.  
  121. text-align: right;
  122.    top: 47px;
  123.    right: 8px !important;
  124.    margin: 0 !important;
  125.    display:block !important;
  126. }
  127.  
  128. .img_bg{
  129.  max-width:54% !important;
  130. }
  131. #main_nav{
  132.  
  133.  width:100%;
  134. }
  135.  
  136.  
  137. #main_nav li a {
  138. white-space: nowrap;
  139. padding: 10px 0;
  140. color: #222;
  141. font-size: 17px !important;
  142. font-style: normal;
  143. font-weight: 600;
  144.  text-align:center;
  145.  margin: 0 !important;
  146. }
  147.  
  148. }
  149. #main_nav li a {
  150. white-space: nowrap;
  151. padding: 10px 0;
  152. color: #222;
  153. font-size: 17px;
  154. font-style: normal;
  155. font-weight: 600;
  156.  
  157.  text-align:center;
  158.  margin: 0 !important;
  159. }
  160.  
  161. .eapps-countdown-timer {
  162. z-index: 0 !important;
  163. }
  164. #main_nav {
  165. width: 100%;
  166. padding: 0px !important;
  167. justify-content: space-evenly;
  168. }
  169. .header1 {
  170.    max-width: 75%;
  171.    position: absolute;
  172.    z-index: 9999;
  173.    background: #fff;
  174.    top: 82px;
  175.    border-top: none;
  176.    height: calc(100vh - 80px);
  177.    overflow: auto;
  178. }
  179. .header1 .dash_sidebar {
  180.    border-top: 0 !important;
  181.    padding-bottom: 100px;
  182.    margin-bottom: 0 !important;
  183. }
  184. .opened {
  185.    display: block ;
  186. }
  187. .map_margin {
  188.    z-index: 0 !important;
  189. }
  190. #blog_slider {
  191.    z-index: 0;
  192. }
  193. @media only screen and (min-width:992px){
  194.  .nav_section {
  195. margin-top: 0px;
  196.  padding: 11px 0px !important
  197. }
  198. .div_announcement marquee{
  199.    text-transform:initial;
  200. }
  201.  .div_announcement {
  202.    width: 100%;
  203.    max-width: 70%;
  204. }}
  205. .rel_main_header {
  206. position: sticky;
  207. top: 0;
  208. z-index: 999;
  209. background: #ffff;
  210. }
  211. .nav_section .nav-item {
  212. width: auto !important;
  213. }
  214. .marq {
  215. margin-right: 400px;
  216. margin-left: 400px;
  217. }
  218. @media only screen and (max-width:992px) {
  219.  .marq {
  220. margin-right: 50px !important;
  221. margin-left: 50px !important;
  222. }
  223. .marquee {
  224.  width: 100% !important;
  225. }
  226. }
  227. .marquee {
  228.  width: 70%;
  229.  overflow: hidden;
  230.  white-space: nowrap;
  231.  position: relative;
  232. height: 100%;
  233.  
  234. }
  235. .text {
  236.  display: inline-block;
  237.  padding-right: 50px; /* Space between texts */
  238.  position: absolute;
  239.  visibility: hidden;
  240. }
  241. @media only screen and (min-width:992px) {
  242. .text {
  243.  right: 35%;
  244.  left:0;
  245. }
  246. }
  247. @media only screen and (max-width:992px) {
  248. .text {
  249.  left:0;
  250. }
  251. }
  252.  
  253.  
  254. </style>
  255.  
  256. <div class="rel_main_header">
  257. <div class="top-bar" style="background:#1e5b9f;color:#ffffff;font-size: 17px;" >
  258.  
  259.    
  260. <div class="marquee"><span class='text'>3 Crafty Sisters handmake jarred pickles, vegetables, salsa, bbq sauce, fruit preserves, syrup, honey and much more! Come see us in Trade Center 3!</span><span class='text'>Be sure to start your day at the Fire Grounds Coffee Shop located on Trade Days Blvd.!  Our friendly baristas will brew our Gourmet Coffee just the way you like it!</span><span class='text'>Pop-A-Lot Gourmet Kettle Corn offers 30 flavors of fresh popped Kettle Corn in Pavilion 4000 and Pavilion 4500!  </span><span class='text'>Aeramentum handcrafts custom jewelry using stone and crystals.  Our designs are both beautiful and affordable!  Come see our collection in Pavilion 2!</span><span class='text'>North Texas Knife Sharpening and Sales can professionally sharpen all your dull knives including pocket, hunting and kitchen knives.  Come see us in Pavilion 4500!</span></div>
  261.  
  262. </div><script>
  263.    document.addEventListener('DOMContentLoaded', function() {
  264.        // Get the elements
  265.        const marquee = document.querySelector('.marquee');
  266.        const texts = Array.from(document.querySelectorAll('.text'));
  267.  
  268.        // Function to start the marquee effect
  269.        function startMarquee(index) {
  270.            const text = texts[index];
  271.            const marqueeWidth = marquee.offsetWidth;
  272.            const textWidth = text.offsetWidth;
  273.            let currentPosition = marqueeWidth;
  274.            let isPaused = false;
  275.  
  276.            // Make the current text visible and hide others
  277.            texts.forEach((txt, i) => {
  278.                txt.style.visibility = (i === index) ? 'visible' : 'hidden';
  279.                txt.style.transform = `translateX(${marqueeWidth}px)`; // Move to starting position off-screen
  280.            });
  281.  
  282.            // Function to move the text
  283.            function moveText() {
  284.                if (!isPaused) {
  285.                    currentPosition -= 1; // Adjust speed as needed
  286.                    text.style.transform = `translateX(${currentPosition}px)`;
  287.                }
  288.  
  289.                // Calculate if text has completely scrolled out of view
  290.                const isVisible = currentPosition + textWidth > 0 && currentPosition < marqueeWidth;
  291.  
  292.                // If text is no longer visible, move to the next text
  293.                if (!isVisible) {
  294.                    text.style.visibility = 'hidden';
  295.  
  296.                    // Move to the next text after a brief delay (e.g., 2 seconds)
  297.                    setTimeout(() => {
  298.                        const nextIndex = (index + 1) % texts.length;
  299.                        startMarquee(nextIndex);
  300.                    }, 1000); // Adjust delay as needed
  301.                    return;
  302.                }
  303.  
  304.                requestAnimationFrame(moveText);
  305.            }
  306.  
  307.            // Pause scrolling when mouse enters the text
  308.            text.addEventListener('mouseenter', () => {
  309.                isPaused = true;
  310.            });
  311.  
  312.            // Resume scrolling when mouse leaves the text
  313.            text.addEventListener('mouseleave', () => {
  314.                isPaused = false;
  315.            });
  316.  
  317.            // Start moving the text
  318.            moveText();
  319.        }
  320.  
  321.        // Start the marquee effect with the first text
  322.        startMarquee(0);
  323.    });
  324. </script>
  325.  
  326.  
  327. <div class="top_header">
  328.  
  329.  
  330. <div class="container-fluid">
  331.  <div class="header-navbar">
  332.  <div class="row">
  333.    <div class="col-md-2 navbar-expand-lg " style="display: flex; align-items: center; justify-content: center;">
  334.      <a href="/home"><img style="width:100%;" class="img_bg" src="images/logo.webp" > </a>
  335.            <i class="fas fa-bars navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation"></i>
  336. </div>
  337. <div class="col-md-10">
  338.  <div class="nav_section">
  339.   <nav class="navbar navbar-expand-lg">
  340.  
  341.    
  342.  <div class="collapse navbar-collapse" id="navbarTogglerDemo03" style="width:100%">
  343.    <ul class="navbar-nav " id="main_nav">
  344.      <li class="nav-item vendor_directory "><a class="nav-link main_link" href="search_results">Vendor Directory <span class="sr-only">(current)</span></a></li>
  345.      <li class="nav-item events "><a class="nav-link main_link" href="events">Events</a></li>
  346.       <li class="nav-item calendar "><a class="nav-link main_link" href="calender">Calender</a></li>
  347.      <li class="nav-item weather "><a class="nav-link main_link" href="weather">Weather</a></li>
  348.      <li class="nav-item dropdown canton_maps"><a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Maps</a>
  349.          <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  350.            <li><a class="dropdown-item" href="online-map" target="_blank">Online Map</a></li>
  351.            <li><a class="dropdown-item" href="printable-map">Printable Map</a></li>
  352.          </ul>
  353.        </li>
  354.      <li class="nav-item blog "><a class="nav-link" href="blog">Articles</a></li>
  355.  
  356.      
  357.     <li class="nav-item dropdown join_page "><a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Join</a>
  358.          <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  359.            <li><a class="dropdown-item " href="new-vendor">New Vendor Account</a></li>
  360.            <li><a class="dropdown-item" href="join.php?role=shopper&pkg=17">New Shopper Account</a></li>
  361.          </ul>
  362.        </li>
  363.        <!-- <li class="nav-item blog"><a class="nav-link" href="login.php">Login</a></li> -->
  364.            <li class="nav-item about "><a class="nav-link" href="about-us">About Us</a></li>
  365.      <li class="nav-item contact us "><a class="nav-link" href="contact-us">Contact Us</a></li>
  366.    </ul>
  367.  </div>
  368. </nav>
  369. </div>
  370.     </div>
  371.  </div>
  372. </div>
  373. </div>
  374. </div>
  375. </div>
  376. <div class="body_container">
  377. </html>
  378.  
  379.  
  380. <head><link rel="stylesheet" href="https://www.cssscript.com/demo/flip-clock-countdown-counter/flip/flip.min.css">
  381. <!-- START OF FLIP EXAMPLE PRESET -->
  382. <style>
  383. .tick-flip {
  384.  
  385. min-width: 1.24em;
  386.  
  387. }
  388.  .tick {
  389.    font-size: 10px;
  390.    bottom: 7px !important;
  391.  }
  392.  
  393.  .tick-label {
  394.    font-size: .375em;
  395.    text-align: center;
  396.  }
  397.  
  398.  .tick-group {
  399.    margin: 0 .25em;
  400.    text-align: center;
  401.  }
  402.  
  403.  .tick [data-layout~="horizontal"][data-layout~="fit"] {
  404.    font-size: 24px !important;
  405.  }
  406.  
  407.  .tick [data-layout~="horizontal"][data-layout~="fit"] {
  408.    font-size: 24px !important;
  409.  }
  410.  
  411.  .tick-flip-panel {
  412.    color: #fff;
  413.    background-color: #ff3333 !important;
  414.  }
  415.  
  416.  .tick-label {
  417.    font-size: 11px !important;
  418.    color: #000000e8 !important;
  419.    text-align: center;
  420.    font-family: 'Poppins' !important;
  421.    font-style: normal;
  422.    font-weight: 500;
  423.    line-height: normal;
  424.  }
  425. </style>
  426. </head>
  427.  <div class="timer">
  428.    <h1 class="text-center h1_text" style="padding: 25px 0;margin: 0;"><b class="ctimer_h1" style="color: #1E5B9F;"></b>
  429.      <span class="tick" data-did-init="handleTickInit">
  430.        <div data-repeat="true" data-layout="horizontal center fit" data-transform="preset(d, h, m, s) -> delay">
  431.          <div class="tick-group">
  432.            <div data-key="value" data-repeat="true" data-transform="pad(00) -> split -> delay">
  433.              <span data-view="flip"></span>
  434.            </div>
  435.            <span data-key="label" data-view="text" class="tick-label">Trade Days Time Remaining</span>
  436.          </div>
  437.        </div>
  438.      </span>
  439.    </h1>
  440.  </div>
  441.  
  442.  
  443. <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
  444. <script src="https://www.cssscript.com/demo/flip-clock-countdown-counter/flip/flip.min.js"></script>
  445. <script>
  446.  
  447.  function handleTickInit(tick) {
  448.  
  449.   var targetDate ='2025-02-27T09:00:00-06:00';
  450.      $('.ctimer_h1').text('Countdown to First Monday');
  451.      Tick.count.down(targetDate).onupdate = function(value) {
  452.        // console.log( value);
  453.        if(value[0] == 0 && value[1] == 0 && value[2] == 0 && value[3] == 0 ) {
  454.          window.location.reload();
  455.        }
  456.        tick.value = value;
  457.      };
  458.  }
  459. </script>
  460. <script>
  461.      $(document).ready(function(){
  462.        $('.navbar-toggler').click(function() {
  463.    $(this).toggleClass('fa-bars fa-close');
  464.  });
  465.  
  466.    $('.user_sidebar').click(function(){
  467.      $('.header1').toggleClass('opened');
  468.    })
  469.  })
  470.  var countDownDate = new Date("Jan 5, 2024 15:37:25").getTime();
  471.  
  472. </script>
  473. <div id="first_container" class="content-container fr-view">
  474. <link rel="stylesheet" href="css/owl.carousel.min.css" />
  475. <link rel="stylesheet" href="css/owl.theme.default.min.css" />
  476. <style>
  477. .owl-prev {
  478.    width: 15px;
  479.    height: 100px;
  480.    position: absolute;
  481.    top: 40%;
  482.    margin-left: -20px;
  483.    display: block !important;
  484.    border:0px solid black;
  485. }
  486.  
  487. .owl-next {
  488.    width: 15px;
  489.    height: 100px;
  490.    position: absolute;
  491.    top: 40%;
  492.    right: -25px;
  493.    display: block !important;
  494.    border:0px solid black;
  495. margin-right:15px;
  496. }
  497. .owl-next span, .owl-prev span {
  498. font-size:45px;
  499. }
  500. .owl-prev i, .owl-next i {transform : scale(1,6); color: #ccc;}
  501.  
  502.  
  503.  
  504.  
  505. #blog_slider {
  506. list-style:none;
  507. padding:0 10px;
  508. }
  509. .card-body {
  510. padding:0;
  511. }
  512. .views {
  513. padding:15px;
  514. }
  515. .banner .m-top {
  516.  margin-top:20px !important;
  517. }
  518. .banner_form {
  519. margin:0;
  520. }
  521. .banner_btn {
  522. padding:10px 15px;
  523. color: #fff;
  524. font-weight: 500;
  525. background: #5abbd9;
  526. display: block;
  527. margin: 10px auto;
  528. border-radius: 4px;
  529. text-align: center;
  530. font-size: 18px;
  531. }
  532. /* .card:hover {
  533. box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  534. } */
  535. #main_nav .nav-item {
  536. white-space: nowrap;
  537. }
  538. .card-img {
  539. width: auto;
  540. height: 225px;
  541. margin: 5px;
  542. border-radius: 0;
  543.  
  544. }
  545. .banner_btns.row .col-md-3 {
  546. white-space: nowrap;
  547.  
  548. }
  549.  
  550. .blog_article {
  551. margin-top: 50px;
  552. }
  553. .card {
  554. min-height: 429px;
  555. margin: 0 15px;
  556. border: 0.978px solid #999;
  557. background: #fff;
  558. border-radius: 0;
  559. }
  560.  
  561. .sub_btn {
  562. background: #e61f26;
  563. text-align: center;
  564.  
  565. }
  566. .btn_s {
  567. font-size: 20px;
  568. color: white;
  569. font-weight: 600;
  570. }
  571. .back .nav.nav-tabs .nav-item {
  572.    width:50%;
  573. }
  574. .back .tab-content {
  575. background: rgba(255, 255, 255,0.8);
  576. padding: 50px;
  577. border-radius: 30px;
  578. }
  579.  
  580. .back .nav.nav-tabs {
  581. margin-bottom: 0px;
  582. }
  583.  
  584. .back {
  585. margin: auto;
  586. width: 80%;
  587. }
  588. .back .nav-link {
  589.   background:#ccc;
  590.   color:#000;
  591.   border-radius:0;
  592. }
  593. .back .nav-link.active {
  594. background: rgba(32, 80, 129,0.8);
  595. color: #fff;
  596. border: none;
  597. }
  598. .home_page_panel {
  599. position: absolute;
  600. bottom: 10px;
  601. width: 100%;
  602. }
  603. #main_nav .nav-link a:hover {
  604. color: red !important;
  605. }
  606. .back .nav-tabs {
  607. border: none;
  608. }
  609. .nav-link {
  610. font-size: 20px;
  611. color: white;
  612. font-weight: 600;
  613.  
  614. }
  615. .form_sec .form-group {
  616. margin-top: 25px;
  617. }
  618. #main_nav.nav-link:hover {
  619.    color:red;
  620. }
  621. .banner_btns.row a {
  622. text-decoration: none;
  623. }
  624. .nav.nav-tabs li {
  625. margin: auto;
  626. }
  627.  
  628. .vendor {
  629. background-color: #205081;
  630. text-align: center;
  631. color: white;
  632. padding: 20px 0px;
  633. }
  634. .leaflet-container {
  635.        cursor: default !important;
  636.    }
  637. @media screen and (max-width: 463px) {
  638.  .nav.nav-tab li  {
  639.  margin-bottom: 10px;
  640.  }
  641. }
  642. @media screen and (max-width: 767px) {
  643.  .nav.nav-tab li  {
  644.  .card_one {
  645. margin: auto;
  646. }
  647. .banner_btn {
  648. padding: 12px 0px;
  649. font-size: 13px;
  650. }
  651.  }
  652.  .header-navbar {
  653. padding: 15px 0 0 0;
  654. }
  655.  
  656. }
  657. @media screen and (max-width: 558px) and (min-width:320px) {
  658.  
  659. .nav-link {
  660. font-size: 16px;
  661. }
  662. .nav-link {
  663. padding: 6px 0px 0px 16px;
  664. }
  665. .banner_btn {
  666. padding: 3px 4px;
  667. font-size: 18px;
  668. }
  669.  
  670.  
  671.  }
  672.  
  673. @media screen and (max-width: 1050px) {
  674. .banner_btn {
  675. padding: 12px -7px;
  676. font-size: 13px;
  677. }
  678.  }
  679.   @media screen and (max-width: 1280px) {
  680. .banner_btn {
  681. padding: 12px 4px;
  682. font-size: 15px;
  683. } }
  684. @media screen and (max-width:1000px) and (min-width:768px){
  685. .banner_btn {
  686. padding: 3px 4px;
  687. font-size: 18px;
  688. } }
  689.  
  690. @media screen and (max-width:600px){
  691. .banner_btn {
  692. padding: 3px 4px;
  693. font-size: 18px;
  694. } }
  695.  
  696.  
  697. #countdown_timer {
  698. color: #DA3932;
  699. text-align: center;
  700. font-size: 44.933px;
  701. font-style: normal;
  702. font-weight: 700;
  703. line-height: normal;
  704. width: 240px !important;
  705. display: inline-block;
  706. }
  707. .desktop_banner {
  708. display:block;
  709. }
  710. .mobile_banner {
  711. display:none;
  712. }
  713. .search_header {
  714. color: #ffffff;
  715. font-size: 26px;
  716. font-weight: 500;
  717. }
  718.  
  719. .area_search {
  720. padding: 10px 0;
  721. display: inline-block;
  722. width: 49%;
  723. text-align: center;
  724.    cursor: pointer;
  725. }
  726.  
  727. .area_active{
  728. background: #ff3333 !important
  729. }
  730.  
  731. .vendor_search {
  732. padding: 10px 0;
  733. display: inline-block;
  734. width: 100%;
  735. text-align: center;
  736. cursor: pointer;
  737. }
  738. .items_container {
  739. display: flex;
  740. }
  741. .auto_adjust {
  742. flex: 4;
  743. }
  744. .form_document {
  745. margin: 10px;
  746. font-weight: bold;
  747. }
  748. .section_title {
  749. float: left;
  750. }
  751. .see_all {
  752. text-align: right;
  753. }
  754. .desktop_view, .mobile_view {
  755. display: none;
  756. }
  757. @media only screen and (max-width:1200px){
  758. .mobile_view {
  759. display: block;
  760. }
  761. .vendor_search {
  762. margin: 0;
  763. cursor: pointer;
  764. }
  765. .area_search{
  766. margin: 0;
  767. cursor: pointer;
  768. }
  769. .desktop_banner {
  770. display:none;
  771. }
  772. .mobile_banner {
  773. display:block;
  774. }
  775. .views {
  776. padding: 15px 0 !important;
  777. min-height: 240px !important;
  778. }
  779.  
  780. .search_header {
  781. color: #FEFEFE;
  782. font-size: 16px;
  783. font-weight: 500;
  784. margin: 0;
  785. border-radius: 7px;
  786. margin: 0;
  787. }
  788. .search_header i {
  789.     margin-right: 10px !important;
  790. }
  791. #map {
  792. height: 210px !important;
  793.  
  794. }
  795. .vendor_search {
  796. font-size: 21px;
  797. }
  798. .back {
  799. width: 100% !important;
  800. position: relative !important;
  801. bottom: 60px !important;
  802. max-width: 700px;
  803. border-radius: 5px;
  804. background: #FFF;
  805. box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.05);
  806. }
  807. .items_container {
  808. display: inline-block;
  809. position: relative;
  810. width: 100%;
  811. }
  812. .col_class{
  813. padding-bottom: 30px;
  814. }
  815. .auto_adjust_1 {
  816. position: absolute;
  817. left: 0;
  818. right: 0;
  819. bottom: -65px;
  820. text-align: center;
  821. width: 100%;
  822. }
  823. .form-control.cu_form-control {
  824. border-bottom: 1px solid rgba(153, 153, 153, 0.50) !important;
  825. }
  826. .select2.select2-container.select2-container--default {
  827. border-bottom: 1px solid rgba(153, 153, 153, 0.50);
  828. padding-bottom: 10px;
  829. margin-top: 10px;
  830. }
  831. .map_margin {
  832. margin-top: 30px;
  833. }
  834. .section_title {
  835. font-size: 24px !important;
  836. width: 100%;
  837. }
  838. .section_title {
  839. text-align: center;
  840. }
  841. .see_all {
  842. text-align: center;
  843. margin:10px 0;
  844. }
  845. .tab-content {
  846. padding-left: 10px !important;
  847. padding-right: 10px !important;
  848. padding-top: 30px !important;
  849. padding-bottom: 30px !important;
  850. }
  851.  
  852. .hide_mobile{
  853.    display:none !important;
  854. }
  855. .show_mobile{
  856.    display:block !important;
  857.     margin-top: 40px !important;
  858. }
  859. #map {
  860. height: 250px !important;
  861. }
  862.  
  863. }
  864.  
  865. @media only screen and (min-width:1200px){
  866. .form_sec{
  867. height:220px !important;
  868. }
  869. .desktop_view {
  870. display: block;
  871. }
  872. .items_container label {
  873. border-right: 2px solid #9999995c;
  874. padding-right: 10px;
  875. }
  876. .main {
  877. margin-bottom: 220px;
  878. }
  879. .auto_adjust_1 {
  880. text-align: center;
  881. }
  882. .hide_mobile{
  883.    display:block !important;
  884. }
  885. .show_mobile{
  886.    display:none !important;
  887. }
  888.  
  889.  
  890. }
  891. .banner_image {
  892. width: 100%;
  893. border-radius: 22px;
  894. }
  895.  
  896. .back {
  897. margin: auto;
  898. width: 75%;
  899. position: absolute;
  900. left: 0;
  901. right: 0;
  902. bottom: -170px;
  903. border-radius: 20px;
  904. /* opacity: 0.89; */
  905. background: #FFF;
  906. box-shadow: 0px 4.40719px 4.40719px 0px rgba(0, 0, 0, 0.10);
  907. }
  908. label {
  909. display: block;
  910.  
  911. }
  912. .cu_form-control:focus {
  913. border: none;
  914. box-shadow: none;
  915. outline: none;
  916. background: transparent;
  917. }
  918. .cu_form-control {
  919. border: none;
  920. background: none;
  921. padding-left: 0;
  922. }
  923. .submit_btn {
  924. padding: 18px;
  925. background: #ff3333 !important;
  926. color: #fff;
  927. border: none;
  928. border-radius: 50%;
  929. }
  930. .clearfix { clear:both;}
  931. .get_started {
  932. padding: 6px 31px;
  933. font-weight: bold;
  934. border: 1px solid #245383;
  935. color: #333;
  936. text-decoration: none;
  937. width: 160px !important;
  938. display: block;
  939. }
  940. .get_started:hover {
  941. color: #333;
  942. text-decoration: none;
  943. }
  944. #map {
  945. height: 300px;
  946. border-radius: 10px;
  947. }
  948. .card-title {
  949. color: #333 !important;
  950. text-align: center;
  951. font-family: Inter;
  952. font-size: 20px;
  953. font-style: normal;
  954. font-weight: 600;
  955. line-height: 27px;
  956. text-transform: capitalize;
  957. }
  958. .card-title a {
  959. color: #333 !important;
  960. }
  961. .posted_on {
  962. display: block;
  963. color: #999;
  964. text-align: center;
  965. font-family: Inter;
  966. font-size: 16px;
  967. font-style: normal;
  968. font-weight: 500;
  969. text-transform: capitalize;
  970. margin: 0 0 7px 0;
  971. }
  972. .blog_heading {
  973. color: #000;
  974. font-size: 32px;
  975. font-weight: 600;
  976. text-transform: capitalize;
  977. }
  978. .section_whether {
  979. margin: 70px 0 0 0;
  980. }
  981. .secondary, .today, .today .overlay {
  982. background-color: #fff !important;
  983. }
  984.  
  985.  
  986. .blog_img {
  987.    width: 100%;
  988.    height: auto;
  989.    min-height: 180px;
  990. }
  991.  
  992.  
  993.  
  994.  
  995.  
  996. .section_title {
  997. font-size: 32px;
  998. font-weight: 600;
  999. font-family: 'Inter', sans-serif;
  1000. }
  1001. .see_all a {
  1002. font-family: 'Inter', sans-serif;
  1003. font-style: normal;
  1004. font-weight: 600;
  1005. width: 150px;
  1006. }
  1007. .title_section {
  1008. margin: 50px 0 0 0;
  1009. }
  1010. .body{
  1011. background-color: #fdfdfd !important;
  1012. }
  1013. .body_container {
  1014. background-color: #ffff !important;
  1015. }
  1016. .home_bg{
  1017. /*background: linear-gradient( #F2F5F9 62%, transparent 62%) no-repeat;*/
  1018.  background:#F2F5F9;
  1019.  padding:0 0 50px 0;
  1020. }
  1021. .more_read{
  1022. display: flex;
  1023. width: 170px;
  1024. padding: 6px 22px;
  1025. justify-content: center;
  1026. align-items: center;
  1027. gap: 24px;
  1028. background: #245383;
  1029. color:white !important;
  1030. margin: 0 auto;
  1031. }
  1032. .read_bg{
  1033. position: absolute;
  1034. bottom: 15px;
  1035. left: 0;
  1036. right: 0;
  1037. }
  1038. .button_bg{
  1039. color: #666;
  1040. font-family: Readex Pro;
  1041. font-size: 17px;
  1042. font-style: normal;
  1043. font-weight: 500;
  1044. line-height: normal;
  1045. text-transform: capitalize;
  1046. text-align: center;
  1047. border-radius: 7px;
  1048. background-color:#f1f1f1;
  1049. margin:10px;
  1050. }
  1051. .search_bg {
  1052. padding: 15px 0;
  1053. display: none;
  1054. fill: #FFF;
  1055.  filter: drop-shadow(0px 4px 7px rgba(0, 0, 0, 0.10));
  1056.  background: #fff;
  1057.  border-radius: 10px;
  1058. }
  1059.  
  1060. .search_header {
  1061. margin: 0;
  1062. }
  1063. .select2-results__option {
  1064. font-size: 14px;
  1065. }
  1066. .select2-selection__rendered {
  1067. padding-left: 0 !important;
  1068. border: none;
  1069. }
  1070. .select2-container--default .select2-selection--single .select2-selection__rendered {
  1071. color: #a4a4a4;
  1072. line-height: 28px;
  1073. }
  1074. .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {
  1075. width: 100% !important;
  1076. }
  1077. .select2.select2-container.select2-container--default.select2-container--below {
  1078. width: 100% !important;
  1079. }
  1080. .select2.select2-container.select2-container--default {
  1081. width: 100% !important;
  1082. }
  1083. .pic_details{
  1084.  height: 100%;
  1085.  display: flex;
  1086.  flex-direction: column;
  1087.  justify-content: center;
  1088.  line-height:33px;
  1089. }
  1090. .trade_days:focus {
  1091. outline: 0 !important;
  1092. box-shadow: none !important;
  1093. }
  1094. .sel {
  1095. display: none;
  1096. }
  1097. .col_class1 {
  1098. display: flex;
  1099. align-items: center;
  1100. justify-content: center;
  1101. }
  1102. .btn-danger {
  1103. background-color: #f33 !important;
  1104. border-color: #ff3333 !important;
  1105. }
  1106. @media only screen and (max-width:1350px){
  1107.    .container-fluid {
  1108. max-width: 100%;
  1109. }
  1110. }
  1111.  
  1112. </style>
  1113.  
  1114. <div class="container-fluid" >
  1115. <div class="main">
  1116.  
  1117. <div class="banner" style="position:relative;">
  1118.  <img class="desktop_banner banner_image" src="./images/canton_bg_new.webp">
  1119.  <img class="mobile_banner banner_image" src="./images/mobileview.webp">
  1120.  <div class="back">
  1121.  
  1122.  
  1123. <div class="tab-content">
  1124. <div class="tab-pane active" id="search" role="tabpanel">
  1125. <div class="form_sec " >
  1126. <h1 class="search_header">
  1127. <span class="vendor_search area_active">Search For Vendors</span>
  1128.  
  1129. <!--<span class="area_search" >Review Vendors By Area</span>-->
  1130. </h1>
  1131. <div class="searchbar_bg">
  1132.        <form action="search_results.php" method="get" class="banner_form">
  1133.                     <input type="hidden" name="action" value="home_search">
  1134.                     <div class="row">
  1135.                     <div class="col_class col-xs-12 col-sm-12 col-md-10 ">
  1136.             <div class="items_container">
  1137.                            <div class="auto_adjust">
  1138.                                <div class="form_document">
  1139.                                    <label>Vendor Name
  1140. <input type="text" class="form-control cu_form-control"  name="vendor" placeholder="Add Details">
  1141.                                    </label >
  1142.                                </div>
  1143.                            </div>
  1144.                              <div class="auto_adjust">
  1145.                                <div class="form_document">
  1146.                                     <label>Select Category
  1147. <select name="top_cat" class="form-control dropdown_select cu_form-control" id="main_cats">
  1148.    <option value=" " >Choose</option>
  1149.    <option value="1" data-id="1">Entertainment</option>    <option value="2" data-id="2">Lodging</option>    <option value="3" data-id="3">Food Vendors</option>    <option value="4" data-id="4">Services</option>    <option value="5" data-id="5">Shopping</option>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          </select>
  1150.                             </label>
  1151.                                </div>
  1152.                            </div>
  1153. <div class="auto_adjust">
  1154.                                <div class="form_document">
  1155.                                     <label>Select Sub Category
  1156. <select name="sub_cat" class="form-control dropdown_select cu_form-control" id="sub_cats">
  1157. <option value="">Select Sub Category</option>    
  1158. </select>
  1159.                             </label>
  1160.                                </div>
  1161.                            </div>
  1162. <div class="auto_adjust">
  1163.                                <div class="form_document">
  1164.                                     <label>Select Location
  1165. <select name="location[]" data-next="select_loc2" class="form-control select_loc dropdown_select cu_form-control" id="location">
  1166. <option value="">Choose Location</option>
  1167.         <option value="1">Canton Area</option>
  1168. <option value="167">Tyler Area</option>
  1169. <option value="176">Athens Area</option>
  1170. <option value="186">Terrell Area</option>
  1171. <option value="190">Mineola Area</option>
  1172. <option value="194">Emory Area</option>
  1173. <option value="200">All Other Areas</option>
  1174. </select>
  1175.                             </label>
  1176.                                </div>
  1177.                            </div>
  1178.  
  1179.  
  1180.                          </div>
  1181.                    <div class="items_container">
  1182. <div class="auto_adjust">
  1183.                                <div class="form_document sel">
  1184.                                     <label>Select Location
  1185. <select name="location[]" data-next="select_loc3" class="form-control dropdown_select select_loc select_loc2 cu_form-control" id="sub_location">
  1186. <option value="">Choose..</option>
  1187. </select>
  1188.                             </label>
  1189.                                </div>
  1190.                            </div>
  1191. <div class="auto_adjust">
  1192.                                <div class="form_document sel">
  1193.                                     <label>Select Location
  1194. <select name="location[]" data-next="select_loc4" class="form-control select_loc select_loc3 dropdown_select cu_form-control" id="sub_sub_location">
  1195. <option value="">Choose..</option>
  1196. </select>
  1197.                             </label>
  1198.                                </div>
  1199.                            </div>
  1200.  
  1201. <div class="auto_adjust ">
  1202.                                <div class="form_document sel">
  1203.                                     <label>Select Location
  1204. <select name="location[]"  data-next="select_loc5"  class="form-control select_loc select_loc4 dropdown_select cu_form-control" id="sub_t_location">
  1205. <option value="">Choose..</option>
  1206. </select>
  1207.                             </label>
  1208.                                </div>
  1209.                            </div>
  1210. <div class="auto_adjust">
  1211.                                <div class="form_document sel">
  1212.                                     <label>Select Location
  1213. <select name="location[]" class="form-control select_loc5 dropdown_select cu_form-control" id="sub_f_location">
  1214. <option value="">Choose..</option>
  1215. </select>
  1216.                             </label>
  1217.                                </div>
  1218.                            </div>
  1219.  
  1220.                    </div>      
  1221.                          
  1222.                          </div>
  1223.                          <div class="col_class1 col-xs-12 col-sm-12 col-md-2">
  1224.                          <div class="auto_adjust auto_adjust_1">
  1225.                                <div class="form_document">
  1226.  <button class="submit_btn" type="submit">
  1227. <i class="fa fa-search"></i>
  1228. </button>
  1229.                                </div>
  1230.                            </div>
  1231.                          </div>
  1232.                          </div>
  1233.              </form>
  1234. </div>
  1235.  
  1236.  
  1237. <div class="search_bg" >
  1238. <div class="row">
  1239. <div class="col-md-4">
  1240. <div class="button_bg" >
  1241. <a class="btn btn-default btn-sm trade_days" href="search_results.php?action=home_search&location[]=4">North Zone</a>
  1242. </div>
  1243. </div>
  1244. <div class="col-md-4">
  1245. <div class="button_bg" >
  1246. <a class="btn btn-default btn-sm trade_days" href="search_results.php?action=home_search&location[]=17">East Zone</a>
  1247. </div>
  1248. </div>
  1249. <div class="col-md-4">
  1250. <div class="button_bg" >
  1251. <a class="btn btn-default btn-sm trade_days" href="search_results.php?action=home_search&location[]=33">South Zone</a>
  1252. </div>
  1253. </div>
  1254. <div class="col-md-4">
  1255. <div class="button_bg" >
  1256. <a class="btn btn-default btn-sm trade_days" href="search_results.php?action=home_search&location[]=57">Central Zone</a>
  1257. </div>
  1258. </div>
  1259. <div class="col-md-4">
  1260. <div class="button_bg" >
  1261. <a class="btn btn-default btn-sm trade_days" href="search_results.php?action=home_search&location[]=90">West Zone</a>
  1262. </div>
  1263. </div>
  1264. <div class="col-md-4">
  1265. <div class="button_bg" >
  1266. <a class="btn btn-default btn-sm trade_days" href="search_results.php?action=home_search&location[]=149">Canton Marketplace</a>
  1267. </div>
  1268. </div>
  1269. <div class="col-md-4">
  1270. <div class="button_bg" >
  1271. <a class="btn btn-default btn-sm trade_days" href="search_results.php?action=home_search&location[]=150">Old Mill Marketplace</a>
  1272. </div>
  1273. </div>
  1274. <div class="col-md-4">
  1275. <div class="button_bg" >
  1276. <a class="btn btn-default btn-sm trade_days" href="search_results.php?action=home_search&location[]=153">Downtown Canton</a>
  1277. </div>
  1278. </div>
  1279. <div class="col-md-4">
  1280. <div class="button_bg" >
  1281. <a style="width: 100%;display: block;" class="btn btn-default btn-sm trade_days" href="all_location.php">Other Canton Areas</a>
  1282. </div>
  1283. </div>
  1284. </div>
  1285. </div>
  1286. </div>
  1287. </div>
  1288. </div>
  1289. </div>
  1290.  
  1291.  </div>
  1292. </div>
  1293.  
  1294.       </div>
  1295.   <div class="clearfix"></div>
  1296.  
  1297.  
  1298. <div class="full_width" style="background-color: #FBFDFF1;">
  1299. <div class="container">
  1300.   <div class="section_map">
  1301. <div class="row">
  1302.           <div class="col-md-4" >
  1303.   <div class="pic_details">
  1304.            <!-- <h5 style="color: #777;font-size: 17.323px;font-weight: 500;line-height: 20.108px;text-transform: capitalize;">Contact</h5> -->
  1305. <h3 style="color: #245383;font-size: 30.484px;font-weight: 600;text-transform: capitalize;">let's get <br> acquainted </h3>
  1306. <!-- <h5 style="color: #245383;font-size: 16px;font-weight: 600;text-transform: capitalize;">Visit us</h5> -->
  1307. <p style="color: #454545;font-size: 15px;font-weight: 400;text-transform: capitalize;">Canton Shopping Guide <br>367 North Trade Days Blvd.<br>Canton, Texas 75103 <br>903-502-2500</p>
  1308. <!-- <h5 style="color: #245383;font-size: 16px;font-weight: 600;text-transform: capitalize;">Business Hours</h5>
  1309. <p style="color: #454545;font-size: 15px;font-weight: 400;text-transform: capitalize;">Open 24/7</p>
  1310. <a href="/canton/new-vendor" style="width:150px" class="get_started">Get Started</a> -->
  1311.   </div>
  1312.         </div>
  1313. <div class="col-md-8 map_margin">
  1314. <div class="map_image">
  1315. <div id="map"></div>
  1316. </div>
  1317. </div>
  1318. </div>
  1319. </div>
  1320. </div>
  1321. </div>
  1322. <div class="home_mp" style="background-color:#fff; padding:11px" >
  1323. <div class="container" >
  1324. <div class="section_whether hide_mobile">
  1325.    
  1326. <!--<div style="width: 100%;"><iframe style="display: block;" src="https://cdnres.willyweather.com/widget/loadView.html?id=151075" width="100%" height="120" frameborder="0" scrolling="no"></iframe></div>-->
  1327.  
  1328.    <div style="width: 100%;"><iframe style="display: block;" src="https://cdnres.willyweather.com/widget/loadView.html?id=152300" width="100%" height="92" frameborder="0" scrolling="no" ></iframe><a style="margin: -92px 0 0 0;position: relative;z-index: 1;height: 92px;text-indent: -9999em;float: right;width: 20px" href="https://www.willyweather.com/tx/van-zandt-county/canton.html" rel="nofollow" target="_blank">WillyWeather</a></div>
  1329. </div>
  1330. </div>
  1331. <div class="section_whether show_mobile">
  1332. <div style="width: 100%;"><iframe class="weatherWidget" style="display: block;" src="https://cdnres.willyweather.com/widget/loadView.html?id=134752" scrolling="no" width="100%" height="228" frameborder="0"></iframe><a style="margin: -92px 0 0 0;position: relative;z-index: 1;height: 92px;text-indent: -9999em;float: right;width: 20px" href="https://www.willyweather.com/tx/van-zandt-county/canton.html" rel="nofollow" target="_blank">WillyWeather</a></div>
  1333.  
  1334. </div>
  1335. </div>
  1336. </div>
  1337.  
  1338.  
  1339.  
  1340. <div class="home_bg" >
  1341. <div class="container">
  1342. <div class="section_blog blog_article">
  1343.     <div class="row">
  1344.       <div class="col-md-12 title_section">
  1345.   <h4 class="section_title blog_heading">Latest Articles</h4>
  1346.       <div class="see_all view_blog">
  1347. <a href="/canton/blog" class="btn btn-danger btn-md"> See All </a> </div>
  1348.     </div>
  1349. <div class="col-md-12 mobile_view">
  1350.  <div id="qunit-fixture">
  1351. <ul id="blog_slider" class="owl-carousel">
  1352.            
  1353. <li><div class=" card_one">
  1354.  
  1355.      <div class="card">
  1356.        <div class="card-img" style="background:url('cp/uploads//1200--blog-post-image-20210523224118.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center;">
  1357. </div>
  1358.  
  1359.  
  1360.  
  1361.        <div class="views"><span class="posted_on">May 2021 </span>
  1362.        <div class="card-body">
  1363.        <h3 class="card-title">
  1364.        <a href="blog/how-can-a-flea-market-fulfill-all-your-shopping-needs">How can a Flea Market Fulfill all your Shopping Needs</a>
  1365.        <div class="read_bg"> <a href="blog-detail.php?view=how-can-a-flea-market-fulfill-all-your-shopping-needs" class="more_read"  style="color:#ffff !important"> Read More </a></div>
  1366.  
  1367.        </h3>
  1368.       </div>
  1369.        </div>
  1370.      </div>
  1371.    </div></li>
  1372. <li><div class=" card_one">
  1373.  
  1374.      <div class="card">
  1375.        <div class="card-img" style="background:url('cp/uploads//1200--blog-post-image-20210526020807.jpeg'); background-repeat:no-repeat; background-size:cover; background-position:center;">
  1376. </div>
  1377.  
  1378.  
  1379.  
  1380.        <div class="views"><span class="posted_on">May 2021 </span>
  1381.        <div class="card-body">
  1382.        <h3 class="card-title">
  1383.        <a href="blog/things-you-need-to-know-before-heading-to-canton-first-monday-flea-market">Things You Need to Know Before Heading to Canton First Monday Flea Market</a>
  1384.        <div class="read_bg"> <a href="blog-detail.php?view=things-you-need-to-know-before-heading-to-canton-first-monday-flea-market" class="more_read"  style="color:#ffff !important"> Read More </a></div>
  1385.  
  1386.        </h3>
  1387.       </div>
  1388.        </div>
  1389.      </div>
  1390.    </div></li>
  1391. <li><div class=" card_one">
  1392.  
  1393.      <div class="card">
  1394.        <div class="card-img" style="background:url('cp/uploads//1200--blog-post-image-20210528050702.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center;">
  1395. </div>
  1396.  
  1397.  
  1398.  
  1399.        <div class="views"><span class="posted_on">May 2021 </span>
  1400.        <div class="card-body">
  1401.        <h3 class="card-title">
  1402.        <a href="blog/weekend-bliss-a-trip-to-canton-trade-days">Weekend Bliss – A Trip to Canton Trade Days</a>
  1403.        <div class="read_bg"> <a href="blog-detail.php?view=weekend-bliss-a-trip-to-canton-trade-days" class="more_read"  style="color:#ffff !important"> Read More </a></div>
  1404.  
  1405.        </h3>
  1406.       </div>
  1407.        </div>
  1408.      </div>
  1409.    </div></li>
  1410. </ul>
  1411.  
  1412. </div>
  1413. </div>
  1414.  
  1415. <div class="col-md-12 desktop_view">
  1416.  <div class="row">
  1417.             <div class="col-md-4 nopad tmargin bmargin">
  1418. <div class="card">
  1419.  
  1420.  
  1421. <div class="card-img" style="background:url('cp/uploads/1200--blog-post-image-20210523224118.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center;">
  1422. </div>
  1423. <div class="views">
  1424. <span class="posted_on">May 2021 </span>
  1425. <div class="card-body">
  1426. <h3 class="card-title">
  1427. <a href="blog/how-can-a-flea-market-fulfill-all-your-shopping-needs">How can a Flea Market Fulfill all your Shopping Needs</a>
  1428. </h3>
  1429. </div>
  1430. <div class="read_bg"> <a href="blog-detail.php?view=how-can-a-flea-market-fulfill-all-your-shopping-needs" class="more_read" > Read More </a></div>
  1431. </div>
  1432. </div>
  1433. </div>
  1434. <div class="col-md-4 nopad tmargin bmargin">
  1435. <div class="card">
  1436.  
  1437.  
  1438. <div class="card-img" style="background:url('cp/uploads/1200--blog-post-image-20210526020807.jpeg'); background-repeat:no-repeat; background-size:cover; background-position:center;">
  1439. </div>
  1440. <div class="views">
  1441. <span class="posted_on">May 2021 </span>
  1442. <div class="card-body">
  1443. <h3 class="card-title">
  1444. <a href="blog/things-you-need-to-know-before-heading-to-canton-first-monday-flea-market">Things You Need to Know Before Heading to Canton First Monday Flea Market</a>
  1445. </h3>
  1446. </div>
  1447. <div class="read_bg"> <a href="blog-detail.php?view=things-you-need-to-know-before-heading-to-canton-first-monday-flea-market" class="more_read" > Read More </a></div>
  1448. </div>
  1449. </div>
  1450. </div>
  1451. <div class="col-md-4 nopad tmargin bmargin">
  1452. <div class="card">
  1453.  
  1454.  
  1455. <div class="card-img" style="background:url('cp/uploads/1200--blog-post-image-20210528050702.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center;">
  1456. </div>
  1457. <div class="views">
  1458. <span class="posted_on">May 2021 </span>
  1459. <div class="card-body">
  1460. <h3 class="card-title">
  1461. <a href="blog/weekend-bliss-a-trip-to-canton-trade-days">Weekend Bliss – A Trip to Canton Trade Days</a>
  1462. </h3>
  1463. </div>
  1464. <div class="read_bg"> <a href="blog-detail.php?view=weekend-bliss-a-trip-to-canton-trade-days" class="more_read" > Read More </a></div>
  1465. </div>
  1466. </div>
  1467. </div>
  1468. <div class="col-md-4 nopad tmargin bmargin">
  1469. <div class="card">
  1470.  
  1471.  
  1472. <div class="card-img" style="background:url('cp/uploads/1200--blog-post-image-20210522020304.png'); background-repeat:no-repeat; background-size:cover; background-position:center;">
  1473. </div>
  1474. <div class="views">
  1475. <span class="posted_on">May 2021 </span>
  1476. <div class="card-body">
  1477. <h3 class="card-title">
  1478. <a href="blog/double-the-profit-what-to-sell-at-canton-flea-market">Double the Profit: What to Sell at Canton Flea Market?</a>
  1479. </h3>
  1480. </div>
  1481. <div class="read_bg"> <a href="blog-detail.php?view=double-the-profit-what-to-sell-at-canton-flea-market" class="more_read" > Read More </a></div>
  1482. </div>
  1483. </div>
  1484. </div>
  1485. <div class="col-md-4 nopad tmargin bmargin">
  1486. <div class="card">
  1487.  
  1488.  
  1489. <div class="card-img" style="background:url('cp/uploads/1200--blog-post-image-20210522014820.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center;">
  1490. </div>
  1491. <div class="views">
  1492. <span class="posted_on">May 2021 </span>
  1493. <div class="card-body">
  1494. <h3 class="card-title">
  1495. <a href="blog/find-what-you-need-flea-market-style">Find what you need – Flea Market Style</a>
  1496. </h3>
  1497. </div>
  1498. <div class="read_bg"> <a href="blog-detail.php?view=find-what-you-need-flea-market-style" class="more_read" > Read More </a></div>
  1499. </div>
  1500. </div>
  1501. </div>
  1502. <div class="col-md-4 nopad tmargin bmargin">
  1503. <div class="card">
  1504.  
  1505.  
  1506. <div class="card-img" style="background:url('cp/uploads/1200--blog-post-image-20210522014459.png'); background-repeat:no-repeat; background-size:cover; background-position:center;">
  1507. </div>
  1508. <div class="views">
  1509. <span class="posted_on">May 2021 </span>
  1510. <div class="card-body">
  1511. <h3 class="card-title">
  1512. <a href="blog/the-art-of-saving-by-shopping-at-canton-flea-market">The Art of Saving by Shopping at Canton Flea Market</a>
  1513. </h3>
  1514. </div>
  1515. <div class="read_bg"> <a href="blog-detail.php?view=the-art-of-saving-by-shopping-at-canton-flea-market" class="more_read" > Read More </a></div>
  1516. </div>
  1517. </div>
  1518. </div>
  1519. </div>
  1520. </div>
  1521.  </div>
  1522. </div>
  1523. </div>
  1524. </div>
  1525. </div>
  1526.  
  1527.  
  1528. <style>
  1529.  
  1530.  
  1531. .cat {
  1532.  display: inline-block;
  1533.  margin-bottom: 1rem;
  1534. }
  1535.  
  1536. .fa-users {
  1537.  margin-left: 1rem;
  1538. }
  1539.  
  1540. .card-footer {
  1541.  font-size: 0.8rem;
  1542. }
  1543. .select2-selection.select2-selection--single {
  1544. border: none;
  1545. }
  1546. .select2-selection__rendered {
  1547. padding-left: 0 !important;
  1548. border: none;
  1549. }
  1550. .select2-search__field {
  1551. border: none !important;
  1552. border-bottom: 1px solid #ccc !important;
  1553. }
  1554. .select2-dropdown.select2-dropdown--below {
  1555. border: none;
  1556. }
  1557. .select2-selection.select2-selection--single {
  1558. border: none;
  1559. }
  1560. </style>
  1561.  
  1562.  
  1563.  
  1564.  
  1565. <style>
  1566. .footer {
  1567.  background-color: black;
  1568.  color: #818181;
  1569.   font-size: 14px;
  1570.   line-height: 1.42857143;
  1571.  font-family: quicksand !important;
  1572.  font-weight: 600 !important;
  1573. }
  1574. .mid {
  1575. text-align: left;
  1576. padding-left: 20px;
  1577. }
  1578. .mid ul li {
  1579. list-style: none;
  1580.  
  1581. }
  1582. .head{
  1583. color:white !important}
  1584. .text-uppercase.head {
  1585. color: #F1F1F1 !important;
  1586. font-family: Readex Pro;
  1587. font-size: 16px;
  1588. font-style: normal;
  1589. font-weight: 400;
  1590. line-height: 201.523%;
  1591. }
  1592. .mid ul li a {
  1593. text-decoration: none;
  1594. color: #818181;
  1595. }
  1596. .mid .fa.fa-envelope{
  1597.  
  1598. position: relative;
  1599. top: 10px;
  1600. left: 10px;
  1601. font-size: 20px;
  1602. color:white;
  1603. }
  1604. .mid .fa.fa-facebook{
  1605.  
  1606. position: relative;
  1607. top: 10px;
  1608. left: 14px;
  1609. font-size: 20px;
  1610. color:white;
  1611. }
  1612.  
  1613. .circle {
  1614. display: inline-block;
  1615. width: 40px;
  1616. height: 41px;
  1617. border-radius: 50%;
  1618. }
  1619. .env {
  1620. background: #2ab27b;
  1621. margin: 0px 15px 20px 0px;
  1622. }
  1623.  
  1624. .book{background: #3b5998;}
  1625.  
  1626. .btn_last .btn_col {
  1627. background-color: rgb(59,89,152) !important;
  1628. margin-bottom: 18px;
  1629. }
  1630. .btn_last .btn_colr {
  1631. background-color: rgb(255,51,51) !important;
  1632. }
  1633. .unorder li {
  1634. list-style: none;
  1635. display: inline-block !important;
  1636. padding: 0px 5px;
  1637. }
  1638. .lst {
  1639. color: white;
  1640. }
  1641. @media screen and (min-width: 991px) {
  1642. .f_container {
  1643.  padding: 1.5rem 0 !important;
  1644. }
  1645. }
  1646. @media screen and (max-width: 991px) {
  1647.  .mid h5, .mid li {
  1648.    text-align:center !important;
  1649.  }
  1650. .mid .fa.fa-envelope, .mid .fa.fa-facebook {
  1651. display: flex;
  1652. flex-direction: column;
  1653. align-items: center;
  1654. left: 1px;
  1655. }
  1656. .last_book {
  1657. text-align:center;
  1658. }
  1659. }
  1660. .para {
  1661. color: #F3F3F3;
  1662. font-family: 'Readex Pro', sans-serif;
  1663. font-size: 13px;
  1664. font-weight: 300;
  1665. text-transform: initial;
  1666. line-height: 180.023%;
  1667. }
  1668. .list-unstyled li a {
  1669.  color: #F3F3F3 !important;
  1670. font-family: 'Readex Pro', sans-serif;
  1671. font-size: 13px;
  1672. font-weight: 300;
  1673. text-transform: capitalize;
  1674. line-height: 180.023%;
  1675. }
  1676. .unorder li a {
  1677. color: #FFF !important;
  1678. font-family: 'Readex Pro', sans-serif;
  1679. font-size: 16px;
  1680. font-style: normal;
  1681. font-weight: 400;
  1682. line-height: 201.523%;
  1683. text-transform: capitalize;
  1684. }
  1685. .unorder li {
  1686. color: #FFF !important;
  1687. font-family: 'Readex Pro', sans-serif;
  1688. font-size: 16px;
  1689. font-style: normal;
  1690. font-weight: 400;
  1691. line-height: 201.523%;
  1692. text-transform: capitalize;
  1693. }
  1694. .visit_count {
  1695. font-size: 16px;
  1696. color: white;
  1697. padding: 16px;
  1698. font-family: 'Readex Pro', sans-serif;
  1699. }
  1700. </style>
  1701.  
  1702. </div>
  1703. </div>
  1704. <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.7.32/sweetalert2.min.js" integrity="sha512-3PL7jW3xI1EjF2Hfqwv5u6nKG/BnUbWytnJDhsY/q5CbIB5XzoHNhJvgmFeVD7xgC9DbKDm+gPP9uDAAfLAZUA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  1705.  
  1706. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.7.32/sweetalert2.min.css" integrity="sha512-IScV5kvJo+TIPbxENerxZcEpu9VrLUGh1qYWv6Z9aylhxWE4k4Fch3CHl0IYYmN+jrnWQBPlpoTVoWfSMakoKA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  1707. <div class="footer">
  1708.  
  1709.    <footer class="text-center text-lg-start">
  1710.    
  1711.    <div class="container f_container p-4">
  1712.      
  1713.      <div class="row">
  1714.      
  1715.        <div class="col-lg-3 col-md-6 mb-lg-0 mid">
  1716.          <h5 class="text-uppercase head">Overview</h5>
  1717.  
  1718.       <P class="para">The Canton Shopping Guide is an easy to use website created to help shoppers locate items that they are looking for at Canton Trade days and beyond! Shoppers can search by Vendor Name, Item Category and Location.  Sponsored Vendors offer full profiles with contact information.<!-- You can also rate Vendors and save your favorite ones for future reference!--></P>
  1719.        </div>
  1720.        
  1721.        <div class="col-lg-3 col-md-6 mb-lg-0 mid">
  1722.          <h5 class="text-uppercase head"> Important Links</h5>
  1723.          <ul class="list-unstyled">
  1724.            <li>
  1725.              <a href="/" >Home</a>
  1726.            </li>
  1727.            <li>
  1728.              <a href="about-us" >About Us</a>
  1729.            </li>
  1730.            <li>
  1731.              <a href="contact-us">Contact Us</a>
  1732.            </li>
  1733.            <li>
  1734.              <a href="blog" >Blog Articles</a>
  1735.            </li>
  1736.            <li>
  1737.              <a href="search_results">Browse Vendors</a>
  1738.            </li>
  1739.            <li>
  1740.              <a href="/trade_days_schedule">First Monday Calendar</a>
  1741.            </li>
  1742.            <li>
  1743.              <a href="join?role=shopper">Signup Shopper Account</a>
  1744.            </li>
  1745.          </ul>
  1746.        </div>
  1747.  
  1748.        <div class="col-lg-3 col-md-6 mb-lg-0 mid">
  1749.          <h5 class="text-uppercase head"> Business Hours</h5>
  1750.          <ul class="list-unstyled">
  1751.            <li>
  1752.              <a href="#" >Open 24/7</a>
  1753.            </li>
  1754.           </ul>
  1755.        </div>
  1756.  
  1757.      
  1758.        <div class="col-lg-3 col-md-6 mb-lg-0 mid">
  1759.          <h5 class="text-uppercase head">Follow Us</h5>
  1760.  
  1761.            <div class="last_book">
  1762.              <span class="circle env"><a href="contact-us"> <i class="fa fa-envelope env1"></i></a></span>
  1763.              <span class="circle book"><a href="https://www.facebook.com/Canton-Shopping-Guide-105064794697246"> <i class="fa fa-facebook" aria-hidden="true"></i></a></span>
  1764.          </div>
  1765.          
  1766.          <div class="btn_last">
  1767.          <a  class="btn btn-outline-white btn-block btn_col lst" style="font-size: 15px;" href="join?role=shopper" data-toggle="modal" data-target="#newsletter_subscribe_modal">
  1768.          Join Shopper Club</a>
  1769.          <a class="btn btn-outline-white btn-block btn_colr lst" style="font-size: 15px;" href="new-vendor">Free Vendor Listing</a>
  1770.          </div>
  1771.          </div>
  1772.            
  1773.        
  1774.    
  1775.      </div>
  1776.    
  1777.    </div>
  1778.  
  1779.  
  1780.  
  1781.    <div class="text-center p-3 mid">
  1782.    <ul class="unorder" style="padding: 0;">
  1783.   <li>© 2024</li>
  1784.            <li>
  1785.              <a href="/">Canton Shopping Guide</a>
  1786.            </li>
  1787.            <li> All Rights Reserved</li>
  1788.            <li>
  1789.              <a href="terms&conditions">Terms of Use</a>
  1790.            </li>
  1791.             <li>
  1792.              <a href="privacy-policy">Privacy Policy</a>
  1793.            </li>
  1794.            
  1795.    </ul>
  1796.    
  1797.    </div>
  1798.    <div class="text-center p-3 mid">
  1799.        <div class="visit_count">
  1800.        Total Number of Page Views: 3,662,490
  1801.  </div>
  1802.    </div>
  1803.  
  1804.  </footer>
  1805. </div>
  1806. <script>
  1807. $(document).ready(function(){
  1808.   $('#main_cats').on('change', function () {
  1809.   var cat_id=$(this).val();
  1810.        $.ajax({
  1811.  url:'index.php',
  1812.  type:'post',
  1813.  dataType: "JSON",
  1814.  data:{action:'sub_cats', id:cat_id},
  1815. success:function(data){
  1816. var out = '<option value="">Choose Sub Category</option>';
  1817.  $.each(data,function(i,item){
  1818.              out += '<option value="'+item.sub_id+'">'+item.sub_cat+'</option>';
  1819.        });
  1820.        $('#sub_cats').html(out);
  1821.        
  1822. }
  1823. });
  1824.   });
  1825.  
  1826.  
  1827. $(document).on('click','.delete_btn',function(event){
  1828.    event.preventDefault();
  1829. var id=$(this).data('id');
  1830. var delete_action=$(this).data('action');
  1831.   Swal.fire({
  1832.    title: "Are you sure?",
  1833.    text: "",
  1834.    type: "warning",
  1835.    showCancelButton: true,
  1836. confirmButtonClass: "btn-warning",
  1837. confirmButtonText: "Yes, Delete it!"
  1838.         }).then(function(){
  1839.   $.ajax({  
  1840. type: 'POST',  
  1841.    url: 'ajaxcall.php',
  1842. data: {'action':delete_action,'id':id},
  1843. success: function(response) {
  1844. var response = JSON.parse(response);
  1845. if(response.status=="success"){
  1846.    Swal.fire({
  1847.   title: 'Deleted Successfully.',
  1848.   text: "",
  1849.   type: "success",
  1850.      }).then(function(){
  1851.         location.reload();
  1852. });
  1853.    }
  1854.                    }
  1855. });
  1856.  
  1857.          });
  1858.  
  1859. });
  1860. });
  1861.  
  1862. </script>
  1863. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-175199127-1"></script>
  1864.    <script>
  1865.        window.dataLayer = window.dataLayer || [];
  1866.        function gtag(){dataLayer.push(arguments);}
  1867.        gtag('js', new Date());
  1868.  
  1869.        gtag('config', 'UA-175199127-1');
  1870.    </script>
  1871. <script src="js/owl.carousel.min.js"></script>
  1872.  
  1873. <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
  1874. <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
  1875. <script>
  1876.  
  1877. $(".dropdown_select").select2({
  1878.  minimumResultsForSearch: -1
  1879.      });
  1880.  
  1881.  var owl = $('.owl-carousel');
  1882.      owl.owlCarousel({
  1883.        margin:10,
  1884.        loop: true,
  1885. autoplay:false,
  1886. autoplayTimeout:3000,
  1887. nav:true,
  1888. autoplayHoverPause:true,
  1889.        responsive: {
  1890.          0: {
  1891.            items: 1
  1892.          },
  1893.          600: {
  1894.            items: 2
  1895.          },
  1896.          1000: {
  1897.            items: 3
  1898.          }
  1899.        }
  1900.      })
  1901.  
  1902.  
  1903.  
  1904. $(document).ready(function(){
  1905. $(document).on('click','.vendor_search',function(event){
  1906.          event.preventDefault();
  1907.  $('.area_search').removeClass('area_active');
  1908.  $(this).addClass('area_active');
  1909.  $('.searchbar_bg').show();
  1910.          $('.search_bg').hide();
  1911. })
  1912.  
  1913. $(document).on('click','.area_search',function(event){
  1914. event.preventDefault();
  1915. $('.vendor_search').removeClass('area_active');
  1916. $(this).addClass('area_active');
  1917. $('.searchbar_bg').hide();
  1918. $('.search_bg').show();
  1919.  })
  1920.  
  1921. $(document).on('change','.select_loc',function () {
  1922.   var loc_id=$(this).val();
  1923.   var dnext = $(this).attr('data-next');
  1924.  
  1925.  if(loc_id!='') {
  1926.        $.ajax({
  1927.  url:'ajaxactions.php',
  1928.  type:'post',
  1929.  dataType: "JSON",
  1930.  data:{action:'location_results', loc_parent:loc_id},
  1931. success:function(data){
  1932. var len = data.length;
  1933. console.log(len);
  1934.  
  1935. $('.' + dnext).parents('.auto_adjust').nextAll('.auto_adjust').find('select').val('').parents().closest('.sel').hide();
  1936.  
  1937. if(len>0){
  1938. $('.'+dnext).parents().closest('.sel').show();
  1939. var out = '<option value="">Choose Location</option>';
  1940.  $.each(data,function(i,item){
  1941.              out += '<option value="'+item.location_id+'">'+item.location+'</option>';
  1942.        });
  1943.     $('.'+dnext).html(out);
  1944. } else {
  1945. $('.'+dnext).parents().closest('.sel').hide();
  1946. }
  1947. }
  1948. });
  1949.  
  1950. } else {
  1951. $('.' + dnext).parents('.auto_adjust').nextAll('.auto_adjust').find('select').val('').parents().closest('.sel').hide();
  1952. $('.'+dnext).parents().closest('.sel').hide();
  1953. }
  1954.  
  1955.   });
  1956.  
  1957.  
  1958. })
  1959. /*  var map = L.map('map').setView([32.562005, -95.864995], 14);
  1960.  
  1961. L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
  1962.    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
  1963. }).addTo(map);
  1964.  
  1965. */
  1966. var map = L.map('map', {
  1967.    scrollWheelZoom: false // Disable scroll wheel zoom by default
  1968. }).setView([32.562005, -95.864995], 12);
  1969.  
  1970. // Remove default zoom control
  1971. map.removeControl(map.zoomControl);
  1972.  
  1973. // Custom zoom in control
  1974. var zoomInControl = L.Control.extend({
  1975.    options: {
  1976.        position: 'topright'
  1977.    },
  1978.  
  1979.    onAdd: function(map) {
  1980.        var container = L.DomUtil.create('div', 'leaflet-bar leaflet-control');
  1981.        container.innerHTML = '<a href="#" title="Zoom In" class="leaflet-control-zoom-in">+</a>';
  1982.  
  1983.        L.DomEvent.disableClickPropagation(container);
  1984.        L.DomEvent.on(container, 'click', function(e) {
  1985.            L.DomEvent.preventDefault(e); // Prevent default action of the anchor tag
  1986.            map.scrollWheelZoom.enable(); // Enable scroll wheel zoom
  1987.            map.zoomIn();
  1988.        });
  1989.  
  1990.        return container;
  1991.    }
  1992. });
  1993.  
  1994. // Custom zoom out control
  1995. var zoomOutControl = L.Control.extend({
  1996.    options: {
  1997.        position: 'topright'
  1998.    },
  1999.  
  2000.    onAdd: function(map) {
  2001.        var container = L.DomUtil.create('div', 'leaflet-bar leaflet-control');
  2002.        container.innerHTML = '<a href="#" title="Zoom Out" class="leaflet-control-zoom-out">-</a>';
  2003.  
  2004.        L.DomEvent.disableClickPropagation(container);
  2005.        L.DomEvent.on(container, 'click', function(e) {
  2006.            L.DomEvent.preventDefault(e); // Prevent default action of the anchor tag
  2007.            map.scrollWheelZoom.enable(); // Enable scroll wheel zoom
  2008.            map.zoomOut();
  2009.        });
  2010.  
  2011.        return container;
  2012.    }
  2013. });
  2014.  
  2015. map.addControl(new zoomInControl());
  2016. map.addControl(new zoomOutControl());
  2017.  
  2018. // Add OpenStreetMap tile layer
  2019. L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  2020.    attribution: '&copy; OpenStreetMap contributors'
  2021. }).addTo(map);
  2022.  
  2023. // Disable scroll wheel zoom control when cursor is over the map
  2024. map.on('mouseover', function() {
  2025.    map.scrollWheelZoom.disable();
  2026.    map.disableCursorHand(); // Disable cursor hand
  2027. });
  2028.  
  2029.  
  2030. // Disable scroll wheel zoom control when cursor is over the map
  2031. map.on('mouseover', function() {
  2032.    map.scrollWheelZoom.disable();
  2033. });
  2034.  
  2035. // Enable scroll wheel zoom control when cursor is on the zoom in/out buttons
  2036. document.querySelector('.leaflet-control-zoom-in').addEventListener('mouseover', function() {
  2037.    map.scrollWheelZoom.enable();
  2038. });
  2039.  
  2040. document.querySelector('.leaflet-control-zoom-out').addEventListener('mouseover', function() {
  2041.    map.scrollWheelZoom.enable();
  2042. });
  2043.  
  2044.  
  2045. </script>
  2046.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda