HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/Artfactory/
Current File : //home/htlwork.com/www/dev/Artfactory/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>Artfactory Art Store</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="#"><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>Art Shop</a>
					  <ul class="sub-menu" id="modules-menu">
					  <div class="row sub-menu-row art-shop">
					  
						<!--div class="col-sm-4 left">
						  <div class="menu-image">
							<img src="images/dummy.jpg" alt="image"></figure>
						  </div>
						</div-->
						
						<div class="col-sm-12">
						  <div class="row">
							
							<li class="col-sm-3 art-shop-col">
							  <h3>By Product</h3>
							  <ul>
								<li><a href="#">Wall Art</a></li>
								<li><a href="#">Accessories</a></li>
								<li><a href="#">Clothing</a></li>
								<li><a href="#">Home & Living</a></li>
								<li><a href="#">Stationery & Office</a></li>
								<li><a href="#">Gifts</a></li>
								<li><a href="#">Art Commissions</a></li>
								<li><a href="#">Wood Art</a></li>
							  </ul>
							</li>
							
							<li class="col-sm-3 art-shop-col">
							  <h3>By Style</h3>
							  <ul>
								<li><a href="#">Pop Art</a></li>
								<li><a href="#">Digital Art</a></li>
								<li><a href="#">Modern</a></li>
								<li><a href="#">Street Art</a></li>
								<li><a href="#">Cartoon</a></li>
								<li><a href="#">Abstract</a></li>
								<li><a href="#">Vintage Posters</a></li>
								<li><a href="#">Wood Art</a></li>
							  </ul>
							</li>
							
							<li class="col-sm-3 art-shop-col">
							  <h3>By Medium</h3>
							  <ul>
								<li><a href="#">Original Paintings</a></li>
								<li><a href="#">Prints</a></li>
								<li><a href="#">Photographs</a></li>
								<li><a href="#">Sculptures</a></li>
								<li><a href="#">Drawings</a></li>
								<li><a href="#">Digital Art</a></li>
								<li><a href="#">Cartoons</a></li>
								<li><a href="#">Wood Art</a></li>
							  </ul>
							</li>
							
							<li class="col-sm-3 art-shop-col">
							  <h3>By Subject</h3>
							  <ul>
								<li><a href="#">Abstract</a></li>
								<li><a href="#">Animal</a></li>
								<li><a href="#">Pop Culture</a></li>
								<li><a href="#">Humour</a></li>
								<li><a href="#">Cartoon</a></li>
								<li><a href="#">Places</a></li>
								<li><a href="#">Nature</a></li>
								<li><a href="#">Typography</a></li>
							  </ul>
							</li>
							
							<li class="col-sm-3 art-shop-col">
							  <h3>Shop Departments</h3>
							  <ul>
								<li><a href="#">Store Home Page</a></li>
								<li><a href="#">British Sweet Shop</a></li>
								<li><a href="#">American Candy Store</a></li>
								<li><a href="#">Woodcraft </a></li>
								<li><a href="#">Soapery</a></li>
								<li><a href="#">Art Shop</a></li>
								<li><a href="#">Vintage Emporium</a></li>
							  </ul>
							</li>
						
						  </div>
						</div>
						
					  </div>
					</ul>
					</li>
	  
					<li class="sub-drop">
					  <a>Shop Departments</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="#">Main Store</a></li>
								<li><a href="#">British Sweet Shop</a></li>
								<li><a href="#">American Candy Store</a></li>
								<li><a href="#">Woodcraft</a></li>
								<li><a href="#">Soapery</a></li>
								<li><a href="#">Art Shop</a></li>
								<li><a href="#">Vintage Emporium</a></li>
							  </ul>
							</li>
						
						  </div>
						</div>
						
					  </div>
					  </ul>
					</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="about-artist.html">Our Artists</a></li>
								<li><a href="delivery-returns.html">Delivery/returns</a></li>
								<li><a href="faq.html">Frequently Asked Questions</a></li>
								<li><a href="contact-us.html">Contact Us</a></li>
							  </ul>
							</li>
							
							<li class="col-sm-6">
							  <ul>
								<li><a href="#">Wholesale/trade</a></li>
								<li><a href="#">Commission An Artwork</a></li>
								<li><a href="join-us.html">Join Us</a></li>
								<li><a href="blog.html">Blog</a></li>
								<li><a href="news.html">News</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-6 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>Be Smart… Like This Zebra</span>Beauty - A Matter Of Fact Or Taste?</h1>
				  <p>With Art, not everything Is black & white. Philosophers and aestheticians have debated the definition of beauty for centuries. If you want to buy art, you don’t have to theorise.</p>
				  <p><a href="#" class="btn">Start Exploring</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-6 banner-right">
			  <figure><img src="images/slider-01.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-6 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>Buy Majestic Works Of Art</span>Art Fit For A King</h1>
				  <p>Whatever your status and worth, we’re sure you’ll be able to buy some splendid works of art here. We provide affordable art and you won’t be asked to pay a king’s ransom.</p>
				  <p><a href="#" class="btn">Start Exploring</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-6 banner-right">
			  <figure><img src="images/slider-02.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-6 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>Cool Art For The Home?</span>Discover The Fine Art Of Chilling</h1>
				  <p>Our homes document our lives, reflect our days and are an embodiment of who we are. Art is an enriching way to express our identity. Art connects and brings enjoyment to ourselves as well as the people around us. Pretty cool, huh?</p>
				  <p><a href="#" class="btn">Start Exploring</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-6 banner-right">
			  <figure><img src="images/slider-03.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-6 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>Discover The Power Of Art</span>Art Moves Us & Makes Us Move</h1>
				  <p>Artists possess power, as do works of art. Art is an expression of emotion and a medium for communicating ideas. It has the power to evoke emotion, impact, influence, entertain, educate and inspire action in individuals. Art moves us and makes us move.</p>
				  <p><a href="#" class="btn">Start Exploring</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-6 banner-right">
			  <figure><img src="images/slider-04.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-6 banner-left">
			  <div class="slide-text">
			    <div class="info">
				  <h1><span>Art Mirrors The Human Experience</span>Make No Bones About It</h1>
				  <p>Art serves as a reflection of our innermost emotions and the world around us. Through art we can explore the human condition. Art gives meaning to our lives and helps us understand our world, our emotions and ourselves.</p>
				  <p><a href="#" class="btn">Start Exploring</a></p>
				</div>
			  </div><!--/ slide-text -->
			</div><!--/ banner-left -->
			
	        <div class="col-sm-6 banner-right">
			  <figure><img src="images/slider-05.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 our-specials-main sbc-section text-center pad-b5">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col">
	    <div class="buttons mrb-40 aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <h2>Shop By Category</h2>
		  <ul>
		    <li><a href="#" class="btn">Paintings</a></li>
			<li><a href="#" class="btn">Cartoons</a></li>
			<li><a href="#" class="btn">Mixed Media</a></li>
			<li><a href="#" class="btn">Wood Art</a></li>
			<li><a href="#" class="btn">Wall Art</a></li>
			<li><a href="#" class="btn">New In</a></li>
			<li><a href="#" class="btn">Featured</a></li>
			<li><a href="#" class="btn">Artists</a></li>
		  </ul>
		</div>
		
	    <div class="title mrb-50 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>Discover Extraordinary Art <br>From Our Artist Collective</h2>
        </div><!--/ title -->
	  </div><!--/ os-col -->
	  
	      <div class="col-sm-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/art-01.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3>Fine Art Meets Pop</h3>
				<p><a href="#">Explore Works</a></p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
		
		  <div class="col-sm-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/art-02.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3>Fantastic Beasts</h3>
				<p><a href="#">Where to Find Them</a></p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
		
		  <div class="col-sm-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/art-03.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3>The Power of Nature</h3>
				<p><a href="#">Explore Wood Art</a></p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
      
    </div><!--/ row --> 
  </div>
