橙色簡潔風格的服裝網店購物整站網站源碼下載



12 44 15



模板描述:橙色簡潔風格 服裝網店購物 整站網站,橙色簡潔風格的服裝網店購物整站網站源碼下載html模板下載

代碼結構

1. 引入CSS

<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/etalage.css">
<link href="css/flexslider.css" rel='stylesheet' type='text/css' />

2. 引入JS

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery.etalage.min.js"></script>
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
<script src="js/fwslider.js" type="text/javascript"></script>
<script src="js/jquery.wmuSlider.js"></script>
<script defer src="js/jquery.flexslider.js"></script>

3. HTML代碼

<div class="container">
	<div class="logo text-center">
		<a href="#"><img src="images/logo.png" alt=""/></a>
	</div>
	<div class="grid_1">
		<div class="col-md-8">
		   <div class="span_1">
			<div class="col_1">
			  <h1>Latest Fashion <br>Collection</h1>
				<p>It is a long established fact that a 
					reader will be distracted by the 
					readable content of a page when 
					looking at its layout.</p>
			    <h3>$169</h3>
			    <h4>Only</h4> 
			    <div class="btn_2">	
			      <a href="#" class="btn1 btn-1 btn1-1b">Add to Cart</a>
			    </div> 
			 </div>
		    </div> 
		</div>
		<div class="col-md-4">
		   <div class="span_2">
			 <div class="col_2">
			     <h2>Ladies Shirts</h2>
				 <div class="line"> </div>
				 <p>It is a long established fact that a 
					reader will be distracted by the 
					readable content of a page when 
					looking at its layout.</p>
				  <div class="btn_3">	
			       <a href="#" class="btn1 btn2 btn-1 btn1-1b">Details</a>
			      </div> 
			 </div>
		   </div>
		</div>
		<div class="clearfix"> </div>
	</div>
	<div class="grid_2">
		<div class="col-md-4">
		  <div class="col_4">
		   <div class="span_3">
			 <i class="icon"> </i>
			 <h2>Free Shipping</h2>
			 <div class="line1"> </div>
			 <p>It is a long established fact that a reader 
				will be distracted</p>
			 <a href="#" class="more">Read more...</a>
		   </div>
		  </div>
		</div>
		<div class="col-md-8">
		  <div class="banner">
		    <div class="banner_container">
       	      <div class="wmuSlider example1">
			     <div class="wmuSliderWrapper">
				    <article style="position: absolute; width: 100%; opacity: 0;"> 
				        <div class="banner_right">
				   	    	<h3>Ladies Bags Latest Collection</h3>
				   	    	<h4>Starting From</h4>
				   	    	<a href="#" class="more1">$89</a>
				   	    	<p>Details</p>
				   	    </div>
					</article>
				    <article style="position: absolute; width: 100%; opacity: 0;"> 
				        <div class="banner_right">
				   	    	<h3>Lorem Ipsum is simply dummy printing</h3>
				   	    	<h4>Starting From</h4>
				   	    	<a href="#" class="more1">$99</a>
				   	    	<p>Details</p>
				   	    </div>
					</article>
					<article style="position: absolute; width: 100%; opacity: 0;"> 
				        <div class="banner_right">
				   	    	<h3>Lorem Ipsum is simply dummy printing</h3>
				   	    	<h4>Starting From</h4>
				   	    	<a href="#" class="more1">$99</a>
				   	    	<p>Details</p>
				   	    </div>
					</article>
				 </div>
				 <script src="js/jquery.wmuSlider.js"></script> 
				  <script>
	       			$('.example1').wmuSlider();         
	   		     </script> 	           	      
             </div>
            </div>
          </div>
	     </div>
	     <div class="clearfix"> </div>
    </div>
    <div class="grid_3">
    	<div class="col-md-9">
    		<div class="single_left">
    			<div class="single_box">
    				<h3>Home/Shoes/<span class="m_2">2015</span></h3>
	   	           <div class="grid images_3_of_2">
						<ul id="etalage">
							<li>
								<a href="optionallink.html">
									<img class="etalage_thumb_image" src="images/sh1.jpg" class="img-responsive" />
									<img class="etalage_source_image" src="images/sh1.jpg" class="img-responsive" title="" />
								</a>
							</li>
							<li>
								<img class="etalage_thumb_image" src="images/sh2.jpg" class="img-responsive" />
								<img class="etalage_source_image" src="images/sh2.jpg" class="img-responsive" title="" />
							</li>
							<li>
								<img class="etalage_thumb_image" src="images/sh3.jpg" class="img-responsive"  />
								<img class="etalage_source_image" src="images/sh3.jpg"class="img-responsive"  />
							</li>
						    <li>
								<img class="etalage_thumb_image" src="images/sh4.jpg" class="img-responsive"  />
								<img class="etalage_source_image" src="images/sh4.jpg"class="img-responsive"  />
							</li>
						</ul>
						 <div class="clearfix"></div>		
				  </div> 
				  <div class="desc1 span_3_of_2">
				    <h3>2015 Fashion Shoes</h3>
				    <img src="images/stars.png" alt=""/>
				    <div class="column_1">
				    	<p class="m_1">It is a long established fact that a reader will be distracted by the 
							readable content of a page when looking at its layout. The point 
							of using Lorem Ipsum is that it has a more-or-less normal 
							distribution of letters, as opposed to using 'Content here, content 
							here', making it look like readable English.</p>
					    <a href="#" class="more">Read more...</a>
					    <div class="col_3">
					    	<div class="one-fifth column row_1">
					    		<p>Color :</p>
		                       <span class="selection-box"><select class="domains valid" name="domains">
		                           <option>Golden</option>
		                           <option>Blue</option>
		                           <option>Red</option>
		                           <option>Green</option>
		                       </select></span>
                   			 </div>
		                    <div class="one-fifth column">
		                    	<p>Size :</p>
		                       <span class="selection-box"><select class="domains valid" name="domains">
		                           <option>41</option>
		                           <option>35</option>
		                           <option>51</option>
		                           <option>25</option>
		                       </select></span>
		                    </div>
		                     <div class="clearfix"></div>	
					    </div>
					    <div class="col_5">
					    	<h4>$169
					    	<small>Only</small></h4>
					    </div>
					    <div class="btn_3">	
			             <a href="#" class="btn1 btn3 btn-1 btn1-1b">Add to Cart</a>
			             <small><a href="#">Add to wishlist</a></small>
			            </div>
				    </div>
				  </div>
				  <div class="clearfix"></div>	
				  <p class="m_2">It is a long established fact that a reader will be distracted by the 
							readable content of a page when looking at its layout. The point 
							of using Lorem Ipsum is that it has a more-or-less normal 
							distribution of letters, as opposed to using 'Content here, content 
							here', making it look like readable English.</p>
            </div>
           </div>
        </div>
    	<div class="col-md-3">
    		<div class="span_4">
    		  <div class="winter_border">
    			<div class="single_right">
    			</div>
    			<div class="span_5">
    				<h3>Winter</h3>	
    				<h4>Collection</h4>
    				<h5>$269
					   <small>$369</small>
					</h5>
					<div class="btn_3 btn_4">	
			           <a href="#" class="btn1 btn3 btn-1 btn1-1b">Buy Now !</a>
			        </div>
    		    </div>
    		 </div>
    	    </div>
    	</div>
    	<div class="clearfix"></div>	
    </div>
    <div class="grid_4">
    	<div class="col-md-6">
    	   <div class="span_6">
    			<div class="row_5">
    				<div class="row_6">
    					<h3>2015</h3>
    					<h4>Lat<span class="m_2">est</span><br>&nbsp;&nbsp;Co<span class="m_2">llec</span>tion</h4>
    					<h5>Content here</h5>
    					<a class="detail" href="#">Details</a>
    				</div>
    			</div>
    		</div>
    		<div class="span_7">
    			<div class="row_7">
    				<h3>Sign Up <span class="m_3"> & Get $20</span></h3>
    				<p>It is aong established fact that a reader will be distracted</p>
    				<form>
						<input type="text" class="textbox" value="Enter Email Here..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter Email Here...';}">
						<input type="submit" value="Sign Up">
					</form>
			     </div>
    		</div>
    	</div>
    	<div class="col-md-6">
    		<div class="span_8">
    		  <div class="row_8">
    		    <div class="sap_tabs">	
				  <div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
						  <div class="resp-tabs-container">
							    <div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
									<div class="facts">
									    <img src="images/t1.jpg" class="img-responsive" alt=""/> 
									    <div class="facts_desc">
									    	<h3>2015 Fashion Shoes</h3>
									    	<h4>$169</h4>
									    	<a class="detail1" href="#">Details</a>
									    </div> 
							        </div>
							     </div>	
							      <div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
									<div class="facts">
									    <img src="images/t2.jpg" class="img-responsive" alt=""/>
									     <div class="facts_desc">
									    	<h3>2015 Fashion Shoes</h3>
									    	<h4>$169</h4>
									    	<a class="detail1" href="#">Details</a>
									    </div>     
							        </div>
							     </div>	
							      <div class="tab-1 resp-tab-content" aria-labelledby="tab_item-2">
									<div class="facts">
									    <img src="images/t3.jpg" class="img-responsive" alt=""/> 
									     <div class="facts_desc">
									    	<h3>2015 Fashion Shoes</h3>
									    	<h4>$169</h4>
									    	<a class="detail1" href="#">Details</a>
									    </div>    
							        </div>
							     </div>		        					 
							  </div>
							  <ul class="resp-tabs-list">
						  	    <li class="resp-tab-item" aria-controls="tab_item-0" role="tab"><span><img src="images/t1.jpg" class="img-responsive" alt=""/></span></li>
							    <li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><span><img src="images/t2.jpg" class="img-responsive" alt=""/></span></li>
							    <li class="resp-tab-item" aria-controls="tab_item-2" role="tab"><span><img src="images/t3.jpg" class="img-responsive" alt=""/></span></li>
							    <div class="clearfix"> </div>
							</ul>		
			     </div>
			   </div>
			</div>
    	</div>
      </div>
	  <div class="clearfix"> </div>
	</div>    
    <div class="grid_5">
    	<div class="col-md-4">
		    	<div class="span_8">
							<div class="pricing-table-grid">
								<h3>New Offer</h3>
								<ul>
									<li><a href="#">15 % Off on all items</a></li>
									<li><a href="#">1 Gift Packs</a></li>
									<li><a href="#">24 Hour Service</a></li>
									<li><a href="#">Free Shipping</a></li>
									<li class="last"><span>$120</span></li>
								</ul>
								<div class="btn_4">	
			                       <a href="#" class="btn1 btn4 btn-1 btn1-1b">Buy Now!</a>
			                    </div>
							</div>
				</div>
		     </div>
             <div class="col-md-4">
             	<div class="span_8">
							<div class="pricing-table-grid col_6">
								<h4>All time</h4>
								<h3 class="m_3">Best Offer</h3>
								<ul>
									<li><a href="#">15 % Off on all items</a></li>
									<li><a href="#">1 Gift Packs</a></li>
									<li><a href="#">24 Hour Service</a></li>
									<li><a href="#">Free Shipping</a></li>
									<li class="last last_1"><span>$169</span></li>
								</ul>
								<div class="btn_4">	
			                       <a href="#" class="btn1 btn5 btn-1 btn1-1b">Buy Now!</a>
			                    </div>
							</div>
		          </div>	
		     </div>
	         <div class="col-md-4">
	         	   <div class="span_8">
							<div class="pricing-table-grid">
								<h3>Best Offer</h3>
								<ul>
									<li><a href="#">15 % Off on all items</a></li>
									<li><a href="#">1 Gift Packs</a></li>
									<li><a href="#">24 Hour Service</a></li>
									<li><a href="#">Free Shipping</a></li>
									<li class="last"><span>$140</span></li>
								</ul>
								<div class="btn_4">	
			                       <a href="#" class="btn1 btn4 btn-1 btn1-1b">Buy Now!</a>
			                    </div>
							</div>
		              </div>
		      </div>
	          <div class="clearfix"> </div>								
      </div>
      <div class="grid_6">
      	<div class="col-md-6">
      		<div class="span_9">
      		   <div class="col_7">
      			<div class="row_9"> </div>
      			   <h3 class="m_4">Sale</h3>
      			   <div class="box_1">
      					<h4><span class="m_5">on</span> Top Collection</h4>
      					<h5>Shop Now</h5>
      			   </div>
      		     </div>
      		 </div>
      		 <div class="bags">
      		 	<div class="bags_grid">
      		 		<h3>Hot Sale!</h3>
      		 		<h4>Ladies Bags</h4>
      		 		<img src="images/stars1.png" alt=""/>
      		 		<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
      		 		<div class="btn_5">	
			            <a href="#" class="btn1 btn4 btn6 btn-1 btn1-1b">Buy Now!</a>
			        </div>
      		 	</div>
      		 </div>
      		 <div class="slider_box">
	      		 <div class="flexslider">
					<ul class="slides">
					  <li><img src="images/s1.jpg" class="img-responsive" alt=""/></li>
					  <li><img src="images/s2.jpg" class="img-responsive" alt=""/></li>
					</ul>
			     </div>
			 </div>
			 <div class="rates">
			 	<div class="rate_box">
			 		<h3>Rate Me</h3>
			 		<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
	                <form action="" class="sky-form">
						     <fieldset>					
							   <section>
							     <div class="rating">
									<input type="radio" name="stars-rating" id="stars-rating-5">
									<label for="stars-rating-5"><i class="icon-star"></i></label>
									<input type="radio" name="stars-rating" id="stars-rating-4">
									<label for="stars-rating-4"><i class="icon-star"></i></label>
									<input type="radio" name="stars-rating" id="stars-rating-3">
									<label for="stars-rating-3"><i class="icon-star"></i></label>
									<input type="radio" name="stars-rating" id="stars-rating-2">
									<label for="stars-rating-2"><i class="icon-star"></i></label>
									<input type="radio" name="stars-rating" id="stars-rating-1">
									<label for="stars-rating-1"><i class="icon-star"></i></label>
								 </div>
							  </section>
						    </fieldset>
				      </form>
					  <h4>Thanks You!</h4>  		 	
			 	</div>
			 </div>
		</div>
      	<div class="col-md-6">
      		<div class="hurry">
      			<div class="hurry_grid">
      			   <div class="hurry_left">
      			   	 <h4>20%</h4>
      			   	 <h5>Discount</h5>
      			   </div>
      			   <div class="hurry_right">
      			   	  <h3>Hurry Up</h3>
      			   	  <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
      			   	  <a class="read" href="#">Read more...</a>
      			   </div>
      		    </div>
      		</div>
      		<div class="hurry_bottom">
      		   <div class="hurry_box">
      		      <div class="hurry_bottom-grid">
      		   	   <h3>Comfertable</h3>
      			   <p>Under Garments</p>
      		     </div>
      		     <div class="but_but">
      		       <a href="#">Buy Now</a>
      		     </div>
      		    </div>
      		</div>
      		 <div class="items">
			 	<div class="items_grid">
			 		 <h3>Recommended Items</h3>
			 		 <ul class="item_box">
			 		 	<li class="item_box-left">
			 		 		<img src="images/pic10.jpg" class="img-responsive" alt=""/>
			 		 	</li>
			 		 	<li class="item_box-right">
			 		 		<h4>Fashion Up</h4>
			 		 		<h5><a href="#">T-Shirts</a></h5>
			 		 		<p>from</p>
			 		 		<h6>$49</h6>
			 		 	</li>
			 		 	<div class="clearfix"> </div>
			 		 </ul>
			 		 <ul class="item_box">
			 		 	<li class="item_box-left">
			 		 		<img src="images/pic11.jpg" class="img-responsive" alt=""/>
			 		 	</li>
			 		 	<li class="item_box-right">
			 		 		<h4>New Items</h4>
			 		 		<h5><a href="#">Fashion Shoes</a></h5>
			 		 		<p>from</p>
			 		 		<h6>$39</h6>
			 		 	</li>
			 		 	<div class="clearfix"> </div>
			 		 </ul>
			 		 <ul class="item_box">
			 		 	<li class="item_box-left">
			 		 		<img src="images/pic13.jpg" class="img-responsive" alt=""/>
			 		 	</li>
			 		 	<li class="item_box-right">
			 		 		<h4>New Items</h4>
			 		 		<h5><a href="#">Farmal Jeans</a></h5>
			 		 		<p>from</p>
			 		 		<h6>$49</h6>
			 		 	</li>
			 		 	<div class="clearfix"> </div>
			 		 </ul>
			 		 <ul class="item_box">
			 		 	<li class="item_box-left">
			 		 		<img src="images/pic12.jpg" class="img-responsive" alt=""/>
			 		 	</li>
			 		 	<li class="item_box-right">
			 		 		<h4>New Items</h4>
			 		 		<h5><a href="#">Glasses</a></h5>
			 		 		<p>from</p>
			 		 		<h6>$49</h6>
			 		 	</li>
			 		 	<div class="clearfix"> </div>
			 		 </ul>
			 		 <ul class="item_box item_box1">
			 		 	<li class="item_box-left">
			 		 		<img src="images/pic10.jpg" class="img-responsive" alt=""/>
			 		 	</li>
			 		 	<li class="item_box-right">
			 		 		<h4>Fashion Up</h4>
			 		 		<h5><a href="#">T-Shirts</a></h5>
			 		 		<p>from</p>
			 		 		<h6>$49</h6>
			 		 	</li>
			 		 	<div class="clearfix"> </div>
			 		 </ul>
			 	</div>
			 </div>
      	</div>
      	<div class="clearfix"> </div>
      </div>
      <div class="grid_7">
      	<div class="col-md-8">
      		<div class="span_10">
      			<div class="row_10">
      				<div class="search">
					   <form>
						 <input type="text" value="New Shoes" onfocus="this.value='';" onblur="if (this.value == '') {this.value ='';}">
						 <input type="submit" value="">
					   </form>
					 </div>
					 <div class="search_desc">
					 	<h3>Recommended Items</h3>
					 	<div class="col_8">
					 	<div class="col-md-6 list_1">
					 	  <ul class="item_box2">
				 		 	<li class="item_box-left1">
				 		 		<img src="images/pic14.jpg" class="img-responsive" alt=""/>
				 		 	</li>
				 		 	<li class="item_box-right1">
				 		 		<h4>New Items</h4>
				 		 		<h5><a href="#">Up Comming Fashion</a></h5>
				 		 		<h6>Check Now!</h6>
				 		 	</li>
				 		 	<div class="clearfix"> </div>
			 		 	  </ul>
			 		 	  <ul class="item_box2 item_box3">
				 		 	<li class="item_box-left1">
				 		 		<img src="images/pic14.jpg" class="img-responsive" alt=""/>
				 		 	</li>
				 		 	<li class="item_box-right1">
				 		 		<h4>New Items</h4>
				 		 		<h5><a href="#">Up Comming Fashion</a></h5>
				 		 		<h6>Check Now!</h6>
				 		 	</li>
				 		 	<div class="clearfix"> </div>
			 		 	  </ul>
					 	</div>
					 	<div class="col-md-6 list_1">
					 	  <ul class="item_box2">
				 		 	<li class="item_box-left1">
				 		 		<img src="images/pic14.jpg" class="img-responsive" alt=""/>
				 		 	</li>
				 		 	<li class="item_box-right1">
				 		 		<h4>New Items</h4>
				 		 		<h5><a href="#">Up Comming Fashion</a></h5>
				 		 		<h6>Check Now!</h6>
				 		 	</li>
				 		 	<div class="clearfix"> </div>
			 		 	  </ul>
			 		 	  <ul class="item_box2 item_box3">
				 		 	<li class="item_box-left1">
				 		 		<img src="images/pic14.jpg" class="img-responsive" alt=""/>
				 		 	</li>
				 		 	<li class="item_box-right1">
				 		 		<h4>New Items</h4>
				 		 		<h5><a href="#">Up Comming Fashion</a></h5>
				 		 		<h6>Check Now!</h6>
				 		 	</li>
				 		 	<div class="clearfix"> </div>
			 		 	  </ul>
					 	</div>
					 	<div class="clearfix"> </div>
					 </div>
					 </div>
      			</div> 
      		</div>
      		<ul class="tick">
      			<i class="icon1"> </i>
      			<li class="icon1_desc"><p>It is a long established fact that a reader will be distracted</p></li>
      		</ul>
      		<ul class="tick pluse">
      			<i class="icon2"> </i>
      			<li class="icon1_desc"><p>It is a long established fact that a reader will be distracted</p></li>
      		</ul>
      	</div>
      	<div class="col-md-4">
      		<div class="span_11">
      			<div class="row_11">
      				<div class="list_2">
      					<i class="icon3"> </i>
      					<div class="clearfix"> </div>
      					<p>It is a long established fact that a reader will be distracted</p>
      					<a class="list_2-more" href="#">Read more...</a>
      				</div>
      				<div class="list_2 list_3">
      					<i class="icon3"> </i>
      					<div class="clearfix"> </div>
      					<p>It is a long established fact that a reader will be distracted</p>
      					<a class="list_3-more" href="#">Shop Now</a>
      				</div>
      				<ul class="tick tick1">
		      		   <i class="icon4"> </i>
		      		   <li class="icon4_desc"><p>It is a long established fact that a reader will be distracted</p></li>
      				</ul>
      				<div class="tooltip_box">
      				   <p>Check it now!</p>
          			</div>
          			<div class="tooltip_box1">
      				   <p>Check it now!</p>
          			</div>
				</div>
      		</div>
      	  </div>
      	<div class="clearfix"> </div>
      </div>
      <div class="grid_8">
      	<div class="col-md-5">
      		<div class="col-xs-6 swich_left">
      			<a class="buy1" href="#">Buy Now</a>
      			<div class="check-boxs">
							<div class="checkbox-grid-left">
								<p>
									<span class="col_checkbox">
											<input id="14" class="css-checkbox14" type="checkbox">
											<label for="14" name="demo_lbl_14" class="css-label14"> </label>
									</span>
								</p>
								<p>
									<span class="col_checkbox">
											<input id="15" class="css-checkbox15" type="checkbox">
											<label for="15" name="demo_lbl_15" class="css-label15"> </label>
									</span>
								</p>
							</div>
							<div class="clearfix"> </div>
							<div class="checkbox-grid-left">
								<p>
									<span class="col_checkbox">
											<input id="10" class="css-checkbox10" type="checkbox">
											<label for="10" name="demo_lbl_10" class="css-label10"> </label>
									</span>
								</p>
								<p>
									<span class="col_checkbox">
											<input id="11" class="css-checkbox11" type="checkbox">
											<label for="11" name="demo_lbl_11" class="css-label11"> </label>
									</span>
								</p>
							</div>
							<div class="clearfix"> </div>
							<div class="checkbox-grid-left">
								<p>
									<span class="col_checkbox">
											<input id="5" class="css-checkbox5" type="checkbox">
											<label for="5" name="demo_lbl_5" class="css-label5"> </label>
									</span>
								</p>
								<p>
									<span class="col_checkbox">
											<input id="6" class="css-checkbox6" type="checkbox">
											<label for="6" name="demo_lbl_6" class="css-label6"> </label>
									</span>
								</p>
				          </div>
				          <div class="clearfix"> </div>
			   </div>
			   <ul class="buy_but"><a href="#">
			   	 <i class="icon5"> </i>
			   	 <li class="buy_but-desc">Buy Now</li>
			   </a></ul>
			    <ul class="buy_but"><a href="#">
			   	 <i class="icon6"> </i>
			   	 <li class="buy_but-desc">Buy Now</li>
			   </a></ul>
			</div>
      		<div class="col-xs-6 swich_right">
      			<a class="buy1 buy2" href="#">Buy Now</a>
      			<div class="check-boxs">
      			      <div class="checkbox-grid-left">
								<p>
									<span class="col_checkbox">
											<input id="1" class="css-checkbox1" type="checkbox">
											<label for="1" name="demo_lbl_1" class="css-label1"> </label>
									</span>
								</p>
								<p>
									<span class="col_checkbox">
											<input id="2" class="css-checkbox2" type="checkbox">
											<label for="2" name="demo_lbl_2" class="css-label2"> </label>
									</span>
								</p>
				      </div>
				      <div class="clearfix"> </div>
				      <div class="checkbox-grid-left">
								<p>
									<span class="col_checkbox">
											<input id="3" class="css-checkbox3" type="checkbox">
											<label for="3" name="demo_lbl_3" class="css-label3"> </label>
									</span>
								</p>
								<p>
									<span class="col_checkbox">
											<input id="4" class="css-checkbox4" type="checkbox">
											<label for="4" name="demo_lbl_4" class="css-label4"> </label>
									</span>
								</p>
				      </div>
				      <div class="clearfix"> </div>
				      <div class="checkbox-grid-left">
								<p>
									<span class="col_checkbox">
											<input id="7" class="css-checkbox7" type="checkbox">
											<label for="7" name="demo_lbl_7" class="css-label7"> </label>
									</span>
								</p>
								<p>
									<span class="col_checkbox">
											<input id="8" class="css-checkbox8" type="checkbox">
											<label for="8" name="demo_lbl_8" class="css-label8"> </label>
									</span>
								</p>
				          </div>
				          <div class="clearfix"> </div>
				</div>
				<ul class="buy_but"><a href="#">
			   	 <i class="icon5"> </i>
			   	 <li class="buy_but-desc">Shop Now</li>
			   </a></ul>
			   <ul class="buy_but"><a href="#">
			   	 <i class="icon6"> </i>
			   	 <li class="buy_but-desc">Shop Now</li>
			   </a></ul>
      		</div>
      		<div class="clearfix"> </div>
      		  <div class="but_but end_but">
      		    <a href="#">Buy Now</a>
      		  </div> 
      	</div>
      	<div class="col-md-7">
      		<div class="contact">
      			<div class="contact-form">
					   <form>
						  <input type="text" class="textbox" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
						  <input type="text" class="textbox" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}">
						  <textarea value="Message:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Message</textarea>
						  <input type="submit" value="Send">
						  <div class="clearfix"> </div>
					   </form>
				</div>
      		</div>
      	</div>
      	<div class="clearfix"> </div>
      </div>
      <div class="copy">
		 <p>? 2015 Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
	  </div>
      <link href="css/flexslider.css" rel='stylesheet' type='text/css' />
							  <script defer src="js/jquery.flexslider.js"></script>
							  <script type="text/javascript">
								$(function(){
								  SyntaxHighlighter.all();
								});
								$(window).load(function(){
								  $('.flexslider').flexslider({
									animation: "slide",
									start: function(slider){
									  $('body').removeClass('loading');
									}
								  });
								});
							  </script>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 行業 企業 公司 工廠 分類 響應式 自適應 設備 風格 顏色 bootstrap bootstrap自適應 bootstrap響應式 電商 網店 商城 pc+wap 移動+電腦 手機+電腦 簡潔 簡約 簡單 橙色 藝術創意 創意 藝術 文藝 文藝范 藝術氣息 服裝 服飾 服裝公司 服飾公司 服裝廠 服飾廠
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表