HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/Artfactory/Bumble-ducks/
Current File : //home/htlwork.com/www/dev/Artfactory/Bumble-ducks/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Bumble Ducks</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	<link rel="stylesheet" href="dist/aos.css" />

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
	
	<link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
	
    <!-- Custom Fonts -->
	<link href="font-awesome/css/all.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->    
	
<script>
jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.header').addClass("sticky");
    }
    else{
        jQuery('.header').removeClass("sticky");
    }
});

jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.back-to-top').addClass("scroll");
    }
    else{
        jQuery('.back-to-top').removeClass("scroll");
    }
});
</script>

</head>
<body data-aos-easing="ease-out-back" data-aos-duration="1000" data-aos-delay="0">
<div class="page-wrapper chiller-theme">
  <nav id="sidebar" class="sidebar-wrapper">
    <div class="sidebar-content">
	
      <div class="sidebar-brand">
        <div id="close-sidebar"><span></span></div>
      </div>

      <div class="sidebar-menu hidden">
        <ul>
		  <li class="current-menu-item"><a href="index.html">Home</a></li>
		  <li><a href="#">About Us</a></li>
		  
          <li class="sidebar-dropdown">
            <a>Shop</a>
            <ul class="sub-menu">
			  <li><a href="#">Whiskey</a></li>
			  <li><a href="#">Gift Cards</a></li>
			</ul>
          </li>
		  
		  <li><a href="#">Blog</a></li>
		  <li><a href="#">Contact Us</a></li>
        </ul>
      </div><!-- sidebar-menu  -->
	  
	  <div class="sidebar-info">
	    <h2>let’s make something together</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		<address>
		  <h3>Phone support</h3>
		  <p><a href="tel:000">000</a></p>
		</address>
		<address>
		  <h3>Email us</h3>
		  <p><a href="mailto:"></a></p>
		</address>
		
		<div class="icon-sidebar">
		  <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
		    <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
		    <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
		</div>
		  
      </div><!-- sidebar-info -->
    </div><!-- sidebar-content  -->
  </nav>
  