</section><!--/ our-specials -->

<section class="our-specials shop-by-category pad-t10 hidden">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col pad-0">
	    <div class="title aos-animate" data-aos="fade-up" data-aos-duration="1000">
		
	      <h2>Shop By Category</h2>
	      
		  <div class="buttons aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <ul>
		    <li><a href="#" class="btn">Wall Art</a></li>
			<li><a href="#" class="btn">Mixed Media</a></li>
			<li><a href="#" class="btn">Paintings</a></li>
			<li><a href="#" class="btn">Wood Art</a></li>
		  </ul>
          </div><!--/ buttons -->
		  
        </div><!--/ title -->
      </div><!--/ os-col -->
      
    </div><!--/ row --> 
  </div>
</section><!--/ our-specials -->

<section class="our-specials pad-t40 pad-b5 featured-artists">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col">
	    <div class="title text-center mrb-50 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>Featured Artists</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/img-01.jpg" alt="services"></div>
			  <div class="specials-text">				
			    <h3>Giorgio Animale</h3>
				<p>Art That Is More Than Just Bearable</p>
				<p><a href="#">Shop The Collection</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/img-02.jpg" alt="services"></div>
			  <div class="specials-text">				
			    <h3>Dan Taylor</h3>
				<p>Eye-Catching Contemporary Artwork</p>
				<p><a href="#">Shop The Collection</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">
  <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>Exquisite Animal Art</h2>
		  <p class="text-end"><a href="#">Explore the Collection</a></p>
        </div><!--/ title -->
	  </div><!--/ os-col -->
	  
	      <div class="col-sm-3 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/Animal-Art-01.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Dressed To Kill</a></h3>
				<p>Available In Various Formats</p>
				<p class="price">£xxxx</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
	  
	      <div class="col-sm-3 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/Animal-Art-02.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Cool For Cats</a></h3>
				<p>Available In Various Formats</p>
				<p class="price">£xxxx</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
	  
	      <div class="col-sm-3 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/Animal-Art-03.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Mud, Mud, Glorious Mud</a></h3>
				<p>Available In Various Formats</p>
				<p class="price">£xxxx</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
		  
		  <div class="col-sm-3 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/Animal-Art-04.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">A Leopard Can Change Its Spots</a></h3>
				<p>Available In Various Formats</p>
				<p class="price">£xxxx</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
      
    </div><!--/ row --> 
    </div><!--/ row-main --> 
  </div>
