<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- for-mobile-apps -->
<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="Automation 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>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href='#css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='#css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- 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},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>
<body>
<!-- banner -->
<div class="banner">
<div class="container">
<div class="logo">
<a href="index.html"><span>Auto</span>mation</a>
</div>
<div class="banner-info">
<h1>The premier industrial manufaturer & exporter
stebility & emphasis on client advocacy!</h1>
<div class="more exporter">
<a href="#" class="hvr-bounce-to-top">Read More</a>
</div>
</div>
</div>
</div>
<!-- //banner -->
<!-- sticky-nav -->
<div class="banner-bottom">
<div class="container">
<div class="fixed-header">
<div class="banner-bottom-nav">
<span class="menu"><img src="images/menu.png" alt=" "/></span>
<div class="home-logo">
<a href="index.html"> </a>
</div>
<nav class="cl-effect-1">
<ul class="nav1">
<li><a class="scroll" href="#about">About Us</a></li>
<li><a class="scroll" href="#services">Services</a></li>
<li><a class="scroll" href="#projects">Projects</a></li>
<li><a class="scroll" href="#products">Products</a></li>
<li><a class="scroll" href="#contact">Contact</a></li>
</ul>
</nav>
</div>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- //script for menu -->
<!-- script-for sticky-nav -->
<script>
$(document).ready(function() {
var navoffeset=$(".banner-bottom").offset().top;
$(window).scroll(function(){
var scrollpos=$(window).scrollTop();
if(scrollpos >=navoffeset){
$(".banner-bottom").addClass("fixed");
}else{
$(".banner-bottom").removeClass("fixed");
}
});
});
</script>
<!-- //script-for sticky-nav -->
</div>
<div class="search-sub">
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Type your text here...">
</div>
<button type="submit" class="btn btn-default">Search</button>
</form>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //sticky-nav -->
<!-- welcome-company -->
<div class="welcome-company">
<div class="container">
<div class="welcome-company-grids">
<div class="col-md-4 welcome-company-grid-left">
<div class="company-grids">
<div class="company-grid">
<img src="images/1.jpg" alt=" " class="img-responsive"/>
</div>
<div class="company-grid">
<img src="images/2.jpg" alt=" " class="img-responsive"/>
</div>
<div class="company-grid">
<img src="images/5.jpg" alt=" " class="img-responsive"/>
</div>
<div class="clearfix"> </div>
<div class="company-grid">
<img src="images/3.jpg" alt=" " class="img-responsive"/>
</div>
<div class="company-grid">
<img src="images/4.jpg" alt=" " class="img-responsive"/>
</div>
<div class="company-grid">
<img src="images/6.jpg" alt=" " class="img-responsive"/>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-8 welcome-company-grid-right">
<h3>Welcome To Our Company</h3>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum. Nam libero tempore,
cum soluta nobis est eligendi optio cumque nihil impedit quo minus
id quod maxime placeat facere possimus, omnis voluptas assumenda est,
omnis dolor repellendus. Temporibus autem quibusdam et aut officiis
debitis aut rerum necessitatibus saepe eveniet.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //welcome-company -->
<!-- about -->
<div id="about" class="about">
<div class="container">
<div class="about-grids">
<div class="col-md-6 about-grid-left">
<h3>About Us</h3>
<img src="images/7.jpg" alt=" " class="img-responsive"/>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus
qui blanditiis praesentium.Sed ut perspiciatis unde omnis iste natus
error sit voluptatem accusantium doloremque laudantium.</p>
<div class="company-grids">
<div class="company-grid">
<img src="images/1.jpg" alt=" " class="img-responsive"/>
</div>
<div class="company-grid">
<img src="images/2.jpg" alt=" " class="img-responsive"/>
</div>
<div class="company-grid">
<img src="images/5.jpg" alt=" " class="img-responsive"/>
</div>
<div class="clearfix"> </div>
<div class="company-grid">
<img src="images/3.jpg" alt=" " class="img-responsive"/>
</div>
<div class="company-grid">
<img src="images/4.jpg" alt=" " class="img-responsive"/>
</div>
<div class="company-grid">
<img src="images/6.jpg" alt=" " class="img-responsive"/>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-6 about-grid-right">
<h3>Mission Statements</h3>
<div class="col-sm-2 about-grid-lft">
<p>1</p>
</div>
<div class="col-sm-10 about-grid-rgt">
<h4>Nam libero tempore, cum soluta nobis est
eligendi optio cumque aut perferendis</h4>
<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus
saepe eveniet ut et voluptates repudiandae sint et molestiae non
recusandae. Itaque earum rerum hic tenetur a sapiente delectus voluptas assumenda est, omnis dolor repellendus.
Temporibus autem quibusdam.</p>
</div>
<div class="clearfix"> </div>
<div class="col-sm-2 about-grid-lft">
<p>2</p>
</div>
<div class="col-sm-10 about-grid-rgt">
<h4>Sapiente libero tempore, cum soluta nobis est
eligendi optio cumque aut perferendis</h4>
<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus
saepe eveniet ut et voluptates repudiandae sint et molestiae non
recusandae. Itaque earum rerum hic tenetur a sapiente delectus voluptas assumenda est, omnis dolor repellendus.
Temporibus autem quibusdam.</p>
蓝色大气重工制造业商务企业模板_蓝色机械 船舶 w3 bootstr应式源码.rar
123 浏览量
2023-08-05
16:11:51
上传
评论
收藏 808KB RAR 举报
蓝色大气重工制造业商务企业模板_蓝色 大气 重工 工业 重工制造 制造业 商务 企业 机械 船舶 w3 bootstr应式源码.rar （39个子文件） 
蓝色大气重工制造业商务企业模板_蓝色 大气 重工 工业 重工制造 制造业 商务 企业 机械 船舶 w3 bootstrap 手机 响应式 标准 建材 单页 滚动 cpts_255_ly js 
jquery.swipebox.min.js 7KB easing.js 5KB move-top.js 1KB jquery-1.11.1.min.js 94KB jquery.flexisel.js 8KB css style.css 32KB bootstrap.css 138KB swipebox.css 4KB
index.html 26KB images 
2.jpg 12KB 10.jpg 67KB
3.png 23KB 13.jpg 48KB arrow.png 3KB menu.png 4KB 14.jpg 24KB 6.jpg 10KB banner.jpg 90KB 1.jpg 9KB img-sp.png 5KB 1.png 3KB 12.jpg 69KB 5.jpg 9KB gears.png 4KB
icons.svg 1KB 8.jpg 36KB 5.png 28KB 4.png 31KB 11.jpg 26KB 3.jpg 11KB 7.jpg 40KB 2.png 10KB 9.jpg 52KB 4.jpg 5KB fonts glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB资源评论