<main class="page-content">
<div class="full-body hidden"></div>
<header class="header" id="Home">
  
  <div class="offer-top hidden">    
    <div class="layout">    
      <p class="tagline"><span>Limited Time</span> | Subscribe for 15% Off</p><p class="link"><a href="#">Get 15% Off</a></p>
    </div>
  </div>
  
  <div class="head-top">    
    <div class="container-fluid">
      <div class="row align-items-center">                 
		
		<div class="col-sm-6 logo">
		  <a href="index.html"><img src="images/logo.png" alt="image"></a>		           
        </div>
		
		<div class="col-sm-6 head-right">
		  <div class="product-header">	
            <div class="product_search_form hidden">
		   <form>
			 <div class="collapse" id="search-input" style="">
			   <div class="card card-body">
				 <div class="input-group">
                   <input name="s" id="s" class="form-control" placeholder="Search" required="" type="text">
                   <button type="submit" class="search_btn"><i class="fa fa-search" aria-hidden="true"></i></button>
				 </div>
			   </div>
			 </div>
			 
			   <button class="click-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#search-input" aria-expanded="false" aria-controls="search-input"><span class="fa fa-fw fa-search" title="search" aria-hidden="true"></span><span class="sr-only">Search</span></button>
            </form>		 
          </div>
		  
		  <div class="account-view">
		    <button class="click-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#account" aria-expanded="false" aria-controls="account"><i class="fa-regular fa-user"></i></button>
			
			<div class="collapse" id="account" style="">
			  <div class="card card-body">
			    <ul>
                  <li><a href="#"> <i class="fa fa-user"></i> Register</a></li>
                  <li><a href="#">  <i class="fa fa-sign-in"></i> Login</a></li>
                </ul>
			  </div>
			</div>
          </div>
		  
		    <div class="cart-button">		  
		      <button class="click-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#cart" aria-expanded="false" aria-controls="cart"><i class="fa-solid fa-bag-shopping"></i>
			    <div class="cartco hidden"><span id="cart-total"><span class="cartcount">0</span></span></div>
			  </button>
			</div>
		  
		    <div class="wishlist">
			  <button class="click-btn"><a href="#"><i class="fa-regular fa-heart"></i></a></button>
			</div>
			
		  </div><!--/ product-header -->		           
        </div><!--/ header-right -->			
                
      </div><!--/ row -->
    </div>
  </div>
  
  <div class="menu-head">             
    <div class="container-fluid">	  
      
	  <nav class="navbar navbar-expand-lg">
	    <div class="container-fluid">
		
		  <a class="navbar-brand hidden" href="#">
		    <img src="images/logo.png" alt="">
		  </a>
		  
		  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
		  
		  <div class="collapse navbar-collapse" id="navbarSupportedContent">
		    <ul class="navbar-nav">
			  <li><a href="index.html">Home</a></li>
			  <li class="sub-drop">
			    <a>Shop Departments</a>
				<ul class="sub-menu" id="modules-menu">
			    <div class="row sub-menu-row art-shop">
				  
				  <div class="col-sm-12">
				    <div class="row">
					  
					  <li class="col-sm-4 art-shop-col ">
					 	<h3>Shop Departments</h3>
						<div class="drop-image-menu">
							<a href="#"><figure><img src="images/sub-img-05.jpg" alt=""></figure>
								British Sweet Shop
							</a>
							<a href="#"><figure><img src="images/sub-img-04.jpg" alt=""></figure>
								American Candy Store
							</a>
							<a href="#"><figure><img src="images/sub-img-03.jpg" alt=""></figure>
								WoodCraft
							</a>
							<a href="#"><figure><img src="images/sub-img-02.jpg" alt=""></figure>
								Soapery
							</a>
							<a href="#"><figure><img src="images/sub-img-01.jpg" alt=""></figure>
								Art Gallery
							</a>
						  </div>
				      </li>
					  
					  <li class="col-sm-3 art-shop-col">
					    <h3>British Sweet Shop</h3>
						<ul>
						  <li><a href="#">Selection Boxes</a></li>
						  <li><a href="#">Sweet Jars</a></li>
						  <li><a href="#">Best of British</a></li>
						  <li><a href="#">Pick & Mix</a></li>
						  <li><a href="#">Sweet Gift Ideas</a></li>
						  <li><a href="#">What’s New</a></li>
					    </ul>
				      </li>
					  
					  <li class="col-sm-3 art-shop-col">
				        <h3>American Candy Store</h3>
						<ul>
				          <li><a href="#">Selection Boxes</a></li>
						  <li><a href="#">Candy Jars</a></li>
						  <li><a href="#">Candy Gift Ideas</a></li>
						  <li><a href="#">Hot Picks</a></li>
						  <li><a href="#">Best Sellers</a></li>
						  <li><a href="#">What’s New</a></li>
				        </ul>
				      </li>
					  
					  <li class="col-sm-2 art-shop-col">
				        <h3>Woodcraft</h3>
					    <ul>
				          <li><a href="#">Mirrors</a></li>
						  <li><a href="#">Furniture</a></li>
						  <li><a href="#">Wall Art</a></li>
						  <li><a href="#">Bespoke </a></li>
						  <li><a href="#">Home &amp; Living</a></li>
						  <li><a href="#">What’s New</a></li>
				        </ul>
				      </li>
					  
					  <li class="col-sm-2 art-shop-col">
					    <h3>Soapery</h3>
						<ul>
				          <li><a href="#">Artisan Soaps</a></li>
						  <li><a href="#"> Bath Bombs</a></li>
						  <li><a href="#">Inspiration </a></li>
						  <li><a href="#">Gifts</a></li>
						  <li><a href="#">Candles</a></li>
						  <li><a href="#">What’s New</a></li>
				        </ul>
				      </li>

					  <li class="col-sm-2 art-shop-col">
					    <h3>Art Shop</h3>
						<ul>
				          <li><a href="#">Wall Art</a></li>
						  <li><a href="#">Accessories</a></li>
						  <li><a href="#">Home & Living</a></li>
						  <li><a href="#">Art Gifts </a></li>
						  <li><a href="#"> Commissions</a></li>
						  <li><a href="#">Inspiration</a></li>
				        </ul>
				      </li>
				  
				    </div>
				  </div>
				  
				</div>
			  </ul>
			  </li>

			  <li><a href="inspiration.html">Inspiration</a></li>

			  <li class="sub-drop">
			    <a>About</a>
				<ul class="sub-menu" id="modules-menu">
			    <div class="row sub-menu-row">
				
				  <div class="col-sm-4 left">
				    <div class="menu-image">
				      <figure><img src="images/slider-02.jpg" alt="image"></figure>
					</div>
				  </div>
				  
				  <div class="col-sm-8 right">
				    <div class="row">
				      
					  <li class="col-sm-6">
						<ul>
				          <li><a href="about-us.html">About Artfactory</a></li>
						  <li><a href="brand.html">Our Brands</a></li>
						  <li><a href="delivery-returns.html">Delivery/returns</a></li>
						  <li><a href="faq.html">Frequently Asked Questions</a></li>
				        </ul>
				      </li>
					  
					  <li class="col-sm-6">
						<ul>
						  <li><a href="#">Wholesale/trade</a></li>
						  <li><a href="join-us.html">Join Us</a></li>
						  <li><a href="news.html">News</a></li>
						  <li><a href="contact-us.html">Contact us</a></li>
				        </ul>
				      </li>
				  
				    </div>
				  </div>
				  
				</div>
			    </ul>
			  </li>
			  
			  <li><a href="contact-us.html">Contact Us</a></li>
		    </ul>
			
		  </div>
		  
		  <div class="search-bar">
	      <div class="product_search_form">
		   <form>
			 <div class="collapse" id="search-input" style="">
			   <div class="card card-body">
				 <div class="input-group">
                   <input name="s" id="s" class="form-control" placeholder="Search" required="" type="text">
                   <button type="submit" class="search_btn"><i class="fa fa-search" aria-hidden="true"></i></button>
				 </div>
			   </div>
			 </div>
			 
			   <button class="btn click-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#search-input" aria-expanded="false" aria-controls="search-input"><span class="fa fa-fw fa-search" title="search" aria-hidden="true"></span><span class="sr-only">Search</span></button>
            </form>		 
          </div>
          </div><!-- search-bar -->
		  
		  <a id="show-sidebar" class="btn hidden"><span></span></a>
		  
	    </div>
	  </nav>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner">
  <div class="container-fluid">
  <div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
    
	<div class="carousel-inner">
      
	  <div class="carousel-item active">
	    <div class="container">
	      <div class="row align-items-center">
	        <div class="col-sm-7 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>BUMBLEDUKES BRITISH SWEET SHOP</span>Great British Sweets</h1>
				  <p>The Finest Confectionery Available To Humanity</p>
				  <p><a href="#" class="btn"> EXPLORE SWEET SHOP</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-5 banner-right">
			  <figure><img src="images/bb-slider1.jpg" alt="image"  class="slide-image"/></figure>
			</div>
			
	      </div><!--/ row -->
	    </div>
	  </div><!--/ carousel item -->
	  
	  <div class="carousel-item">
	    <div class="container">
	      <div class="row align-items-center">
	        <div class="col-sm-7 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>SWEET JARS</span>Clearly Enjoyable </h1>
				  <p>Jars filled with mouth-watering sweet selections just waiting to be emptied … </p>
				  <p><a href="#" class="btn">SHOP SWEET JARS</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-5 banner-right">
			  <figure><img src="images/bb-slide-2.jpg" alt="image"  class="slide-image"/></figure>
			</div>
			
	      </div><!--/ row -->
	    </div>
	  </div><!--/ carousel item -->
	  
	  <div class="carousel-item">
	    <div class="container">
	      <div class="row align-items-center">
	        <div class="col-sm-7 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>SWEET SELECTION BOXES</span>Indulgent Sweet Selections</h1>
				  <p>Traditional, retro and contemporary sweet and chocolate treats to tickle the taste buds.</p>
				  <p><a href="#" class="btn">SHOP SWEET SELECTION BOXES</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-5 banner-right">
			  <figure><img src="images/bb-slide-3.jpg" alt="image"  class="slide-image"/></figure>
			</div>
			
	      </div><!--/ row -->
	    </div>
	  </div><!--/ carousel item -->
	  
	  <div class="carousel-item">
	    <div class="container">
	      <div class="row align-items-center">
	        <div class="col-sm-7 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>SWEET GIFT IDEAS</span>Sweet Gifts To Bring a Smile</h1>
				  <p>Tantalise the taste-buds of the most discerning sweet lover</p>
				  <p><a href="#" class="btn">BUY SWEET GIFTS</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-5 banner-right">
			  <figure><img src="images/bb-slide-4.jpg" alt="image"  class="slide-image"/></figure>
			</div>
			
	      </div><!--/ row -->
	    </div>
	  </div><!--/ carousel item -->
	  
	  <div class="carousel-item">
	    <div class="container">
	      <div class="row align-items-center">
	        <div class="col-sm-7 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>BEST OF BRITISH</span>Timeless, Tasteful & Exceptional</h1>
				  <p>Iconic brands, classic and contemporary confectionery innovations that are unashamedly British</p>
				  <p><a href="#" class="btn">EXPLORE</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-5 banner-right">
			  <figure><img src="images/bb-slide-5.jpg" alt="image"  class="slide-image"/></figure>
			</div>
			
	      </div><!--/ row -->
	    </div>
	  </div><!--/ carousel item -->

	  <div class="carousel-item">
	    <div class="container">
	      <div class="row align-items-center">
	        <div class="col-sm-7 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>PICK & MIX</span>Hand-weighed sweet selections </h1>
				  <p>A huge array of sweet options for your delectation</p>
				  <p><a href="#" class="btn">EXPLORE PICK & MIX</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-5 banner-right">
			  <figure><img src="images/bb-slide-6.jpg" alt="image"  class="slide-image"/></figure>
			</div>
			
	      </div><!--/ row -->
	    </div>
	  </div><!--/ carousel item -->

	  <div class="carousel-item">
	    <div class="container">
	      <div class="row align-items-center">
	        <div class="col-sm-7 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>JUST LANDED</span>Too good to be true…</h1>
				  <p>Explore confectionery that is simply out of this world</p>
				  <p><a href="#" class="btn">SHOP LATEST ARRIVALS</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-5 banner-right">
			  <figure><img src="images/bb-slide-7.jpg" alt="image"  class="slide-image"/></figure>
			</div>
			
	      </div><!--/ row -->
	    </div>
	  </div><!--/ carousel item -->

	  <div class="carousel-item">
	    <div class="container">
	      <div class="row align-items-center">
	        <div class="col-sm-7 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>BEST SELLERS</span>GOING FAST</h1>
				  <p>Popular sweets that people are rushing to buy …</p>
				  <p><a href="#" class="btn">SHOP LATEST ARRIVALS</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-5 banner-right">
			  <figure><img src="images/bb-slide-8.jpg" alt="image"  class="slide-image"/></figure>
			</div>
			
	      </div><!--/ row -->
	    </div>
	  </div><!--/ carousel item -->

	  <div class="carousel-item">
	    <div class="container">
	      <div class="row align-items-center">
	        <div class="col-sm-7 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>A WORLD OF CHOICE</span>Indulge Your Taste Buds</h1>
				  <p>Crunchy, chewy, bubbly, powdery, soft, creamy, fruity, sweet, sour …</p>
				  <p><a href="#" class="btn">SHOP SWEET SELECTIONS</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-5 banner-right">
			  <figure><img src="images/bb-slide-9.jpg" alt="image"  class="slide-image"/></figure>
			</div>
			
	      </div><!--/ row -->
	    </div>
	  </div><!--/ carousel item -->
    
	</div><!--/ carousel-inner -->
	
	<div class="carousel-button">
	  <button class="carousel-control-prev left" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev"><span class="carousel-control-prev-icon fa fa-angle-left" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button>
	
	  <button class="carousel-control-next right" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next"><span class="carousel-control-next-icon fa fa-angle-right" aria-hidden="true"></span><span class="visually-hidden">Next</span></button>
	</div><!--/ carousel-button -->
	
  </div> 
  </div> 
