<!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>
<!-- bootstarp-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstarp-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<script src="js/jquery-1.11.1.min.js"></script>
<!--fonts-->
<link href='#css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600' rel='stylesheet' type='text/css'>
<!--/fonts-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!--start-smoth-scrolling-->
<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>
<!--start-smoth-scrolling-->
</head>
<body>
<!-- banner -->
<div id="home" class="banner a-banner">
<!-- container -->
<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-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //container -->
<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>
<!-- //banner -->
<!-- banner-bottom -->
<div class="banner-bottom">
<!-- container -->
<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>
<!-- //container -->
</div>
<!-- //banner-bottom -->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >免费网站模板</a></div>
<!-- specialty -->
<div class="specialty">
<!-- container -->
<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-animati
红色菜单工业机械制造企业网页模板_红色 大气 菜单 工业 机械 机械制造 制造 企业 整站 w3 bootstrap 端前端_H5模板_自适应响应式源码.rar （60个子文件） 
红色菜单工业机械制造企业网页模板_红色 大气 菜单 工业 机械 机械制造 制造 企业 整站 w3 bootstrap 手机 响应式 汽车 安防 css3动画 html5 商业 大图 背景 cpts_253_lo js 
jquery.fancybox.js 48KB 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 touchTouch.css 5KB
mail.html 8KB services.html 13KB index.html 16KB about.html 12KB single.html 12KB images 
nav-but4.png 500B co.png 2KB
a2.jpg 28KB 2.jpg 33KB b8.jpg 11KB 10-.jpg 46KB 10.jpg 21KB sin2.jpg 50KB sin1.jpg 34KB 6-.jpg 39KB 3.png 4KB menu.png 3KB 6.jpg 19KB logo.png 6KB img2.jpg 15KB 9-.jpg 36KB phone.png 3KB b7.jpg 10KB nav-but2.png 3KB 1.png 4KB search.png 3KB nav-but5.png 610B nav-but3.png 666B fancybox_sprite.png 1KB img4.jpg 19KB 5.jpg 11KB nav-but1.png 4KB img1.jpg 18KB play.png 3KB b10.jpg 12KB b9.jpg 12KB img3.jpg 20KB i5.jpg 33KB 8.jpg 25KB location.png 3KB 4.png 4KB icons.png 4KB 5-.jpg 20KB banner2.jpg 83KB 8-.jpg 32KB sin.jpg 25KB top-arrow.png 3KB 2.png 4KB 9.jpg 23KB blog.html 11KB资源评论
icwx_7550592
- 粉丝: 20
- 资源: 7163
最新资源
- 5 薪酬结构统计分析表（依据基本信息自动生成）.xlsx
- 4 员工工资表-部门薪酬分析.xlsx
- 8 公司工程部人事薪酬分析.xlsx
- 13 公司人力资源薪酬工资统计表.xlsx
- 7 薪酬市场数据统计分析.xlsx
- 9 公司员工薪酬统计分析表.xlsx
- 10 财务分析员工薪酬统计表.xlsx
- 12 财务报表员工薪酬结算.xlsx
- 11 财务报表员工薪酬分析.xlsx
- 15 薪资情况分析表.xlsx
- 14 薪资筹划财务分析表.xlsx
- 18 财务汇报部门历年薪酬统计图表.xlsx
- 16 月度工资支出数据汇总图表.xlsx
- 17财务报告年度工资统计图表1.xlsx
- 20 工资表-部分统计-图表展示.xlsx
- 21 公司部门工资情况汇报图表模板.xlsx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
