081国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板

共53个文件

png：23个

jpg：19个

html：6个

网站模板

前端源码

js特效

css样式

105 浏览量 2023-08-03 11:07:56 上传评论收藏 1.35MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

081国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （53个子文件）

081

jquery.min.js 92KB

css

style.css 46KB

bootstrap.css 118KB

signin.html 9KB

index.html 11KB

single.html 14KB

images

blog-icon3.png 3KB

b1.png 10KB

2.jpg 35KB

tick1.png 3KB

111.png 12KB

10.jpg 35KB

b2.png 5KB

mid-banner.jpg 217KB

b3.png 5KB

13.jpg 47KB

112.png 13KB

arrow.png 3KB

menu.png 3KB

6.jpg 30KB

banner.jpg 265KB

logo.png 4KB

1.jpg 43KB

foo.jpg 143KB

blog-icon5.png 3KB

cart.png 3KB

12.jpg 43KB

5.jpg 36KB

b-banner.jpg 52KB

icons.svg 1KB

list_marker.gif 1KB

img-sprite.png 24KB

close.png 3KB

8.jpg 33KB

mid-banner1.jpg 238KB

b4.png 12KB

blog-icon4.png 3KB

11.jpg 43KB

foot-banner.jpg 69KB

blog-icon2.png 3KB

b6.png 10KB

3.jpg 51KB

blog-icon1.png 3KB

7.jpg 47KB

113.png 11KB

map.png 68KB

b5.png 11KB

stock.png 4KB

9.jpg 46KB

4.jpg 34KB

products.html 13KB

checkout.html 8KB

<!DOCTYPE HTML> <html> <head> <title>Single</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Wowphotos Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'> <script src="js/jquery.min.js"></script> <script src="js/jquery.easydropdown.js"></script> <script>$(document).ready(function(c) { $('.alert-close').on('click', function(c){ $('.message').fadeOut('slow', function(c){ $('.message').remove(); }); }); }); </script> <script>$(document).ready(function(c) { $('.alert-close1').on('click', function(c){ $('.message1').fadeOut('slow', function(c){ $('.message1').remove(); }); }); }); </script> </head> <body>  <div class="header"> <div class="container"> <div class="header-right"> <div class="hea-rig"> <ul class="icon1 sub-icon1"> <li><a href="signin.html">Login</a></li> <li><label>|</label></li> <li><div class="cart1"> <a href="#" class="cart-in"> </a> </div> <ul class="sub-icon1 list"> <h3>Recently added items(2)</h3> <div class="shopping_cart"> <div class="cart_box"> <div class="message"> <div class="alert-close"> </div> <div class="list_img"><img src="images/4.jpg" class="img-responsive" alt=""></div> <div class="list_desc"><h4><a href="#">velit esse molestie</a></h4>1 x<span class="actual"> $12.00</span></div> <div class="clearfix"></div> </div> </div> <div class="cart_box1"> <div class="message1"> <div class="alert-close1"> </div> <div class="list_img"><img src="images/11.jpg" class="img-responsive" alt=""></div> <div class="list_desc"><h4><a href="#">velit esse molestie</a></h4>1 x<span class="actual"> $12.00</span></div> <div class="clearfix"></div> </div> </div> </div> <div class="total"> <div class="total_left">CartSubtotal : </div> <div class="total_right">$250.00</div> <div class="clearfix"> </div> </div> <div class="login_buttons"> <div class="check_button"><a href="checkout.html">Check out</a></div> <div class="clearfix"></div> </div> <div class="clearfix"></div> </ul> </li> <li>:<span>1</span></li> <div class="clearfix"> </div> </ul> </div> <div class="head-nav"> <span class="menu"> </span> <ul class="cl-effect-15"> <li><a href="index.html">Plans and prices</a></li> <li><a href="products.html"> Take the tour</a></li> <li><a href="register.html">Become a contributor</a></li> <div class="clearfix"> </div> </ul>  <script> $( "span.menu" ).click(function() { $( ".head-nav ul" ).slideToggle(300, function() { // Animation complete. }); }); </script>  </div> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> </div> </div> <div class="header-bottom"> <div class="container"> <div class="logo"> <a href="index.html"><img src="images/logo.png" class="img-responsive" alt=""></a> </div> <div class="search2"> <form> <li><input type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}"></li> <li><div class="section_room1"> <select id="country" onchange="change_country(this.value)" class="frm-field required"> <option value="null">English</option> <option value="null">French</option> <option value="AX">Arab</option> </select> </div></li> <li> <input type="submit" value="search"></li> <div class="clearfix"> </div> </form> </div> <div class="clearfix"> </div> </div> </div>  <div class="main"> <div class="main-top"> <div class="container"> <div class="section group"> <div class="content span_1_of_2"> <div class="grid images_3_of_2"> <img src="images/13.jpg" class="img-responsive" alt=""/> </div> <div class="desc span_3_of_2"> <h3>Lorem Ipsum is simply dummy</h3> <div class="desc"> <span class="brand">Brand: <a href="#">Sed do eiusmod </a></span><br> <span class="code">Product Code: Product 11</span><br> <div class="padd-stock"> <div class="extra-wrap"> <span class="prod-stock-2">Availability:</span> <div class="prod-stock">In Stock</div></div></div> <div class="price"> <span class="text">Price:</span> <span class="price-new">$110.00</span><span class="price-old">$100.00</span> <span class="price-tax">Ex Tax: $90.00</span><br> <span class="points"><small>Price in reward points: 400</small></span><br> </div> <div class="single-cart"> <div class="prod-row"> <div class="cart-top"> <div class="cart-top-padd"> <label>Qty:</label> <input type="text" name="quantity" size="2" value="1"> <input type="hidden" name="product_id" size="2" value="47"> </div> <input type="submit" value="Add to Cart" class="button6"> </div> </div> </div> </div> </div> <p class="para">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,.</p> <div class="links"> <ul> <li><a href="#"><img src="images/blog-icon1.png" title="date"><span>june 14, 2013</span></a></li> <li><a href="#"><img src="images/blog-icon2.png" title="Admin"><span>admin</span></a></li> <li><a href="#"><img src="images/blog-icon3.png" title="Comments"><span>No comments</span></a></li> <li><a href="#"><img src="images/blog-icon4.png" title="Lables"><span>View posts</span></a></li> <li><a href="#"><img src="images/blog-icon5.png" title="permalink"><span>permalink</span></a></li> <div class="clearfix"> </div> </ul> </div> <div class="leave-comment"><a href="#" name="comment">Leave a Comment</a></div> <div class="leave-reply"><a class="#">Leave a Reply</a></div> <div class="comments-area"> <form> <p> <label>Name</label> <span>*</span> <input type="text" value="">

评论收藏

内容反馈