</section><!--/ banner -->     


<section class="our-specials shop-by-category ">
	<div class="container">
		<div class="row">
				<div class="buttons mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
				  <h2>Shop By Category</h2>
				  <ul>
					<li><a href="#" class="btn">Selection Boxes</a></li>
					<li><a href="#" class="btn">Sweet Jars</a></li>
					<li><a href="#" class="btn">Best Of British</a></li>
					<li><a href="#" class="btn">Pick & Mix</a></li>
					<li><a href="#" class="btn">Sweet Gift Ideas</a></li>
					<li><a href="#" class="btn">What’s New</a></li>
				  </ul>
				</div>
	</div>
</section>


<section class="our-specials our-specials-main sbc-section text-center pad-b5 store-sec">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col">
		
	    <div class="title mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>What’s In Store</h2>
        </div><!--/ title -->
	  </div><!--/ os-col -->

	      <div class="col-sm-2 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/bb-what's-in-1.png" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3>Selection Boxes</h3>
				<p><a href="#">SHOP SELECTION BOXES</a></p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
		  
		  <div class="col-sm-2 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/bb-what's-in-2.png" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3>Sweet Jars</h3>
				<p><a href="#">SHOP SWEET JARS</a></p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->

		  <div class="col-sm-2 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/bb-what's-in-3.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3>Best Of British</h3>
				<p><a href="#">DISCOVER BEST OF BRITISH</a></p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
		
		  <div class="col-sm-2 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/bb-what's-in-4.png" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3>Pick & Mix</h3>
				<p><a href="#">DISCOVER PICK & MIX</a></p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
		
		  <div class="col-sm-2 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/bb-what's-in-5.png" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3>Sweet Gift Ideas</h3>
				<p><a href="#">EXPLORE SWEET GIFT IDEAS</a></p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->

		  <div class="col-sm-2 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/bb-what's-in-6.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3>What’s New</h3>
				<p><a href="#">WHAT’S JUST LANDED</a></p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
      
    </div><!--/ row --> 
  </div>
