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

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda