<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<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="Acrostia 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>
<!--fonts-->
<link href='http://fonts.useso.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
<!--//fonts-->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
nav: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</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>
</head>
<body>
<!--header-->
<!--banner-->
<div class="banner" id="home">
<div class="slider" >
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<img src="images/banner.jpg" alt="">
<div class="banner-matter">
<img class="img-responsive" src="images/good.png" alt=" " />
</div>
</li>
<li>
<img src="images/banner1.jpg" alt="">
<div class="banner-matter">
<img class="img-responsive" src="images/good.png" alt=" " />
</div>
</li>
<li>
<img src="images/banner2.jpg" alt="">
<div class="banner-matter">
<img class="img-responsive" src="images/good.png" alt=" " />
</div>
</li>
</ul>
</div>
</div>
</div>
<!---->
<div class="header" >
<div class="container">
<div class="fixed-header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=" " /></a>
</div>
<div class="top-nav cssmenu">
<nav class="nav clearfix">
<a id="menu-toggle" class="anchor-link"><img src="images/menu.png" alt="" /></a>
<ul class="simple-toggle" id="nav">
<li class="current"><a href="#home" class="scroll">Home</a></li>
<li ><a href="#services" class="scroll"> Services</a></li>
<li ><a href="#about" class="scroll">About</a></li>
<li><a href="#work" class="scroll">Our Work</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
</nav>
<script type="text/javascript">
$(document).ready(function() {
$('#menu-toggle').click(function () {
$('#nav').toggleClass('open');
e.preventDefault();
});
});
</script>
<!---->
<script src="js/jquery.nav.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#nav').onePageNav({
begin: function() {
console.log('start')
},
end: function() {
console.log('stop')
}
});
});
</script>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
var navoffeset=$(".header").offset().top;
$(window).scroll(function(){
var scrollpos=$(window).scrollTop();
if(scrollpos >=navoffeset){
$(".header").addClass("fixed");
}else{
$(".header").removeClass("fixed");
}
});
});
</script>
<!-- /script-for sticky-nav -->
<!--content-->
<div class="content">
<!---->
<div class="services" id="services">
<div class="container">
<div class="service-head">
<h3>OUR SERVICES</h3>
<span> Cras commodo mattis justo nec <b>lobortis</b>. Nam ut tellus lobortis, ullamcorper massa sit amet</span>
<p>Cras suscipit porttitor porttitor. Morbi sit amet tincidunt sapien. Curabitur posuere lectus aliquet erat rutrum sollicitudin. In enim diam, ullamcorper quis libero et, ultricies commodo est. Quisque at ante vitae justo fermentum viverra ac eu justo. Ut luctus imperdiet lacus, eget laoreet erat posuere quis.</p>
</div>
<div class=" services-grid">
<div class="col-md-4 service-grid">
<a href="#"><img class="img-responsive" src="images/s1.png" alt=" " /></a>
<h5>Researching</h5>
<p>Praesent interdum blandit quam. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
</div>
<div class="col-md-4 service-grid">
<a href="#"><img class="img-responsive" src="images/s2.png" alt=" " /></a>
<h5>Designing</h5>
<p>Praesent interdum blandit quam. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
</div>
<div class="col-md-4 service-grid">
<a href="#"><img class="img-responsive" src="images/s3.png" alt=" " /></a>
<h5>Development</h5>
<p>Praesent interdum blandit quam. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
</div>
<div class="col-md-4 service-grid ">
<a href="#"><img class="img-responsive" src="images/s4.png" alt=" " /></a>
<h5>Launch</h5>
<p>Praesent interdum blandit quam. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!---->
<div class="team" id="about">
<div class="container">
<div class="team-head">
<h3>Who we are & what we do</h3>
<p>Cras suscipit porttitor porttitor. Morbi sit amet tincidunt sapien. Curabitur posuere lectus aliquet erat rutrum sollicitudin. In enim diam, ullamcorper quis libero et, ultricies commodo est. Quisque at ante vitae justo fermentum viverra ac eu justo. Ut luctus imperdiet lacus, eget laoreet erat posuere quis.</p>
<a href="#" class="meet">Meet the team<span> </span></a>
</div>
<div class=" team-top">
<div class="col-md-4 team-top-grid">
<div class="team-grid">
<a href="#"><label> </label></a>
<h6>Anton Petrov</h6>
<small>General manager</small>
<ul class="social">
<li class="facebook"><a href="#"><span> </span> </a></li>
<li class="twitter"><a href="#"><span> </span> </a></li>
<li class="gmail"><a href="#"><span> </span> </a></li>
<li class="inline"><a href="#"><span> </span> </a></li>
</ul>
</div>
</div>
<div class=" col-md-4 team-top-grid">
<div class="team-grid">
<a href="#"><label> </label></a>
<h6>Anton Petrov</h6>
<small>General manager</small>
<ul class="social">
<li class="facebook"><a href="#"><span> </span> </a></li>
<li class="twitter"><a href="#"><span> </span> </a></li>
<li class="gmail"><a href="#"><span> </span> </a></li>
<li class="inline"><a href="#"><span> </span> </a></li>
</ul>
</div>
</div>
<div class="col-md-4 team-top-grid">
<div class="team-grid">
<
176国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （41个子文件） 
176 js 
jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB easing.js 5KB move-top.js 1KB jquery.mixitup.min.js 14KB jquery.nav.js 5KB jquery.min.js 92KB jquery-1.10.2.min.js 91KB css style.css 19KB bootstrap.css 118KB swipebox.css 4KB
index.html 19KB images 
plus.png 4KB s2.png 8KB s4.png 8KB
ba2.jpg 26KB arrow.png 3KB menu.png 3KB banner.jpg 99KB logo.png 4KB s3.png 10KB te.png 19KB p4.jpg 34KB p6.jpg 32KB ba1.jpg 23KB left.png 3KB ba.jpg 35KB
icons.svg 1KB baa.jpg 24KB banner1.jpg 135KB img-sprite.png 14KB up.png 3KB p7.jpg 21KB p2.jpg 17KB good.png 17KB s1.png 9KB p3.jpg 38KB p5.jpg 27KB banner2.jpg 122KB arrow1.png 3KB p1.jpg 25KB资源评论
wsnbb_2023
- 粉丝: 17
- 资源: 6002
最新资源
- 一款基于 MATLAB 的 EEG 神经反馈训练系统 在神经反馈实验过程中可实时观察并记录 EEG 信号和神经反馈实验标记
- Java SSM 商户管理系统 客户管理 库存管理 销售报表 项目源码 本商品卖的是源码，合适的地方直接拿来使用，不合适的根据
- 基于Spring boot 的Starter机制提供一个开箱即用的多数据源抽取工具包，计划对RDMS(关系型
- 水泵系统水力计算公式-标准版
- Wesley是一套为经销商量身定制的全业务流程渠道 分销管理系统（手机APP称为经销商管家）
- Adaptive Autosar EM 标准规范
- 鼓谱图片转MuseScore超文本文档实验程序
- 自动驾驶感知动态障碍物算法上车效果 （Xavier jetson&autoware）
- 【实验指导书-2024版】实验一：查验身份证.doc
- 如何批量多级文件夹图片合并PDF,怎么批量多级文件夹图片转换PDF,快速将大量多个文件夹的图片转PDF，多张图片转换成PDF
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
