HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/Artfactory/
Current File : //home/htlwork.com/www/dev/Artfactory/contact-us.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="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>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-inner contact-banner">
	<div class="textblock">
	  <div class="block">
		<div class="container">
  
		  <div class="page-title">
			<div class="holder"><h1>Contact Us</h1></div>
		  </div><!--/ page-title -->
  
		  <!-- breadcrumb -->
		  <ol class="breadcrumb text-capitalize">
			<li><a href="index.html"><span class="fa fa-home"></span></a><a href="#" class="home"><span property="name">Home</span></a><meta property="position" content="1">&nbsp; &nbsp; + &nbsp; &nbsp;<span property="itemListElement" typeof="ListItem"><span property="name">Contact Us</span><meta property="position" content="2"></span></li>
		  </ol>        
		
		</div><!--/ block -->
	  </div>
	</div>
</section><!--/ banner-inner -->

<section class="contact-us our-specials">
	<div class="container">

		<div class="contact-page">
			<h2 class="text-center mrb-30">Send us a massege</h2>
			<div class="row contact-row">
			   <div class="col-sm-4 contact-col">
		        <div class="left-image">
					<img src="images/Animal-Art-04.jpg" alt="">
				</div>
			   </div><!--/ col-sm-4 -->
		 
			   <div class="col-sm-8 contact-form">
				
				 <form>
				   <div class="form-group col-sm-6"><input class="form-control" placeholder="Your Name :" type="text"></div>
				   <div class="form-group col-sm-6"><input class="form-control" placeholder="Your E-mail :" type="text"></div>
				   <div class="form-group col-sm-6"><input class="form-control" placeholder="Your Mobile :" type="text"></div>
				   <div class="form-group col-sm-6"><input class="form-control" placeholder="Subject :" type="text"></div>
				   <div class="form-group col-sm-12"><textarea class="form-control" placeholder="Your Message :"></textarea></div>
				   <div class="col-sm-12 contact-btn"><input class="btn" value="Send Message" type="submit"></div>
				 </form>
			   </div><!--/ col-sm-12 -->
			   
			 </div><!--/ row --> 
			
     </div><!--/ contact-wrap -->
  </div>
  </section><!--/ about-sec -->



  <section class="contact-detail ">
	<div class="container">
		<div class="row">  
			<h2 class="text-center mrb-30">Contact Us</h2>
			<div class="box-info mrb-20 box-container">
				
				<div class="col-sm-4">
					<p><i class="fa-solid fa-map-location-dot"></i></p>
				    <h1>Locations</h1>
					<p>27 Horton Hill, Epsom, Surrey, KT19 8SS</p>
				</div>
				<div class="col-sm-4">
					<p><i class="fa fa fa-phone" aria-hidden="true"></i></p>
					 <h1>Call Us</h1>
					 <p>+44 (0) tba</p>
				</div>
				<div class="col-sm-4">
					<p><i class="fa-solid fa-envelope-open-text"></i></p>
					<h1>Email Us</h1>
					<p>hello@artfactorylondon.co.uk</p>
				</div>
			</div>
	   </div>
	   <div class="follow-social">
		<h3>Follow our social media</h3>
		<div class="social-box">
			<p><a  href="#"><i class="fa-brands fa-facebook-f"></i></a></p>
			<p><a  href="#"><i class="fa-brands fa-instagram"></i></a></p>
			<p><a  href="#"><i class="fa-brands fa-youtube"></i></a></p>
			<p><a href="#"><i class="fa-brands fa-x-twitter"></i></a></p>
			
		</div>

	   </div>
  </section>




  <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-us.html">About</a></li>
				 <li><a href="contact-us.html">Contact Us</a></li>
				 <li><a href="faq.html">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>