网站模板-产品分析展示说明响应式网页模板-适配移动端界面-HTML源码.zip资源-CSDN文库

共77个文件

png：36个

js：15个

jpg：14个

版权申诉

HTML源码

JavaScript

适配移动端

40 浏览量 2024-03-23 09:38:13 上传评论收藏 528KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站模板-产品分析展示说明响应式网页模板-适配移动端界面-HTML源码.zip （77个子文件）

网站模板-产品分析展示说明响应式网页模板-适配移动端界面-HTML源码

html

mobile

css

style.css 10KB

index.html 11KB

images

twit.png 618B

m-3.png 4KB

women.jpg 3KB

logo.png 2KB

bnr.jpg 7KB

women-1.jpg 3KB

d.png 347B

u.png 480B

menu-icon.png 2KB

mn.png 2KB

m-1.png 4KB

f.png 395B

scroll-top.png 486B

clk.png 2KB

map.png 17KB

smartphone

jquery.flexslider.js 41KB

modernizr.js 10KB

responsive.menu.js 3KB

easing.js 5KB

move-top.js 1KB

wow.min.js 5KB

jquery.js 251KB

myscript.js 312B

css

style.css 14KB

flexslider.css 4KB

animate.css 67KB

index.html 17KB

images

bg_direction_nav.png 1KB

twit.png 618B

girl-1.jpg 5KB

m-3.png 5KB

women.jpg 7KB

bnr.jpg 11KB

women-1.jpg 5KB

d.png 347B

u.png 480B

menu-icon.png 2KB

mn.png 2KB

m-1.png 5KB

f.png 395B

scroll-top.png 486B

clk.png 3KB

web

jquery.flexslider.js 41KB

modernizr.js 10KB

easing.js 5KB

jquery-1.11.0.min.js 94KB

move-top.js 1KB

wow.min.js 5KB

myscript.js 312B

css

style.css 22KB

flexslider.css 4KB

animate.css 67KB

bootstrap.css 118KB

index.html 20KB

images

bg_direction_nav.png 944B

twit.png 618B

girl-1.jpg 14KB

girl-5.jpg 23KB

Thumbs.db 3KB

m-3.png 8KB

women.jpg 20KB

girl-2.jpg 28KB

bnr.jpg 61KB

women-1.jpg 16KB

d.png 347B

m-2.png 10KB

u.png 374B

girl-4.jpg 21KB

menu-icon.png 2KB

mn.png 3KB

m-1.png 9KB

pn.png 3KB

f.png 348B

scroll-top.png 486B

clk.png 3KB

<!DOCTYPE html> <html> <head> <title>The Vetae bootstrap Website Template | Home :: w3layouts</title> <link href="./css/bootstrap.css" rel='stylesheet' type='text/css' /> <link href="./css/style.css" rel='stylesheet' type='text/css' /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <script src="./js/jquery-1.11.0.min.js"></script> <link rel="stylesheet" href="./css/flexslider.css" type="text/css" media="screen" /> <link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'> <script src="./js/modernizr.js"></script>  <script type="text/javascript" src="./js/move-top.js"></script> <script type="text/javascript" src="./js/easing.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script>   <link href="./css/animate.css" rel="stylesheet" type="text/css" media="all"> <script src="./js/wow.min.js"></script> <script> new WOW().init(); </script>  </head> <body>  <div class="header" id="home"> <div class="container"> <div class="logo"> <h1><a href="index.html">VETAE</a></h1> </div> <span class="menu"> </span> <div class="cleare"> </div> <script> $( "span.menu" ).click(function() { $( "ul.navig" ).slideToggle( "slow", function() { // Animation complete. }); }); </script> <div class="navigation"> <ul class="navig"> <li><a class="active" href="#home" class="scroll">HOME</a></li> <li><a href="#about" class="scroll">ABOUT</a></li> <li><a href="#services" class="scroll">SERVICES</a></li> <li><a href="#project" class="scroll">PROJECTS</a></li> <li><a href="#contact" class="scroll">CONTACT</a></li> </ul> </div> <div class="clearfix"> </div> </div> </div>   <div class="banner"> <div class="slider"> <section class="slider"> <div class="flexslider"> <ul class="slides"> <li> <h2>IPSUM DOLOR SIT AMET LAT</h2> <h5>Allquam tincidunt mauris cu risus</h5> </li> <li> <h2>IPSUM DOLOR SIT AMET LAT</h2> <h5>Allquam tincidunt mauris cu risus</h5> </li> <li> <h2>IPSUM DOLOR SIT AMET LAT</h2> <h5>Allquam tincidunt mauris cu risus</h5> </li> <li> <h2>IPSUM DOLOR SIT AMET LAT</h2> <h5>Allquam tincidunt mauris cu risus</h5> </li> </ul> </div> </section> <script>window.jQuery || document.write('<script src="./js/libs/jquery-1.7.min.js">\x3C/script>')</script>  <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> </div> </div> <div class="about" id="about"> <div class="container"> <div class="about1 clock wow bounceIn"> <div class="col-md-6 "> <div class="about-top"> <h2>MORBI IN SEM LOREM PLACERAT ORNARE PELLENTE</h2> <h3>EUISMOD IN,PHARETRA ULTRICIES CRASCONSEQUAT VAVIMUS SUP SOMPURKOI VARSIT</h3> <a href="#">MORE INFO</a> </div> <div class="clearfix"> </div> </div> <div class="col-md-6"> <div class="about-bottom"> <a href="#"><p class="para1">Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet,lectus arcu pulvinar ricus lorem ipsum dolor</p></a> <p class="para2">vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis , adipiscing varius, adipiscing in,lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus.</p> <p class="para3">Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. integeralesuada.</p> </div> </div> <div class="clearfix"> </div> </div> </div> </div> <div class="content" id="services"> <div class="container"> <div class="content-1 clock wow bounceIn"> <div class="col-md-4"> <div class="content-grids"> <div class="content-left"> <span class="cnt1"> </span> </div> <div class="content-right"> <h3>CESTIBULUM AUCT</h3> <P>Praesent dapibus, neque id cursus fauci-bus, tortor neque egestas augue,euin vulputate magna eros lipsum</P> <a href="#">MORE</a> </div> <div class="clearfix"> </div>

评论收藏

内容反馈

版权申诉