</section><!--/ our-specials -->



<section class="our-specials pad-t40 pad-b5 featured-artists">
  <div class="container">
    <div class="row row-main">
      
      <div class="col-sm-12 os-col">
	    <div class="title text-center mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <h3>Top Picks</h3>
        </div><!--/ title -->
	  </div><!--/ os-col -->


			<div class="col-lg-2 col-md-4 os-grid-col aos-animate m-0" data-aos="fade-up" data-aos-duration="1000">
			  <div class="specials-box">
				<div class="thumb"><a href="#"><img src="images/Artist-Dan-Taylor-01.jpg" alt="services"></a></div>
				<div class="specials-text">				
				  <h3><a href="#">Sweet Selection Box</a></h3>
				  <!--<p>Mix-Media On Canvas – Upcycled Frame</p>
				   <p><b>75 x 50cm</b></p>
				  <p class="price">£375</p> -->
				</div>
			  </div>
			</div><!--/ os-grid-col -->
		
			<div class="col-lg-2 col-md-4 os-grid-col aos-animate m-0" data-aos="fade-up" data-aos-duration="1000">
			  <div class="specials-box">
				<div class="thumb"><a href="#"><img src="images/Artist-Dan-Taylor-02.jpg" alt="services"></a></div>
				<div class="specials-text">				
				  <h3><a href="#">X Large Sweet Jar</a></h3>
				  <!--<p>Mix-Media On Canvas –</p>
				   <p><b>100 x 75 x 4cm</b></p>
				  <p class="price">£495</p> -->
				</div>
			  </div>
			</div><!--/ os-grid-col -->
		
			<div class="col-lg-2 col-md-4 os-grid-col aos-animate m-0" data-aos="fade-up" data-aos-duration="1000">
			  <div class="specials-box">
				<div class="thumb"><a href="#"><img src="images/Artist-Dan-Taylor-03.png" alt="services"></a></div>
				<div class="specials-text">				
				  <h3><a href="#">Sweet Selection Box 2</a></h3>
				  <!-- <p>Mix-Media On Canvas –</p>
				  <p><b>150 x 120 x 4cm</b></p>
				  <p class="price">£1,250</p> -->
				</div>
			  </div>
			</div><!--/ os-grid-col -->

			<div class="col-lg-2 col-md-4 os-grid-col aos-animate m-0" data-aos="fade-up" data-aos-duration="1000">
				<div class="specials-box">
				  <div class="thumb"><a href="#"><img src="images/Giorgio-Animale-01.jpg" alt="services"></a></div>
				  <div class="specials-text">				
					<h3><a href="#">Large Sweet Jar 2</a></h3>
					<!-- <p>Various Formats</p>
					<p class="price">£9.99</p> -->
				  </div>
				</div>
			  </div><!--/ os-grid-col -->
		  
			  <div class="col-lg-2 col-md-4 os-grid-col aos-animate m-0" data-aos="fade-up" data-aos-duration="1000">
				<div class="specials-box">
				  <div class="thumb"><a href="#"><img src="images/Giorgio-Animale-02.jpg" alt="services"></a></div>
				  <div class="specials-text">				
					<h3><a href="#">Sweet Pouch</a></h3>
					<!-- <p>Various Formats</p>
					<p class="price">£9.99</p> -->
				  </div>
				</div>
			  </div><!--/ os-grid-col -->
		  
			  <div class="col-lg-2 col-md-4 os-grid-col aos-animate m-0" data-aos="fade-up" data-aos-duration="1000">
				<div class="specials-box">
				  <div class="thumb"><a href="#"><img src="images/Giorgio-Animale-03.jpg" alt="services"></a></div>
				  <div class="specials-text">				
					<h3><a href="#">Victorian Sweet Jar</a></h3>
					<!-- <p>Various Formats</p>
					<p class="price">£9.99</p> -->
				  </div>
				</div>
			  </div><!--/ os-grid-col -->
	</div>
  </div>
