<?php
$this->load->view('site/templates/header');
?>
<?php if($userVal[0]['shop_template'] == 'four') { ?>
<!--selection-->
<section>
	
    	<div class="main">
        <div class="wrapper">
        <ul class="vertical_link">
        	<li> <a href="#" class="a_links">Home</a></li>
            <li> <a href="#" class="a_links">Store</a></li>
        </ul>
        <div class="banner_top">
        <img src="images/mainbanner.jpg" />
       <!-- <div class="f_like">
        <div class="follow"><a href="#" style="border:none;"><img src="images/fav.png" /></a></div>
         </div>-->
         <div class="f_like">
                                    	<p class="pages_no">86HOME </p>	
                                        	<div class="favorite"><a href="#" style="border:none;"><img src="images/fav.png" /></a></div>
                                            <div class="follow"><a href="#" style="border:none;"><img src="images/like.png" /></a></div>
                                    </div>
        
        </div>
     
        	<div class="left_split">
            <div class="avatar_store">
           		<h2>Shop Owner</h2> 
                <a href="#"><img src="images/owner.jpg" /></a>
                <div class="clear"></div>
                <span><a href="#">JO JO Berry</a> </span>
                <p>Hong Kong</p>
            
            </div>
            
            <div class="clear"></div>
            <div class="avatar_store ">
            <span class="traveler_text"><a href="#">Feedback</a></span>
                        <div class="rating-text">
                       <div class="rating-stars star-5"></div>
                        <span class="rating">(5)</span></div>  
                       </div>
                       <div class="clear"></div>
                       <div class="border_style"></div>
                       <div class="blog_button">
                       <span><img src="images/blg.png" style="float:left;" /><a href="#">Blog</a></span>
                       <a href="#"><img src="images/con_icon.png" /></a>
                       </div>
                       <!--<div class="contact_button"><a href="#">Contact shop owner</a></div>-->
                        <div class="clear"></div>
                        <div class="link_1">
        <a href="#"><img src="images/facebook.png" /></a>
        <a href="#"><img src="images/tw.png" /></a>
        <a href="#"><img src="images/pay.png" /></a>
         <a href="#"><img src="images/google.png" /></a>
         <a href="#"><img src="images/my.png"  style="margin-right:10px; margin-top:10px;" title="website"/></a>
    	</div>
        <div class="clear"></div>
            	<div class="heading_selection">Selection</div>
                <div class="clear"></div>
                	<ul class="menu_links">
                    <li><a href="#">Carved Wooden Animals</a>(33)</li>
                    <li><a href="#">Home & Living</a>(20)</li>
                    <li><a href="#">Waldorf toy</a>(13)</li>
                    <li><a href="#">Woodland Animal Set</a>(13)</li>
                    <li><a href="#">Tracey the racing</a>(20)</li>
                    <li class="active"><a href="#">Kids</a>(20)</li>
                    <li><a href="#">Carved Wooden Animals</a>(10)</li>
                    <li><a href="#">Carved Wooden</a>(11)</li>
                    <li><a href="#">Wooden Children</a>(12)</li>
                    <li><a href="#">Carved Wooden Animals</a>(9)</li>
                   
                   </ul>
                   <div class="clear"></div>
                   <div class="middle_margin"></div>
                  
                  
                   
                   
            </div>
            <div class="right_split">
            	
                	<div class="full_detail">
                    	
                        	<div class="heading">Featured products</div>
                            	<div class="detail_rate">
                                
                                	<div class="detailsplit mar_left">
                                    	<div class="product_bg">
                                         <img src="images/pro.png" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Carved Wooden Animals</p>
                                        <span>Set of 10, Waldorf Inspired</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate">
                                        <span class="rates_view">$70.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                    
                                    <div class="detailsplit">
                                    	<div class="product_bg">
                                         <img src="images/pro1.png" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Waldorf toy</p>
                                        <span>Tiny wood waldorf elf</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate">
                                        <span class="rates_view">$70.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                    <div class="detailsplit">
                                    	<div class="product_bg">
                                         <img src="images/pro2.png" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Woodland Animal Set</p>
                                        <span>Eco Children Friendly Mini Push </span>
                                        <div class="clear"></div>
                                        <div class="cat_rate">
                                        <span class="rates_view">$30.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                    <div class="detailsplit bg_none">
                                    	<div class="product_bg">
                                         <img src="images/pro3.png" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Tracey the racing </p>
                                        <span>wooden toy sports car for</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate">
                                        <span class="rates_view">$10.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                	
                                
                                
                                </div>  
                                       
                    </div>          
                    
                    <div class="clear"></div>
                    
                     <div class="middle_margin1"></div> 
                      <div class="border_style"></div>  
                                    
                                    
                                    	<div class="full_detail">
                    	<div class="heading">Kids</div>
                        	<div class="clear"></div>
                            	<div class="detail_rate">
                                	<div class="detailsplit mar_left">
                                    	<div class="product_bg">
                                         <img src="images/pro4.png" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Carved Wooden</p>
                                        <span>Tree, Handmade,</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate">
                                        <span class="rates_view">$35.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                    
                                    <div class="detailsplit">
                                    	<div class="product_bg">
                                         <img src="images/pro5.png" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Wooden Children</p>
                                        <span>Toy Car Wood Waldorf </span>
                                        <div class="clear"></div>
                                        <div class="cat_rate">
                                        <span class="rates_view">$16.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                    
                                    <div class="detailsplit">
                                    	<div class="product_bg">
                                         <img src="images/pro6.png" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Carved Wooden Animals</p>
                                        <span>Set of 10, Waldorf Inspired</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate">
                                        <span class="rates_view">$70.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                    <div class="detailsplit bg_none">
                                    	<div class="product_bg">
                                         <img src="images/pro7.png" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Carved Wooden Animals</p>
                                        <span>Set of 10, Waldorf Inspired</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate">
                                        <span class="rates_view">$70.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                	
                                
                                
                                </div>                   
                    </div>
                    
                 <div class="clear"></div>
                    <div class="middle_margin"></div> 
                      <div class="border_style"></div> 
                        <div class="full_detail">
                    	
                        	<div class="clear"></div>
                            	<div class="detail_rate">
                                	<div class="detailsplit mar_left">
                                    	<div class="product_bg">
                                         <img src="images/pro8.png" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Lapis Dangle Earrings</p>
                                        <span>Sterling Silver, Drop Earrings</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate">
                                        <span class="rates_view">$25.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                    
                                    <div class="detailsplit">
                                    	<div class="product_bg">
                                        <img src="images/pro9.png" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Strand Labradorite Faceted</p>
                                        <span>Layout with African turquoise</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate">
                                        <span class="rates_view">$25.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                    <div class="detailsplit">
                                    	<div class="product_bg">
                                        <img src="images/pro10.png" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Aqua Blue Crystal</p>
                                        <span>Drop Earrings, Dangel Earrings</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate">
                                        <span class="rates_view">$70.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                    <div class="detailsplit bg_none">
                                    	<div class="product_bg">
                                         <img src="images/pro11.png" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Carved Wooden Animals</p>
                                        <span>Set of 10, Waldorf Inspired</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate">
                                        <span class="rates_view">$70.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                	
                                
                                
                                </div>                   
                    </div>	
                     <div class="clear"></div>
                      <div class="middle_margin"></div> 
                      <div class="border_style"></div> 
                    
                 
                    
            <!--rightsplit-->
            </div>
            </div>
        </div>
        
    
 
	
</section>
<!--selection-->
<?php } else if($userVal[0]['shop_template'] == 'three'){ ?>
<!--selection-->
<section>
	
    	<div class="main">
        <div class="wrapper">
        <ul class="vertical_link">
        	<li> <a href="#" class="a_links">Home</a></li>
            <li> <a href="#" class="a_links">Store</a></li>
        </ul>
        <div class="banner_top">
        <img src="images/mainbanner.jpg" />
       <!-- <div class="f_like">
        <div class="follow"><a href="#" style="border:none;"><img src="images/fav.png" /></a></div>
         </div>-->
         <div class="f_like">
                                    	<p class="pages_no">86HOME </p>	
                                        	<div class="favorite"><a href="#" style="border:none;"><img src="images/fav.png" /></a></div>
                                            <div class="follow"><a href="#" style="border:none;"><img src="images/like.png" /></a></div>
                                    </div>
        
        </div>
     
        	<div class="left_split">
            <div class="avatar_store">
           		<h2>Shop Owner</h2> 
                <a href="#"><img src="images/owner.jpg" /></a>
                <div class="clear"></div>
                <span><a href="#">JO JO Berry</a> </span>
                <p>Hong Kong</p>
            
            </div>
            
            <div class="clear"></div>
            <div class="avatar_store ">
            <span class="traveler_text"><a href="#">Feedback</a></span>
                        <div class="rating-text">
                       <div class="rating-stars star-5"></div>
                        <span class="rating">(5)</span></div>  
                       </div>
                       <div class="clear"></div>
                       <div class="border_style"></div>
                       <div class="blog_button">
                       <span><img src="images/blg.png" style="float:left;" /><a href="#">Blog</a></span>
                       <a href="#"><img src="images/con_icon.png" /></a>
                       </div>
                       <!--<div class="contact_button"><a href="#">Contact shop owner</a></div>-->
                        <div class="clear"></div>
                        <div class="link_1">
        <a href="#"><img src="images/facebook.png" /></a>
        <a href="#"><img src="images/tw.png" /></a>
        <a href="#"><img src="images/pay.png" /></a>
         <a href="#"><img src="images/google.png" /></a>
         <a href="#"><img src="images/my.png"  style="margin-right:10px; margin-top:10px;" title="website"/></a>
    	</div>
        <div class="clear"></div>
            	<div class="heading_selection">Selection</div>
                <div class="clear"></div>
                	<ul class="menu_links">
                    <li><a href="#">Carved Wooden Animals</a>(33)</li>
                    <li><a href="#">Home & Living</a>(20)</li>
                    <li><a href="#">Waldorf toy</a>(13)</li>
                    <li><a href="#">Woodland Animal Set</a>(13)</li>
                    <li><a href="#">Tracey the racing</a>(20)</li>
                    <li class="active"><a href="#">Kids</a>(20)</li>
                    <li><a href="#">Carved Wooden Animals</a>(10)</li>
                    <li><a href="#">Carved Wooden</a>(11)</li>
                    <li><a href="#">Wooden Children</a>(12)</li>
                    <li><a href="#">Carved Wooden Animals</a>(9)</li>
                   
                   </ul>
                   <div class="clear"></div>
                   <div class="middle_margin"></div>
                  
                  
                   
                   
            </div>
            <div class="right_split">
            	
                	<div class="full_detail">
                    	
                        	<div class="heading">Featured products</div>
                            	<div class="detail_rate">
                                
                                	
                                    
                                    <div class="store_front_2split">
                                    	<div class="product_bg_store_front2">
                                         <img src="images/store_front_1.jpg" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Waldorf toy</p>
                                        <span>Tiny wood waldorf elf</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate_storefront">
                                        <span >$70.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                    <div class="store_front_2split">
                                    	<div class="product_bg_store_front2">
                                        <img src="images/store_front_2.jpg" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Waldorf toy</p>
                                        <span>Tiny wood waldorf elf</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate_storefront">
                                        <span >$70.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                    <div class="store_front_2split">
                                    	<div class="product_bg_store_front2">
                                          <img src="images/store_front_3.jpg" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Waldorf toy</p>
                                        <span>Tiny wood waldorf elf</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate_storefront">
                                        <span >$70.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                	
                                
                                
                                </div>  
                                       
                    </div>          
                    
                    <div class="clear"></div>
                    
                     <div class="middle_margin1"></div> 
                      <div class="border_style"></div>  
                                    
                                    
                                    	<div class="full_detail">
                    	<div class="heading">Kids</div>
                        	<div class="clear"></div>
                            	<div class="detail_rate">
                                  <div class="store_front_2split">
                                    	<div class="product_bg_store_front2">
                                         <img src="images/store_front_1.jpg" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Waldorf toy</p>
                                        <span>Tiny wood waldorf elf</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate_storefront">
                                        <span >$70.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                    <div class="store_front_2split">
                                    	<div class="product_bg_store_front2">
                                        <img src="images/store_front_2.jpg" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Waldorf toy</p>
                                        <span>Tiny wood waldorf elf</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate_storefront">
                                        <span >$70.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                    <div class="store_front_2split">
                                    	<div class="product_bg_store_front2">
                                          <img src="images/store_front_3.jpg" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Waldorf toy</p>
                                        <span>Tiny wood waldorf elf</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate_storefront">
                                        <span >$70.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>	
                                  
                                
                                
                                
                                </div>                   
                    </div>
                    
                 <div class="clear"></div>
                    <div class="middle_margin"></div> 
                      <div class="border_style"></div> 
                        <div class="full_detail">
                    	
                        	<div class="clear"></div>
                            	<div class="detail_rate">
                                  <div class="store_front_2split">
                                    	<div class="product_bg_store_front2">
                                         <img src="images/store_front_1.jpg" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Waldorf toy</p>
                                        <span>Tiny wood waldorf elf</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate_storefront">
                                        <span >$70.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                    <div class="store_front_2split">
                                    	<div class="product_bg_store_front2">
                                        <img src="images/store_front_2.jpg" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Waldorf toy</p>
                                        <span>Tiny wood waldorf elf</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate_storefront">
                                        <span >$70.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                    <div class="store_front_2split">
                                    	<div class="product_bg_store_front2">
                                          <img src="images/store_front_3.jpg" />
                                        </div>
                                        <div class="clear"></div>
                                        <p>Waldorf toy</p>
                                        <span>Tiny wood waldorf elf</span>
                                        <div class="clear"></div>
                                        <div class="cat_rate_storefront">
                                        <span >$70.00</span>
                                        <a href="#" class="see_more margin_rig">Details</a>
                                        </div>
                                    
                                    </div>
                                 
                                  
                                
                                
                                </div>                   
                    </div>	
                     <div class="clear"></div>
                      <div class="middle_margin"></div> 
                      <div class="border_style"></div> 
                    
                 
                    
            <!--rightsplit-->
            </div>
            </div>
        </div>
        
    
 
	
</section>
<!--selection-->
<?php } ?>
<?php
$this->load->view('site/templates/footer');
?>