儿童单车运动响应式网页模板.7z资源-CSDN文库

共50个文件

jpg：20个

js：9个

png：7个

HTML

源码

响应式网站

课程设计

期末大作业

需积分: 5 158 浏览量 2024-06-20 08:48:39 上传评论收藏 2.01MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

儿童单车运动响应式网页模板.7z （50个子文件）

儿童单车运动响应式网页模板

html

bootstrap.js 66KB

lightbox-plus-jquery.min.js 91KB

SmoothScroll.min.js 6KB

easing.js 5KB

move-top.js 1KB

jquery-1.11.1.min.js 94KB

wow.min.js 5KB

jquery.flexisel.js 8KB

jarallax.js 14KB

css

style.css 35KB

font-awesome.css 34KB

animate.css 69KB

bootstrap.css 138KB

lightbox.css 4KB

index.html 29KB

images

g3.jpg 45KB

g2.jpg 35KB

2.jpg 105KB

prev.png 1KB

arrow.png 4KB

6.jpg 33KB

1.jpg 192KB

t3.jpg 45KB

dott.png 213B

next.png 1KB

g7.jpg 49KB

left.png 582B

g6.jpg 54KB

t1.jpg 29KB

5.jpg 89KB

t4.jpg 47KB

g5.jpg 52KB

close.png 280B

8.jpg 45KB

t2.jpg 39KB

right.png 584B

g4.jpg 50KB

3.jpg 98KB

7.jpg 43KB

g1.jpg 37KB

9.jpg 173KB

4.jpg 71KB

fonts

FontAwesome.otf 132KB

glyphicons-halflings-regular.woff 23KB

fontawesome-webfont.eot 162KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

<!DOCTYPE html> <html lang="en"> <head> <title>Kids Cycling a Sports Category Bootstrap Responsive Website Template | Home :: w3layouts</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <meta name="keywords" content="Kids Cycling Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />   <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />   <link href="css/font-awesome.css" rel="stylesheet">   <link rel="stylesheet" href="css/lightbox.css">   <link href="//fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i" rel="stylesheet">  <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.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="banner"> <div class="wthree-different-dot"> <div class="w3layouts-header-top"> <div class="container"> <div class="w3-header-top-grids"> <div class="w3-header-top-left"> <p><i class="fa fa-volume-control-phone" aria-hidden="true"></i> +1 234 567 8901</p> </div> <div class="w3-header-top-right"> <div class="agileinfo-social-grids"> <ul> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-rss"></i></a></li> <li><a href="#"><i class="fa fa-vk"></i></a></li> </ul> </div> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> </div> </div> </div> <div class="head"> <div class="container"> <div class="navbar-top">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="navbar-brand logo "> <h1><a href="index.html"><span class="logo-text"><b>K</b></span>K<span class="color1">i</span><span class="color2">d</span><span class="color3">s</span> <span class="logo-sub">Cycling</span></a></h1> </div> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav link-effect-4"> <li class="active first-list"><a href="index.html">Home</a></li> <li><a href="#about" class="scroll">About</a></li> <li><a href="#services" class="scroll">Services</a></li> <li><a href="#gallery" class="scroll">Gallery</a></li> <li><a href="#news" class="scroll">News</a></li> <li><a href="#team" class="scroll">Trainers</a></li> <li><a href="#contact" class="scroll">Contact</a></li> </ul> </div> </div> </div> </div> <div class="w3layouts-banner-slider"> <div class="container"> <div class="w3-agile-info"> <div class="agileits-banner"> <h3><span>K</span></h3> </div> <div class="wthree-border"> </div> <h4>Integer sed faucibus</h4> <p>Donec ultrices nisi pulvinar ligula porta, et aliquet tellus consectetur. Class aptent taciti sociosqu ad litora torquent per conubia nostra</p> <div class="w3-arrow bounce animated"> <a href="#indro" class="scroll"><i class="fa fa-angle-down" aria-hidden="true"></i></a> </div> </div> </div> </div> </div> </div>   <div class="banner-bottom" id="indro"> <div class="container"> <div class="wthree-bottom-grids"> <div class="col-md-6 wthree-bottom-grid"> <div class="w3-agileits-bottom-left"> <div class="w3-agileits-bottom-left-text"> <h3>Integer sed faucibus tellus</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia lectus vel neque pretium viverra id quis sapien. Praesent vel ante leo. Quisque dapibus finibus massa</p> </div> </div> </div> <div class="col-md-6 wthree-bottom-grid"> <div class="w3-agileits-bottom-left w3-agileits-bottom-right"> <div class="w3-agileits-bottom-left-text"> <h3>Nunc rhoncus lobortis diam</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia lectus vel neque pretium viverra id quis sapien. Praesent vel ante leo. Quisque dapibus finibus massa</p> </div> </div> </div> <div class="clearfix"> </div> </div> </div> </div>   <div class="about" id="about"> <div class="container"> <div class="w3-agileits-about-grids"> <div class="col-md-6 agile-about-left"> <h2>About Us</h2> <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget faucibus est.</h5> <p>Suspendisse auctor urna blandit ultricies maximus. Sed accumsan auctor lacus ac mattis. Mauris at nibh purus. Nullam vulputate, urna id facilisis eleifend, nisl turpis suscipit augue, eget tincidunt velit nunc ut lectus. <span>Phasellus viverra nec augue at iaculis. Nullam scelerisque tincidunt sapien vitae sodales. Sed tristique ut nulla a ultricies. Aliquam sit amet sodales elit, et pellentesque lorem. Praesent quis nibh id arcu porta lobortis.</span> Morbi rutrum ut risus sed hendrerit. Integer laoreet odio nec nisi varius, at scelerisque nisi rhoncus.liquam libero enim, fermentum sed ligula a, finibus faucibus erat. Sed ipsum orci, rutrum eget diam ac, luctus commodo quam.</p> </div> <div class="col-md-6 agile-about-right"> <div class="agile-about-right-img1"> <img src="images/4.jpg" alt="" /> </div> <div class="agile-about-right-img2"> <img src="images/5.jpg" alt="" /> </div> </div> <div class="clearfix"> </div> </div> </div> </div>   <div class="services" id="services"> <div class="container"> <div class="w3ls-heading"> <h3>Services</h3> </div> <div class="agileits-services-grids"> <div class="col-md-4 agileits-services-grid"> <i class="fa fa-bus" aria-hidden=

评论收藏

内容反馈