</section><!--/ our-specials -->

<section class="our-specials pad-t40 pad-b5 fancy-sec">
	<div class="container">
	  <div class="row row-main">
		
		<div class="col-sm-12 os-col">
		  <div class="title text-center mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
			<h2>Chocolate Or Candy?</h2>
		  </div><!--/ title -->
		</div><!--/ os-col -->
		
			<div class="col-sm-6 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
			  <div class="specials-box">
				<div class="thumb"><img src="images/bb-chocolate-1.jpg" alt="services"></div>
				<div class="specials-text">				
				  <h3>Chocolate</h3>
				  <!-- <p>Chocolate</p> -->
					<p><a href="#">SHOP CHOCOLATE</a></p>
				</div>
			  </div>
			</div><!--/ os-grid-col -->
		  
			<div class="col-sm-6 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
			  <div class="specials-box">
				<div class="thumb"><img src="images/bb-chocolate-2.jpg" alt="services"></div>
				<div class="specials-text">				
				  <h3>Candy</h3>
				  <!-- <p>Candy</p> -->
				  <p><a href="#">SHOP CANDY</a></p>
				</div>
			  </div>
			</div><!--/ os-grid-col -->
		
	  </div><!--/ row --> 
	</div>
  </section><!--/ our-specials -->



  <section class="our-specials pad-t10 pad-b5 exquisite-animal-art new-in-sec">
	<div class="container">
	  <div class="row-main">
	  <div class="row">
		
		<div class="col-sm-12 os-col">
		  <div class="title mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
			<h2>What’s New</h2>
		  </div><!--/ title -->
		</div><!--/ os-col -->
		
		<div class="col-sm-2 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
			<div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/new-in-1.png" alt="services"></a></div>
			  <div class="specials-text">				
				<h3><a href="#">XL Selection Box</a></h3>
			  </div>
			</div>
		  </div><!--/ os-grid-col -->

			<div class="col-sm-2 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
			  <div class="specials-box">
				<div class="thumb"><a href="#"><img src="images/new-in-2.jpg" alt="services"></a></div>
				<div class="specials-text">				
				  <h3><a href="#">5L Sweet Jar Metal Lid</a></h3>
				</div>
			  </div>
			</div><!--/ os-grid-col -->
		
			<div class="col-sm-2 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
			  <div class="specials-box">
				<div class="thumb"><a href="#"><img src="images/new-in-3.jpg" alt="services"></a></div>
				<div class="specials-text">				
				  <h3><a href="#">Victorian Jar</a></h3>
				</div>
			  </div>
			</div><!--/ os-grid-col -->
		
			<div class="col-sm-2 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
			  <div class="specials-box">
				<div class="thumb"><a href="#"><img src="images/new-in-4.png" alt="services"></a></div>
				<div class="specials-text">				
				  <h3><a href="#">3L Sweet Jar</a></h3>
				</div>
			  </div>
			</div><!--/ os-grid-col -->
			
			<div class="col-sm-2 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
			  <div class="specials-box">
				<div class="thumb"><a href="#"><img src="images/new-in-5.png" alt="services"></a></div>
				<div class="specials-text">				
				  <h3><a href="#">XL Selection Box 2</a></h3>
				</div>
			  </div>
			</div><!--/ os-grid-col -->
		
	  </div><!--/ row --> 
	  </div><!--/ row-main --> 
	</div>
  </section><!--/ our-specials -->



