英国卡车CSS3网站模板是一款采用css3+html5实现的货车企业网站模板下载。_html网站模板

共61个文件

jpg：25个

png：19个

js：6个

网站模板

136 浏览量 2023-08-05 15:10:18 上传评论收藏 1.6MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

英国卡车CSS3网站模板是一款采用css3+html5实现的货车企业网站模板下载。_html网站模板_网页源码移动端前.rar （61个子文件）

英国卡车CSS3网站模板是一款采用css3+html5实现的货车企业网站模板下载。

moban875

jquery.swipebox.min.js 7KB

responsiveslides.min.js 3KB

easing.js 5KB

move-top.js 1KB

jquery-1.11.1.min.js 94KB

wow.min.js 5KB

css

style.css 36KB

animate.css 67KB

bootstrap.css 138KB

swipebox.css 4KB

mail.html 8KB

services.html 13KB

index.html 15KB

about.html 12KB

single.html 11KB

images

nav-but4.png 500B

co.png 2KB

a2.jpg 66KB

2.jpg 75KB

b8.jpg 20KB

10-.jpg 80KB

10.jpg 37KB

sin2.jpg 102KB

sin1.jpg 89KB

6-.jpg 57KB

3.png 4KB

menu.png 3KB

6.jpg 29KB

logo.png 6KB

img2.jpg 51KB

9-.jpg 59KB

phone.png 3KB

b7.jpg 16KB

nav-but2.png 3KB

1.png 4KB

search.png 3KB

nav-but5.png 610B

nav-but3.png 666B

fancybox_sprite.png 1KB

img4.jpg 45KB

5.jpg 33KB

nav-but1.png 4KB

img1.jpg 39KB

icons.svg 1KB

play.png 3KB

b10.jpg 18KB

b9.jpg 18KB

img3.jpg 50KB

i5.jpg 80KB

8.jpg 58KB

location.png 3KB

4.png 4KB

icons.png 4KB

5-.jpg 58KB

banner2.jpg 170KB

8-.jpg 55KB

sin.jpg 133KB

top-arrow.png 3KB

2.png 4KB

9.jpg 45KB

blog.html 11KB

