<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jim Dailey</title>
    <link rel="icon" type="image/png"  href="assets/images/logo.svg">
    <!-- Font Awesome 6 (Latest) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">

    <link rel="stylesheet" href="https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css" />
    <link rel="stylesheet" href="https://cdn.rawgit.com/michalsnik/aos/1.0.1/dist/aos.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">

   



    <link rel="stylesheet" href="assets/css/pages.css" />
    <link rel="stylesheet" href="assets/css/responsive.css" />
</head>

<body style="background-color:white">
   <div class="mainn" style="
    background-image: url('assets/images/Vector.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height:871px;
    width:100%;
    position:relative;
">

    <header class="header-row" id="header-row" data-aos="fade-down">
    <nav class="navbar navbar-expand-lg" >
        <div class="container-fluid justify-content-around nav-head">

            <!-- Left icons -->
            <div class="d-flex align-items-center ">
                <!-- Hamburger Icon -->

    <img src="assets/images/menu-1.svg" alt="Menu" class="header-icons-menu me-4" id="menu-toggle"  style="filter: invert(1);">


<!-- Overlay -->
<div id="overlay" class="overlay"></div>

<!-- Menu -->
<div id="menu" class="menu">
    <ul>
        <li><a href="#">Privacy Policy</a></li>
        <li><a href="#">Terms of Use</a></li>
        <li><a href="#">Copyright</a></li>
        <li><a href="#">Disclaimer</a></li>
        <li><a href="#">Returns & Refunds</a></li>
        <li><a href="#">Shipping Information</a></li>
        <li><a href="#">Accessibility Statement</a></li>
        <li><a href="#">Contact Us</a></li>
    </ul>
</div>


                    <img src="assets/images/heart-1.svg" alt="Favorites" class="header-icons">
               
            </div>

            <!-- Center Logo -->
            <a class="navbar-brand mx-auto" href="index.php" data-aos="zoom-in" data-aos-delay="400">
                <img class="logo" src="assets/images/logo.svg" alt="Shakedown Street" >
            </a>

            <!-- Right icons -->
            <div class="d-flex align-items-center" data-aos="fade-left" data-aos-delay="600">
                <!-- User Icon -->
               
                    <img src="assets/images/profile-1.svg" alt="Profile" class="header-icons me-4 ">
                

                <!-- Cart Icon -->
          
                    <img src="assets/images/cart-1.svg" alt="Cart" class="header-icons">
              
            </div>

        </div>
    </nav>
</header>

   
<div class="mainn-btn" style="    left: 30px;
    font-size: 65px;
    background: #077F38;
    color: white;
    padding:15px 30px;
    text-align: center;
    border-radius: 10px; position:absolute;
    bottom:250px">
    Vendors
</div>

</div>

<div class="vendor-bg">
    <div class="container-fluid">
        <img src="assets/images/man-1.png" 
        style="position:absolute; top: 230px; left: 375px;">
        <img src="assets/images/man-2.png" 
        style="position:absolute; top: 230px; left: 475px;">
        <img src="assets/images/man-3.png" 
        style="position:absolute; top: 150px; left: 575px;">
        <img src="assets/images/man-1.png" 
        style="position:absolute; top: 230px; right: 375px;">
        <img src="assets/images/man-2.png" 
        style="position:absolute; top: 230px; right: 475px;">
        <img src="assets/images/man-3.png" 
        style="position:absolute; top: 150px; right: 575px;">
        <img src="assets/images/man-3.png" 
        style="position:absolute; top: 250px; right: 875px;">
        <img src="assets/images/man-1.png" 
        style="position:absolute; top: 430px; left: 575px;">
        <img src="assets/images/man-2.png" 
        style="position:absolute; top: 630px; right: 640px;">
        <img src="assets/images/man-3.png" 
        style="position:absolute; top: 790px; right: 1075px;">
        <img src="assets/images/man-1.png" 
        style="position:absolute; top: 530px; left: 375px;">
        <img src="assets/images/man-2.png" 
        style="position:absolute; top: 1230px; left: 475px;">
        <img src="assets/images/man-3.png" 
        style="position:absolute; top: 1050px; left: 575px;">
        <img src="assets/images/man-1.png" 
        style="position:absolute; bottom: 530px; left: 375px;">
        <img src="assets/images/man-2.png" 
        style="position:absolute; bottom: 730px; left: 475px;">
        <img src="assets/images/man-3.png" 
        style="position:absolute; bottom: 1050px; left: 575px;">
        <img src="assets/images/man-1.png" 
        style="position:absolute; bottom: 430px; left: 375px;">
        <img src="assets/images/man-2.png" 
        style="position:absolute; bottom: 230px; left: 300px;">
        <img src="assets/images/man-3.png" 
        style="position:absolute; bottom: 150px; left: 575px;">
        <img src="assets/images/man-1.png" 
        style="position:absolute; bottom: 430px; right: 375px;">
        <img src="assets/images/man-2.png" 
        style="position:absolute; bottom: 230px; right: 300px;">
        <img src="assets/images/man-3.png" 
        style="position:absolute; bottom: 150px; right: 575px;">
        <div class="row-gap">
        <!--Row 1-->
        <div class="row" style="--bs-gutter-x: 6rem;">
            <div class="col-3 d-flex hover-box">
                <img src="assets/images/shop-1.png">
               <div class="popup-box">
        <img src="assets/images/brand-logo-1.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://www.dead.net/" target="blank" class="popup-btn">Dead Net</a>
    </div>
            </div>
            <div class="col-3 d-flex justify-content-end hover-box">
                 <div class="popup-box" style="left: -24%;">
        <img src="assets/images/brand-logo-2.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://www.garciafamilyprovisions.com/store/?utm_source=google&utm_medium=cpc&utm_campaign=garcia_keywords&SRC=GPPC_JY_MH053&gad_source=1&gad_campaignid=796913896&gclid=CjwKCAjwisnGBhAXEiwA0zEORzFplJyQOx4GQZF7sloPAOJoC8a_nx6LpNOxV7tCvBjhhkdcdDRliRoCXK0QAvD_BwE" target="blank"  class="popup-btn">Garcia Family</a>
    </div>
                <img src="assets/images/shop-2.png" style="width:206px; height:144px;">
                
            </div>
            <div class="col-3 d-flex justify-content-start hover-box">
                <img src="assets/images/shop-12.png" style="width:206px; height:144px;">
                  <div class="popup-box">
        <img src="assets/images/brand-logo-3.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://www.dead.net/archives/tour" target="blank" class="popup-btn">Archives</a>
    </div>
            </div>
            <div class="col-3 d-flex justify-content-end hover-box">
                   <div class="popup-box" style="left: -28%;">
        <img src="assets/images/brand-logo-4.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://relix.com/" target="blank" class="popup-btn">Relix</a>
    </div>
                <img src="assets/images/shop-11.png">
            </div>
        </div>
        <!--Row 2-->
        <div class="row" style="--bs-gutter-x: 6rem; ">
            <div class="col-3 d-flex hover-box">
                <img src="assets/images/shop-3.png">
               <div class="popup-box">
        <img src="assets/images/brand-logo-5.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="http://www.gratefuldeadtributebands.com/showBandData.php?state=CO" target="blank" class="popup-btn">Grateful Tribute</a>
    </div>
            </div>
            <div class="col-3 d-flex justify-content-end hover-box">
                 <div class="popup-box" style="left: -24%;">
        <img src="assets/images/brand-logo-6.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://headyversion.com/" target="blank"  class="popup-btn">Heady Version</a>
    </div>
                <img src="assets/images/shop-4.png" style="width:206px; height:144px; ">
                
            </div>
            <div class="col-3 d-flex hover-box">
                <img src="assets/images/shop-14.png" style="width:206px; height:144px; ">
                  <div class="popup-box">
        <img src="assets/images/on-the-bus.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://www.facebook.com/login/?next=https%3A%2F%2Fwww.facebook.com%2Fgroups%2F1146576517643870%2F%3Fref%3Dshare%26mibextid%3DNSMWBT" target="blank" class="popup-btn">On The Bus</a>
    </div>
            </div>
            <div class="col-3 d-flex justify-content-end hover-box">
                   <div class="popup-box" style="left: -28%;">
        <img src="assets/images/rose.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://hiouchijewels.com/collections/rose-and-bolt-grateful-dead-jewelry" target="blank" class="popup-btn">Rose & Bolt</a>
    </div>
                <img src="assets/images/shop-13.png" style="width:190px; height:159px;" >
            </div>
        </div>
                <!--Row 3-->
        <div class="row" style="--bs-gutter-x: 6rem;">
            <div class="col-3 d-flex hover-box">
                <img src="assets/images/shop-5.png" style="width:219px; height:152px;">
               <div class="popup-box">
        <img src="assets/images/dead.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://edeadshop.com/" target="blank" class="popup-btn">E Dead Shop</a>
    </div>
            </div>
            <div class="col-3 d-flex justify-content-end hover-box">
                 <div class="popup-box" style="left: -24%;">
        <img src="assets/images/love.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://loveonhaightsf.com/" target="blank"  class="popup-btn">Love On Height</a>
    </div>
                <img src="assets/images/shop-15.png" style="width:206px; height:144px; ">
                
            </div>
            <div class="col-3 d-flex hover-box">
                <img src="assets/images/shop-16.png" style=" width:206px; height:144px;">
                  <div class="popup-box">
        <img src="assets/images/fed.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://grateful-fred.com/" target="blank" class="popup-btn">Grateful Fred</a>
    </div>
            </div>
            <div class="col-3 d-flex justify-content-end hover-box">
                   <div class="popup-box" style="left: -28%;">
        <img src="assets/images/spun.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://funspunthreads.com/" target="blank" class="popup-btn">Fun Spun Threads</a>
    </div>
                <img src="assets/images/shop-6.png" style="width:219px; height:152px;" >
            </div>
        </div>
         <!--Row 4-->
        <div class="row" style="--bs-gutter-x: 6rem; ">
            <div class="col-3 d-flex hover-box">
                <img src="assets/images/shop-17.png" style="width:190px; height:159px;">
               <div class="popup-box">
        <img src="assets/images/lotus.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://lotusleatherstudio.com/?srsltid=AfmBOoqSrM3yi55xTUxXKmZj6b-ZB8wYZGiHbf5sKDo6464TP26x6Eqk" target="blank" class="popup-btn">Lotus Leather</a>
    </div>
            </div>
            <div class="col-3 d-flex justify-content-end hover-box">
                 <div class="popup-box" style="left: -24%;">
        <img src="assets/images/lost.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://www.lostsailordesigns.com/" target="blank"  class="popup-btn">Lost Sailor Designs</a>
    </div>
                <img src="assets/images/shop-7.png" style="width:206px; height:144px; ">
                
            </div>
            <div class="col-3 d-flex hover-box">
                <img src="assets/images/shop-19.png" style=" width:206px; height:144px;">
                  <div class="popup-box">
        <img src="assets/images/earth.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://www.etsy.com/shop/earthboundesigns" target="blank" class="popup-btn">EarthBound Designs</a>
    </div>
            </div>
            <div class="col-3 d-flex justify-content-end hover-box">
                   <div class="popup-box" style="left: -28%;">
        <img src="assets/images/j-rod.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://www.etsy.com/shop/JRadsGroovyEmporium" target="blank" class="popup-btn">J Rad's Groovy</a>
    </div>
                <img src="assets/images/shop-18.png" style="width:190px; height:159px;" >
            </div>
        </div>
        <!--Row 5-->
        <div class="row" style="--bs-gutter-x: 6rem; ">
            <div class="col-3 d-flex hover-box">
                <img src="assets/images/shop-20.png" style="width:219px; height:152px;">
               <div class="popup-box">
        <img src="assets/images/fat.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="http://etsy.com/shop/fatfreddyshats" target="blank" class="popup-btn">Fat Freddy's Creations</a>
    </div>
            </div>
            <div class="col-3 d-flex justify-content-end hover-box">
                 <div class="popup-box" style="left: -24%;">
        <img src="assets/images/pagan.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://www.etsy.com/shop/PaganSun?ref=shop_sugg_market" target="blank"  class="popup-btn">Pagan Sun</a>
    </div>
                <img src="assets/images/shop-21.png" style="width:206px; height:144px; ">
                
            </div>
            <div class="col-3 d-flex hover-box">
                <img src="assets/images/shop-22.png" style=" width:206px; height:144px;">
                  <div class="popup-box">
        <img src="assets/images/nature.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://www.naturempire.com/" target="blank" class="popup-btn">Nature's Empire</a>
    </div>
            </div>
            <div class="col-3 d-flex justify-content-end hover-box">
                   <div class="popup-box" style="left: -28%;">
        <img src="assets/images/elisa.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://www.etsy.com/shop/ElisaRoseMountain" target="blank" class="popup-btn">Elisa Rose Mountain</a>
    </div>
                <img src="assets/images/shop-23.png" style="width:219px; height:152px;" >
            </div>
        </div>
        <!--Row 6-->
        <div class="row" style="--bs-gutter-x: 6rem; ">
            <div class="col-3 d-flex hover-box">
                <img src="assets/images/shop-8.png" style="width:190px; height:159px;">
               <div class="popup-box">
        <img src="assets/images/batiks.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://www.etsy.com/market/grateful_batik" target="blank" class="popup-btn">Grateful Batiks</a>
    </div>
            </div>
            <div class="col-3 d-flex justify-content-end hover-box">
                 <div class="popup-box" style="left: -24%;">
        <img src="assets/images/cat.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://www.etsy.com/shop/bearfootcarvings" target="blank"  class="popup-btn">Barefoot Carvings</a>
    </div>
                <img src="assets/images/shop-24.png" style="width:206px; height:144px; ">
                
            </div>
            <div class="col-3 d-flex hover-box">
                <img src="assets/images/shop-10.png" style=" width:206px; height:144px;">
                  <div class="popup-box">
        <img src="assets/images/tee.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://teesdyes.com/" target="blank" class="popup-btn">Tee's Dyes</a>
    </div>
            </div>
            <div class="col-3 d-flex justify-content-end hover-box">
                   <div class="popup-box" style="left: -28%;">
        <img src="assets/images/brand-10.png" class="popup-logo">
        <p class="popup-text">Visit Official site for info.</p>
        <a href="https://www.wicklowart.com/" target="blank" class="popup-btn">Wicklow Art </a>
    </div>
                <img src="assets/images/shop-9.png" style="width:190px; height:159px;" >
            </div>
        </div>
        </div>
    </div>
</div>


 

<?php include("inc/footer.php"); ?>


<script src="https://unpkg.com/aos@2.3.0/dist/aos.js"></script>
<script>
  AOS.init({
    duration: 800, // Animation speed (ms)
    easing: 'ease-in-out', // Smooth motion
    once: true // Run animation only once on load
  });
</script>




    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.rawgit.com/michalsnik/aos/1.0.1/dist/aos.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
    <script src="assets/js/custom.js"></script>
</body>
</html>




