<section class="our-specials pad-t20 pad-b5 main-store-departments exquisite-animal-art explore-new-art">
  <div class="container">
    <div class="row-main">
    <div class="row">
      
      <div class="col-sm-12 os-col">
	    <h2 class="title mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">Main Store Departments</h2>
	  </div><!--/ os-col -->
	  
	      <div class="col-lg-4 col-md-4 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Store-Departments-01.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Store Home Page</a></h3>
				<p>All Departments</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
		  
		  <div class="col-lg-4 col-md-4 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Store-Departments-02.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">British Sweet Shop</a></h3>
				<p>Buy British Sweets</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
		  
		  <div class="col-lg-4 col-md-4 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Store-Departments-03.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">American Candy Store</a></h3>
				<p>Buy American Candy</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
		  
		  <div class="col-lg-4 col-md-4 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Store-Departments-04.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Artisan Woodcraft</a></h3>
				<p>Buy Wood Crafts</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
		  
		  <div class="col-lg-4 col-md-4 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Store-Departments-05.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Timeless Luxury Company</a></h3>
				<p>Shop Home, Soaps & Beauty</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
		  
		  <div class="col-lg-4 col-md-4 os-grid-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Store-Departments-06.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Vintage Emporium</a></h3>
				<p>Buy Pre-loved & Vintage</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
      
    </div><!--/ row --> 
    </div><!--/ row-main --> 
  </div>