</section><!--/ our-specials -->

<section class="our-specials pad-t10 pad-b5 exquisite-animal-art">
  <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>Pop Art Meets Fine Illustration</h2>
		  <p class="text-end"><a href="#">Explore the Collection</a></p>
        </div><!--/ title -->
	  </div><!--/ os-col -->
	  
	      <div class="col-sm-3 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/Pop-Art-01.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Clouds Yellow</a></h3>
				<p>Mixed Media On Canvas</p>
				<p class="price">£1250</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
	  
	      <div class="col-sm-3 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/Pop-Art-02.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Animal</a></h3>
				<p>Mixed Media On Canvas</p>
				<p class="price">£395</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
	  
	      <div class="col-sm-3 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/Pop-Art-03.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Charlie Brown</a></h3>
				<p>Mixed Media On Canvas</p>
				<p class="price">£250</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
		  
		  <div class="col-sm-3 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/Pop-Art-04.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Captain Caveman</a></h3>
				<p>Mixed Media On Canvas</p>
				<p class="price">£395</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
      
    </div><!--/ row --> 
    </div><!--/ row-main --> 
  </div>
</section><!--/ our-specials -->

<section class="our-specials pad-t20 pad-b5 exquisite-animal-art">
  <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>Unique, Chic Wood Art</h2>
		  <p class="text-end"><a href="#">Explore the Collection</a></p>
        </div><!--/ title -->
	  </div><!--/ os-col -->
	  
	      <div class="col-sm-3 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/Wood-Art-01.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Pyrography Tree Of Life Frame</a></h3>
				<p>Reclaimed Oak</p>
				<p class="price">£ 19,194</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
	  
	      <div class="col-sm-3 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/Wood-Art-02.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Cobalt Blue Fractal Burn Art Piece</a></h3>
				<p>Reclaimed Timber</p>
				<p class="price">£ 19,194</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
	  
	      <div class="col-sm-3 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/Wood-Art-03.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Fantazia Rave & Keith Haring</a></h3>
				<p>Laser Engraved Reclaimed Timber</p>
				<p class="price">£ 19,194</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
		  
		  <div class="col-sm-3 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/Wood-Art-04.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Metallic Blue Lichtenberg Wall Art</a></h3>
				<p>Reclaimed Oak</p>
				<p class="price">£ 19,194</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
      
    </div><!--/ row --> 
    </div><!--/ row-main --> 
  </div>
</section><!--/ our-specials -->

<section class="our-specials pad-t20 pad-b5 explore-art-by 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="mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">Explore Art By Giorgio Animale</h2>
	  </div><!--/ os-col -->
	  
	      <div class="col-lg-2 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/Giorgio-Animale-01.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Penguin Suit</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" 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="#">Elephant In Finance</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" 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="#">Mellow In Yellow</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" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Giorgio-Animale-04.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Black-Coated Leopard</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" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Giorgio-Animale-05.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Cool For Cats</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" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Giorgio-Animale-06.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Cooling The Blood</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" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Giorgio-Animale-07.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Evening Dress</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" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Giorgio-Animale-08.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">To Dunk Or Not To Dunk</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" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Giorgio-Animale-09.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Smoking Jacket</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" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Giorgio-Animale-010.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Mud, Mud, Glorious Mud</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" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Giorgio-Animale-011.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Never Smile At A Crocodile</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" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Giorgio-Animale-012.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Earn Your Stripes</a></h3>
				<p>Various Formats</p>
				<p class="price">£9.99</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
      
    </div><!--/ row --> 
    </div><!--/ row-main --> 
  </div>