<!DOCTYPE html> <html> <head> <title>Home</title> <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="Truck 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="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />   <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />  <script src="js/jquery-1.11.1.min.js"></script>  <link href='#css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600' rel='stylesheet' type='text/css'>  <link href="css/animate.css" rel="stylesheet" type="text/css" media="all"> <script src="js/wow.min.js"></script> <script> new WOW().init(); </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},900); }); }); </script>  </head> <body>  <div id="home" class="banner a-banner">  <div class="container"> <div class="header"> <div class="head-logo"> <a href="index.html"><img src="images/logo.png" alt="" /></a> </div> <div class="top-nav"> <span class="menu"><img src="images/menu.png" alt=""></span> <ul class="nav1"> <li class="hvr-sweep-to-bottom active"><a href="index.html">Home<i><img src="images/nav-but1.png" alt=""/></i></a></li> <li class="hvr-sweep-to-bottom"><a href="about.html">About<i><img src="images/nav-but2.png" alt=""/></i></a></li> <li class="hvr-sweep-to-bottom"><a href="services.html">Services<i><img src="images/nav-but3.png" alt=""/></i></a></li> <li class="hvr-sweep-to-bottom"><a href="blog.html">Blog<i><img src="images/nav-but4.png" alt=""/></i></a></li> <li class="hvr-sweep-to-bottom"><a href="mail.html">Mail Us<i><img src="images/nav-but5.png" alt=""/></i></a></li> <div class="clearfix"> </div> </ul>  <script> $( "span.menu" ).click(function() { $( "ul.nav1" ).slideToggle( 300, function() { // Animation complete. }); }); </script>  </div> <div class="clearfix"> </div> </div> </div>  <div class="container"> <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider3").responsiveSlides({ auto: true, pager: true, nav: false, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script> <div id="top" class="callbacks_container"> <ul class="rslides" id="slider3"> <li> <div class="banner-info"> <h2>Where you <span> always </span> find great truck journey</h2> <div class="line"> </div> <p>Ut sodales erat tortor, eget rhoncus nulla rutrum sit amet. Aliquam sit amet lorem dui. Nulla sagittis dolor id mi tincidunt varius. Donec quis suscipit tortor vel pellentesque libero</p> </div> </li> <li> <div class="banner-info"> <h2>Make your <span> journey </span> truck in United Kingdom</h2> <div class="line"> </div> <p>Eget rhoncus nulla rutrum sit amet. Ut sodales erat tortor Aliquam sit amet lorem dui. Donec quis suscipit tortor vel pellentesque libero Nulla sagittis dolor id mi tincidunt varius</p> </div> </li> <li> <div class="banner-info"> <h2>Provider <span> Volvo Trucks </span> truck in Ukraine</h2> <div class="line"> </div> <p>Eget rhoncus nulla rutrum sit amet. Ut sodales erat tortor Aliquam sit amet lorem dui. Donec quis suscipit tortor vel pellentesque libero Nulla sagittis dolor id mi tincidunt varius</p> </div> </li> </ul> </div> </div> </div>   <div class="banner-bottom">  <div class="container"> <div class="banner-bottom-grids"> <div class="col-md-7 banner-bottom-grid-text"> <div class="jumbotron banner-bottom-left wow fadeInLeft animated" data-wow-delay="0.5s" style="visibility: visible; -webkit-animation-delay: 0.5s; "> <h3>Nullam consectetur tristique fermentum vestibulum</h3> <h5>Cras porttitor imperdiet volutpat. Nulla malesuada lectus eros ut convallis felis <span>consectetur ut</span></h5> <p>Proin eget ipsum ultrices, aliquet velit eget, tempus tortor. Phasellus non velit sit amet diam faucibus molestie. Mauris sapien eros, mattis et elit non, tincidunt efficitur nisi augue dui iaculis nulla, a pretium nisl turpis vel augue auctor viverra aliquam .</p> <div class="see-button"> <a class="btn btn-primary btn-lg see-button hvr-shutter-out-horizontal" href="about.html" role="button">See More</a> </div> </div> </div> <div class="col-md-5 banner-bottom-right wow fadeInRight animated" data-wow-delay="0.5s" style="visibility: visible; -webkit-animation-delay: 0.5s;"> <img src="images/2.jpg" alt=""/> </div> <div class="clearfix"> </div> </div> </div>  </div>   <div class="specialty">  <div class="container"> <div class="col-md-5 specialty-info wow fadeInLeft animated" data-wow-delay="0.5s" style="visibility: visible; -webkit-animation-delay: 0.5s;"> <h3>Our Services</h3> <h5>Cras porttitor imperdiet volutpat nulla malesuada lectus eros ut convallis felis consectetur ut </h5> <p>Integer vitae ligula sed lectus consectetur pellentesque blandit nec orci. Nulla ultricies nunc et lorem semper, quis accumsan dui aliquam aucibus sagittis placerat. <span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi non nibh nec enim sollicitudin interdum.tristique senectus et netus et malesuada fames ac turpis egestas</span> </p> <div class="see-button"> <a class="btn btn-primary btn-lg see-button hvr-shutter-out-horizontal specialty-button" href="services.html" role="button">See More</a> </div> </div> <div class="col-md-7 specialty-grids"> <div class="specialty-grids-top"> <div class="col-md-6 service-box wow fadeInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> <figure class="icon"> <img src="images/1.png" alt="" /> </figure> <h5>Proin eget ipsum ultrices</h5> <p>Sed ut perspiciis iste natus error sit voluptatem accusantium doloremque laudantium.</p> </div> <div class="col-md-6 service-box wow fadeInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> <figure class="icon"> <img src="images/2.png" alt="" /> </figure>

评论收藏

内容反馈