</section><!--/ our-specials -->

<section class="about-sec mrb-30">
  <div class="container">
    <div class="row align-items-center aos-animate" data-aos="fade-up" data-aos-duration="1000">
      
	  <div class="col-sm-7 left-area text-center">
		<figure><img src="images/Store-Departments-02 (1).jpg" alt=""></figure>
      </div><!--/ left-area -->  
	  
	  <div class="col-sm-5 right-area text-center">
	    <div class="inner">
	      <h2>Welcome To ArtFactory </h2>
		  <p>Here, you can find a magnificent array of retro sweets, traditional confectionery, pick ‘n’ mix, party bags, sweet buffets, nostalgic tuck shop favourites, delectable handmade confections, novelty confectionery, sweet jars, sweet selection boxes, sweet hampers, confectionery gifts and much, much more… </p>
		  <p>In short; the finest confectionery available to humanity. </p>
		  <!-- <p><a class="btn" href="about-us.html">Find Out More</a></p> -->
	    </div><!--/ inner -->
	  </div>
          
    </div><!--/ row -->	
  </div>
</section><!--/ about-sec -->

<footer class="footer">  
   <div class="back-to-top"><a href="#Home" class="BackTo btn"><i class="fa fa-angle-up" aria-hidden="true"></i>Back to top</a></div>
   <script>