</section><!--/ our-specials -->

<section class="our-specials pad-t20 pad-b5 explore-art-by 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="mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">Explore Art By The Artist Dan Taylor</h2>
	  </div><!--/ os-col -->
	  
	      <div class="col-lg-2 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/Artist-Dan-Taylor-01.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Clouds</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" 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="#">Single Deck Chair</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" 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="#">ABC</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" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Artist-Dan-Taylor-04.png" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Bugs02</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" data-aos="fade-up" data-aos-duration="1000">
		    <div class="specials-box">
			  <div class="thumb"><a href="#"><img src="images/Artist-Dan-Taylor-05.png" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Popeye</a></h3>
				<p>Mix-Media On Canvas –</p>
				<p><b>150 x 50 x 4cm</b></p>
				<p class="price">£250</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
	  
	      <div class="col-lg-2 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/Artist-Dan-Taylor-06.png" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Anato-Me</a></h3>
				<p>Mix-Media On Canvas –</p>
				<p><b>150 x 120 x 4cm</b></p>
				<p class="price">£1250</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
	  
	      <div class="col-lg-2 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/Artist-Dan-Taylor-07.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Airfix</a></h3>
				<p>Mix-Media On Canvas –</p>
				<p><b>150 x 120 x 4cm</b></p>
				<p class="price">£995</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
	  
	      <div class="col-lg-2 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/Artist-Dan-Taylor-08.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Adidas</a></h3>
				<p>Mix-Media On Canvas –</p>
				<p><b>60 x 40 x 4cm</b></p>
				<p class="price">£350</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
	  
	      <div class="col-lg-2 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/Artist-Dan-Taylor-09.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Silhouette & Ghosts</a></h3>
				<p>Mix-Media On Canvas –</p>
				<p><b>150 x 120 x 4cm</b></p>
				<p class="price">£995</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
	  
	      <div class="col-lg-2 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/Artist-Dan-Taylor-010.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Garfield</a></h3>
				<p>Mix-Media On Canvas In Upcycled Frame</p>
				<p><b>120 x 120 x 4cm</b></p>
				<p class="price">£1500</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
	  
	      <div class="col-lg-2 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/Artist-Dan-Taylor-011.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Where Did All The Love Go? - Kasabian</a></h3>
				<p>Mix-Media On Paper –</p>
				<p><b>42 x 21cm</b></p>
				<p class="price">£500</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
	  
	      <div class="col-lg-2 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/Artist-Dan-Taylor-012.jpg" alt="services"></a></div>
			  <div class="specials-text">				
			    <h3><a href="#">Top Cat</a></h3>
				<p>Mix-Media And Plastic Figures on Canvas In Upcycled Frame –</p>
				<p><b>70 x 50cm</b></p>
				<p class="price">£250</p>
			  </div>
			</div>
	      </div><!--/ os-grid-col -->
      
    </div><!--/ row --> 
    </div><!--/ row-main --> 
  </div>
</section><!--/ our-specials -->

<section class="our-specials shop-by-category pad-t10 pad-b0">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 os-col pad-0">
	    <div class="title aos-animate" data-aos="fade-up" data-aos-duration="1000">
		
	      <h2>Shop By Price</h2>
	      
		  <div class="buttons aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <ul>
		    <li><a href="#" class="btn">£50 - £100</a></li>
			<li><a href="#" class="btn">£100 - £200</a></li>
			<li><a href="#" class="btn">£200 - £500</a></li>
			<li><a href="#" class="btn">£500+</a></li>
		  </ul>
          </div><!--/ buttons -->
		  
        </div><!--/ title -->
      </div><!--/ os-col -->
      
    </div><!--/ row --> 
  </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="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/logo.png" alt=""></figure>
      </div><!--/ left-area -->  
	  
	  <div class="col-sm-5 right-area text-center">
	    <div class="inner">
	      <h2>Why Buy Art From ArtFactory? </h2>
		  <p>Well, we’re not a factory for a start.  There is nothing assembly line about the art pieces we produce or the way we work. We are a collection of highly creative artists and designers who collaborate to produce a range of art and design pieces that are that little bit different.</p>
		  <p>By virtue of the way we work, we provide art lovers and collectors an opportunity to purchase extraordinary art at very competitive prices compared to galleries and shops.</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>