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

共36个文件

jpg：16个

png：9个

html：5个

前端源码

网页模板

94 浏览量 2023-08-04 09:04:55 上传评论收藏 289KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

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

248

jquery.wmuSlider.js 12KB

jquery.flexslider.js 39KB

jquery.min.js 92KB

css

style.css 26KB

flexslider.css 4KB

bootstrap.css 118KB

404.html 5KB

services.html 9KB

index.html 15KB

contact.html 7KB

about.html 8KB

images

row4.jpg 6KB

10.jpg 7KB

3.png 3KB

device.png 13KB

menu.png 556B

6.jpg 3KB

banner.jpg 51KB

15.jpg 5KB

logo.png 7KB

img2.jpg 20KB

row1.jpg 5KB

1.png 5KB

rotate.jpg 2KB

12.jpg 3KB

billards.jpg 17KB

row2.jpg 5KB

img1.jpg 11KB

head.jpg 24KB

img-sprite.png 12KB

img3.jpg 11KB

8.jpg 4KB

5.png 4KB

4.png 5KB

2.png 5KB

9.jpg 3KB

<!DOCTYPE HTML> <html> <head> <title>Home</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, maximum-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href='http://fonts.useso.com/css?family=Yanone+Kaffeesatz:400,700,300' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> <script src="js/jquery.min.js"></script> </head> <body>  <div class="header-top"> <div class="container"> <div class="logo"> <a href="index.html"><img src="images/logo.png" alt="" /></a> </div> <div class="head-nav"> <span class="menu"> </span> <ul> <li class="active"><a href="index.html">home</a></li> <li><a href="about.html" class="scroll">About</a></li> <li><a href="services.html" class="scroll">Services</a></li> <li><a href="404.html" class="scroll">Showcase</a></li> <li><a href="contact.html" class="scroll">contact</a></li> <div class="clearfix"> </div> </ul> </div> <div class="clearfix"> </div>  <script> $( "span.menu" ).click(function() { $( ".head-nav ul" ).slideToggle(300, function() { // Animation complete. }); }); </script>  </div> </div> <div class="banner" id="home"> <div class="container">  <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>  <section class="slider"> <div class="flexslider"> <ul class="slides"> <li> <div class="banner-info"> <div class="col-md-6"> <h1>You plan it; We will make it happen!</h1> <p>sweet cupcake donut marshmallow jelly beans jelly-o jelly beans apple pie. Wafer pie apple pie sweet roll donut tart croissant. Marshmallow bear claw bonbon icing icing sugar plum. Marzipan jelly beans muffin. </p> <div class="info"> <a class="view" href="#">VIEW DETAILS</a> <a class="our" href="#">OUR SHOWCASE</a> </div> </div> <div class="col-md-6"> <img src="images/billards.jpg" class="img-responsive" alt="" /> </div> <div class="clearfix"> </div> </div> </li> <li> <div class="banner-info"> <div class="col-md-6"> <h1>You plan it; We will make it happen!</h1> <p>sweet cupcake donut marshmallow jelly beans jelly-o jelly beans apple pie. Wafer pie apple pie sweet roll donut tart croissant. Marshmallow bear claw bonbon icing icing sugar plum. Marzipan jelly beans muffin. </p> <div class="info"> <a class="view" href="#">VIEW DETAILS</a> <a class="our" href="#">OUR SHOWCASE</a> </div> </div> <div class="col-md-6"> <img src="images/billards.jpg" class="img-responsive" alt="" /> </div> <div class="clearfix"> </div> </div> </li> <li> <div class="banner-info"> <div class="col-md-6"> <h1>You plan it; We will make it happen!</h1> <p>sweet cupcake donut marshmallow jelly beans jelly-o jelly beans apple pie. Wafer pie apple pie sweet roll donut tart croissant. Marshmallow bear claw bonbon icing icing sugar plum. Marzipan jelly beans muffin. </p> <div class="info"> <a class="view" href="#">VIEW DETAILS</a> <a class="our" href="#">OUR SHOWCASE</a> </div> </div> <div class="col-md-6"> <img src="images/billards.jpg" class="img-responsive" alt="" /> </div> <div class="clearfix"> </div> </div> </li> <li> <div class="banner-info"> <div class="col-md-6"> <h1>You plan it; We will make it happen!</h1> <p>sweet cupcake donut marshmallow jelly beans jelly-o jelly beans apple pie. Wafer pie apple pie sweet roll donut tart croissant. Marshmallow bear claw bonbon icing icing sugar plum. Marzipan jelly beans muffin.</p> <div class="info"> <a class="view" href="#">VIEW DETAILS</a> <a class="our" href="#">OUR SHOWCASE</a> </div> </div> <div class="col-md-6"> <img src="images/billards.jpg" class="img-responsive" alt="" /> </div> <div class="clearfix"> </div> </div> </li> </ul> </div> </section> </div> </div>   <div class="services"> <div class="container"> <div class="col-md-3"> <h3>Services</h3> <p>Defination of the services of the particular business goes the here the business goes here business particular business goes here. </p> </div> <div class="col-md-2 business" > <h5>Business Branding</h5> <p>Sweet roll cake danish icing lollipop. Lemon drops brownie tootsie roll. </p> </div> <div class="col-md-2 business" > <h5>Business Promotion</h5> <p>Sweet roll cake danish icing lollipop. Lemon drops brownie tootsie roll.</p> </div> <div class="col-md-2 business" > <h5>Market Supply</h5> <p>Sweet roll cake danish icing lollipop. Lemon drops brownie tootsie roll. </p> </div> <div class="col-md-2 business" > <h5>Advertisement</h5> <p>Sweet roll cake danish icing lollipop. Lemon drops brownie tootsie roll. </p> </div> <div class="clearfix"> </div> </div> </div> <div class="showcase"> <div class="container "> <div class="col-md-2 Show"> <script type="text/javascript"> $(function(){ SyntaxHighlighter.all(); }); $(window).load(function(){ $('.flexslider1').flexslider({ animation: "slide", start: function(slider){ $('body').removeClass('loading'); } }); }); </script> <section class="slider"> <div class="flexslider1"> <ul class="slides"> <li> <h3>Showcase</h3> <ul> <li><a href="#">Marketing Tools -</a></li> <li><a href="#">Business Promotion -</a></li> <li><a href="#">Advertisement -</a></li> <li><a href="#">Corporate Branding -</a></li> <li><a href="#">Online Marketing -</a></li> <li><a href="#">Offline Marketing -</a></li> </ul> </li> <li> <h3>Showcase</h3> <ul> <li><a href="#">Marketing Tools -</a></li> <li><a href="#">Business Promotion -</a></li> <li><a href="#">Advertisement -</a></li> <li><a href="#">Corporate Branding -</a></li> <li><a href="#">Online Marketing -</a></li> <li><a href="#">Offline Marketing -</a></li> </ul> </li> <li> <h3>Showcase</h3> <ul> <li><a href="#">Marketing Tools -</a></li> <li><a href="#">Business Promotion -</a></li> <li><a href="#">Advertisement -</a></li> <li><a href="#">Corporate Branding -</a></li> <li><a href="#">Online Marketing -</a></li> <li><a href="#">Offline Marketing -</a></li> </ul> </li> <li> <h3>Showcase</h3> <ul> <li><a href="#">Marketing Tools -</a></li> <li><a href="#">Business Promotion -</a></li> <

评论收藏

内容反馈