$(document).ready(function(){
 let scroll_link = $('.scroll');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>
  <div class="container">
  
    <div class="row">
		  
		  <div class="col-sm-3 col-wh">
		    <div class="wg-1">
			  <h4>About</h4>
			  <ul>
				<li><a href="#">About</a></li>
				<li><a href="#">Contact Us</a></li>
				<li><a href="#">FAQS</a></li>
				<li><a href="#">Sitemap</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm -->
		  
		  <div class="col-sm-3 col-wh">
		    <div class="wg-1">
			  <h4>Artfactory</h4>
			  <ul>
			    <li><a href="term.html">Terms Of Service</a></li>
				<li><a href="privacy-notice.html">Privacy Notice</a></li>
				<li><a href="cookies-notice.html">Cookie Notice</a></li>
				<li><a href="cookies-setting.html">Cookie Settings</a></li>
				<li><a href="copyright-policy.html">Copyright Policy</a></li>
				<li><a href="shipping-return.html">Shipping & Returns</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm -->
		  
		  <div class="col-sm-3 col-wh">
		    <div class="wg-1">
			  <h4>Shop Departments</h4>
			  <ul>
			    <li><a href="#">American Candy Store</a></li>
				<li><a href="#">British Sweet Shop</a></li>
				<li><a href="#">Soapery</a></li>
				<li><a href="#">Wood Crafts</a></li>
				<li><a href="#">Vintage Store</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm --> 
		  
		  <div class="col-sm-3 col-wh">
		    <div class="wg-1">
			  <h4>Payment Gateway</h4>
		  <div class="payment-icons">
			<a href="#"><img src="images/visa.png" alt=""></a>
			<a href="#"><img src="images/paypal.png" alt=""></a>
			<a href="#"><img src="images/worldpay.png" alt=""></a>
			<a href="#"><img src="images/mastercard.png" alt=""></a>
			<a href="#"><img src="images/american-express.webp" alt=""></a>
			<a href="#"><img src="images/discover.png" alt=""></a>
		  </div>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm -->
		             
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-7"><p class="copyright">© Artfactory Limited 2024. All Rights Reserved.   </p></div>
		
		<div class="col-sm-5">
		  <div class="icon-ft">
            <a target="_blank" href="#"><i class="fa-brands fa-facebook-f"></i></a>
            <a target="_blank" href="#"><i class="fa-brands fa-x-twitter"></i></a>
            <a target="_blank" href="#"><i class="fa-brands fa-youtube"></i></a>
            <a target="_blank" href="#"><i class="fa-brands fa-pinterest"></i></a>
            <a target="_blank" href="#"><i class="fa-brands fa-instagram"></i></a>
            <a target="_blank" href="#"><i class="fa-brands fa-tiktok"></i></a>
            <a target="_blank" href="#"><i class="fa-solid fa-blog"></i></a>
          </div>
		</div>		
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
</footer>

</div><!--/ page-content -->
</div><!--/ page-wrapper -->

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/menu.js"></script>	
<script src="dist/aos.js"></script>	
<script>
$(document).ready(function(){
$(".sa-col").mouseover(function(){
  $(this).addClass("overlay");
});

$(".sa-col").mouseout(function(){
 $(this).removeClass("overlay");
});
})
</script>

<script>
$('#owl-demo-1').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:3
        }
    }
}) 

$('#owl-demo-2').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:3
        }
    }
}) 

$('#owl-demo-3').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:3
        }
    }
}) 

$(".process-col").mouseenter(function(){
    $(".process-col .item").removeClass('active');
    $(this).find('.item').addClass('active');
});
</script>
		  
</body>
<script>
  AOS.init();
</script>
</html>