<%@ page import ="com.entities.User" %> 
<%  
User user = (User)session.getAttribute("current-user");





%>



<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">

        <meta name="viewport" content="width-device-width, inital-scale=1.0">
        <title>Artifacts</title>
        <link rel = "icon" href = "images/icon.jpg" type = "image/x-icon">
        <link rel="stylesheet" href="stylei.css">
         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Poppins:wght@300;400;500;600;700;900&display=swap" rel="stylesheet">
         <script type="text/javascript" src="jquery-3.6.0.min.js"></script>
        <script type="text/javascript" src="custom.js"></script>
        <script type="text/javascript" src="jquery.convform.js"></script>
        <link rel="stylesheet" type="text/css" href="jquery.convform.css">
        
</head>
<body>
<div id="preloader"> 
        
        </div>
 
	
	<section id="banner">
            <a href="about.jsp">
            <img src="images/logos2.png" class="logo">
            </a>
             <div class="navbar">
             
            <nav> 
                <ul> 
                    <li><a href="index.jsp">Home</a></li>
                    <li><a href="products.jsp">Products</a></li>
                    <li><a href="about.jsp">About</a></li>
                    <li><a href="#footer">Contact</a></li>
                    <li><a href="termscond.jsp">Terms &amp; Conditions</a></li>
                    
                    <%
                    if(user == null){
                    
                    
                    %>
                    <li><a href="login.jsp">Account</a></li>
                    
                    <%               } else{
                    	
                    	
                    %>
                    <li><a href="#" style="color: #009688;"><%="Hello"+ "     "+  user.getUserName()  +"    "+"!" %></a></li>
                    <li><a href="LogoutServlet">Logout</a></li>
                    
                    
                    <%
                    }
                    
                    %>
                    
                </ul>     
            </nav>
                
            </div>
           
            <div class="banner-text"> 
                <h1>Far From Contemporary Trends And Economical Development!</h1>
                <p>e-Marketplace wherein tribal's can 
                 <br>Promote, Market and Sell<br>
                     Handicrafts, Arts, Paintings, and many more...!</p>
                
                <div class="banner-btn"> 
                    <a href="about.jsp"><span></span>About Us</a>
                    <a href="product.jsp"><span></span>Explore More</a>
                    
                
                </div>
            </div>
        
        </section>
        
        
           <div class="chat_icon"> 
                <i class="fa fa-comments" aria-hidden="true"></i>
            
              
    </div>
        <div class="chat_box">
            
        <div class="my-conv-form-wrapper">
    <form action="" method="GET" class="hidden">

  <select data-conv-question="Hello! How can I help you"  name="category" >
    <option value="Seller">Seller ?</option>
    <option value="Customer">Customer?</option>
  </select>

  <div data-conv-fork="category">
    <div data-conv-case="Seller">
      <input type="text" name="domainName" data-conv-question="Which product you want to sell.">    
    </div>
    <div data-conv-case="Customer" data-conv-fork="first-question2">
      <input type="text" name="product"  data-conv-question="From which category you want to purchase."> 
    </div>
  </div>

  <input type="text" name="name" data-conv-question="Please, Enter your name">

  <input type="text" data-conv-question="Hi {name},  It's a pleasure to meet you." data-no-answer="true">

  <input data-conv-question="Enter your e-mail" data-pattern="^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" type="email" name="email" required placeholder="What's your e-mail?">

  <select data-conv-question="Please Confirm">
    <option value="Yes">Confirm</option>
  </select>

  </form>
</div>
        
        
        </div>
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
      <!-----------------------section2----------------->
        
        
    <section id="categories">
      
             <div class="row">
                <div class="col-1">
            <div class="single-service">
                    <img src="images/9h.jpg">
                    <div class="overlay"></div>
       
        <div class="service-desc">
            <h3>Bamboo Crafts</h3>
            <hr>
                <p> Tribes offers a breathtaking range of cane &amp; bamboo created products</p>
        </div>
    </div>
                </div>
                <div class="col-1">
                    <div class="single-service">
                     <img src="images/img9.jpg">
                         <div class="overlay"></div>
                        <div class="service-desc">
            <h5>Tribal Jewellery</h5>
            <hr>
                <p> The finest pieces made by the tribes with an unmatched combination of natural resources and innovation. </p>
        </div>
                </div>
                 </div>
                <div class="col-1">
                    <div class="single-service">
                     <img src="images/8h.jpg">
                        <div class="overlay"></div>
                        <div class="service-desc">
                             <h5>Metal Craft</h5>
            <hr>
                <p> Inspiration for casting metal unique pieces comes from village,trees, birds, animals, mythology or rituals. </p>
        </div>
                </div>
                </div>
            
            </div>
        
           
  
        
        <!--------featured products------------>
   
           
            <h2 class="title" >Featured Products</h2>
            <div class="row">
                <div class="col-2">
                    <img src="images/img11.jpg" >
                    <h4>Brass Horse Masterpeice</h4>
                    <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <p>$50.00</p>
                </div>
                   <div class="col-2">
                    <img src="images/ear11.jpg">
                    <h4>Oxidised Eargings</h4>
                    <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-half-o"></i>
                    </div>
                    <p>$150.00</p>
                </div>
                   <div class="col-2">
                    <img src="images/6.jpg">
                    <h4>Bamboo Baskets</h4>
                    <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-half-o"></i>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <p>$320.00</p>
                </div>
                   <div class="col-2">
                    <img src="images/1.jpg">
                    <h4>Decorative Door Hanging</h4>
                    <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-half-o"></i>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <p>$114.70</p>
                </div>
            </div>
      
        
           
            <h2 class="title" >Latest Products</h2>
            <div class="row">
                <div class="col-2">
                    <img src="images/sarrelp.jpg" >
                    <h4>Ethinic Saare Cloth</h4>
                    <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-half-o"></i>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <p>$140.00</p>
                </div>
                   <div class="col-2">
                    <img src="images/bs.jpg">
                    <h4>Home Geometric Bedsheet</h4>
                    <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-o"></i>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <p>$30.00</p>
                </div>
                   <div class="col-2">
                    <img src="images/9.jpg">
                    <h4>Metal Hanging Show Peice</h4>
                    <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-o"></i>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <p>$320.00</p>
                </div>
                   <div class="col-2">
                    <img src="images/8.jpg">
                    <h4>Fabric Cloth Handbag </h4>
                    <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-half-o"></i>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <p>$114</p>
                </div>
            </div>
     
        <div class="row">
                <div class="col-2">
                    <img src="images/5.jpg" >
                    <h4>Blue Print Floor Mat</h4>
                    <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-o"></i>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <p>$70</p>
                </div>
                   <div class="col-2">
                    <img src="images/4.jpg">
                    <h4>Shien Table Cloth</h4>
                    <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-o"></i>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <p>$33.50</p>
                </div>
                   <div class="col-2">
                    <img src="images/3.jpg">
                    <h4>Traditional Cusion</h4>
                    <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-o"></i>
                        <i class="fa fa-star-o"></i>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <p>$32</p>
                </div>
                   <div class="col-2">
                    <img src="images/2.jpg">
                    <h4>Enlighting Metal Peice</h4>
                    <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-o"></i>
                        <i class="fa fa-star-o"></i>
                    </div>
                    <p>$141.30</p>
                </div>
            </div>
        
    <!---------------------------------------offers---------------------> 
        
        <div class="offer">
            <div class="row">
                <div class="col-3">
                    <img src="images/offer.jpg"  ALIGN="left" class="offer-img"  VSPACE=â50â>
             
                    <h3>Exclusively Available on Artifact's</h3>
                    <h1>Fabric Green Art</h1>
                    <small> Artists expressed their sensitivity and creativity through their arts and crafts. Their art exemplifies a level where creatures-life and creativity are inseparable.<br></small>
                    
                    <a href="" class="btn">Catch Deal Now &#8594;</a>
            </div>
                
               
        
        </div>
        </div>
        
        
              
        <div class="offer">
            <div class="row">
                <div class="col-3">
                    <img src="images/art1.jpg"  ALIGN="left" class="offer-img" HSPACE=â50â VSPACE=â50â>
             
                    <h3>Exclusive Deals</h3>
                    <h1>Handmade Muiltcolor Paper Work</h1>
                    <small> The tribal art has a unique sensitivity, as the tribal people possess an intense awareness of land and nature very different from the settled and urbanized people.<br></small>
                    
                    <a href="" class="btn">Catch Deal Now &#8594;</a>
            </div>
          
        
        </div>
        </div>
        
    </section>    
        
    
        <!-------------comments------------->
    <section id="testimonial"> 
        <div class="title">
            <h3>TESTIMONIAL</h3>
            <h1>What Users Say</h1>
        </div>
        
        <div class="testimonial-row">
            <div class="testimonial-col">
                <div class="user">
                    <img src="images/vais.jpg">
                    <div class="user-info">
                        <h4>VAIBHAVI GAUR<i class="fa fa-twitter"></i></h4>
                        <small>@gaurvais</small>
                    </div>
                </div>
                <p><i class="fa fa-quote-left"></i> <br>               Loved the inventory so much creativity, attractive and good quality tribal products.Good initative by founders to connect creativity at such scale and with simplicity. </p>
                <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-half-o"></i>
                        <i class="fa fa-star-o"></i>
                </div>
            </div>
            <div class="testimonial-col"> 
                 <div class="user">
                    <img src="images/vais.jpg">
                    <div class="user-info">
                        <h4>RASHMI<i class="fa fa-twitter"></i></h4>
                        <small>@gaurvais</small>
                    </div>
                </div><p><i class="fa fa-quote-left"></i> <br>                       Artifact's platform has so great quality textile and jwellery products. So contemprory and traditional touch and feel. Keep Going Indian Tribes.</p>
                <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-o"></i>
                    </div>
            </div>
            <div class="testimonial-col"> 
                 <div class="user">
                    <img src="images/vais.jpg">
                    <div class="user-info">
                        <h4>ONSHI<i class="fa fa-twitter"></i></h4>
                        <small>@gaurvais</small>
                    </div>
                </div><p><i class="fa fa-quote-left"></i> <br>         Dear Artifacts, if you guys think you can win my brand loyalty with so ethnic and creative tribal products; you are 100% right :)</p>
                <div class="rating">
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-o"></i>
                    </div>
            </div>
        </div>
        
    </section>
      
     <!----------------------------footer-------------------------->
        <section id="footer">
        <img src="images/logos2.png" class="footer-img">
       <div class="title"> 
           <h3>CONTACT</h3>
        <h1>Connect &amp; Colaborate</h1>
        
        </div> 
        
        <div class="footer-row">
        <div class="footer-left">
          <h1>Get In Touch</h1>  
            <p><i class="fa fa-google-plus"></i>vaibhavigaur2001@gmail.com</p>
             <p><i class="fa fa-instagram"></i>_rashmishah@official_</p>
             <p><i class="fa fa-twitter"></i>tweet_to_onshi</p>
        </div>
        <div class="footer-right">
            <h1>Useful Links</h1>
                <ul>
                    <li>Coupons           <i class="fa fa-gift" ></i></li>
                     <li>Blog Post        <i class="fa fa-sticky-note" ></i></li>
                     <li>Return Policy    <i class="fa fa-refresh" ></i></li>
                     <li>Join Affiliate   <i class="fa fa-address-card-o"></i></li>
            
            </ul>
        </div>
        </div>
        
        <div class="social-links">
            <i class="fa fa-facebook"></i>
            <i class="fa fa-whatsapp"></i>
            <i class="fa fa-instagram"></i>
            <i class="fa fa-twitter"></i>
            <p>=============Copyright Artifact's &amp; Terms &amp; Conditions============</p>
            
        </div>
        
         <!------to be removed for preloader -->  
           <iframe width="560" height="315" src="https://www.youtube.com/embed/nulzVedhSRE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            <iframe width="560" height="315" src="https://www.youtube.com/embed/nulzVedhSRE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            <iframe width="560" height="315" src="https://www.youtube.com/embed/nulzVedhSRE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            <iframe width="560" height="315" src="https://www.youtube.com/embed/nulzVedhSRE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            <iframe width="560" height="315" src="https://www.youtube.com/embed/nulzVedhSRE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            <iframe width="560" height="315" src="https://www.youtube.com/embed/nulzVedhSRE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            <iframe width="560" height="315" src="https://www.youtube.com/embed/nulzVedhSRE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
             <iframe width="560" height="315" src="https://www.youtube.com/embed/nulzVedhSRE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            <iframe width="560" height="315" src="https://www.youtube.com/embed/nulzVedhSRE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            
<!--till here--->
        
    </section>
    <script>
            var loader = document.getElementById("preloader");
            window.addEventListener("load", function(){ 
                loader.style.display = "none";
            
            })
        </script>
 
	 

</body>
</html>