<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<script src="js/jquery.min.js"></script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link href='#css?family=Cabin:400,500,600,700,400italic,500italic,600italic,700italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Open+Sans:300italic,700,300,600,800,400' rel='stylesheet' type='text/css'>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="js/jquery.min.js"></script>
<!--animated-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>
<!--/animated-css-->
<!-- 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>
</head>
<body>
<!---->
<div class="header">
<div class="container">
<div class="top-header">
<div class="logo wow fadeInRight" data-wow-delay="0.5s">
<a href="#"><img src="images/logo.png" alt="" /></a>
</div>
<div class="top-menu">
<span class="menu"> </span>
<ul>
<li><a class="scroll" href="#home">HOME</a></li>
<li><a class="scroll" href="#about">ABOUT</a></li>
<li><a class="scroll" href="#features">FEATURES</a></li>
<li><a class="scroll" href="#contact">CONTACT</a></li>
<div class="clearfix"></div>
</ul>
</div>
<!--script-nav-->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<div class="clearfix"></div>
</div>
<div class="header-info wow fadeInLeft" data-wow-delay="0.5s">
<h1>Hello.</h1>
<h2>We take mobile photography to a brand new level.</h2>
<h3>With our free app you can take amazing</h3>
<p>photos straight from your phone.</p>
<a href="#">GET THE FREE APP</a>
<ul class="buttons">
<li><a href="#" class="icon1"></a></li>
<li><a href="#" class="icon2"></a></li>
</ul>
<div class="clearfix"></div>
</div>
<div class="header-image wow fadeInRight" data-wow-delay="0.5s">
<span></span>
</div>
<div class="clearfix"></div>
</div>
</div>
<!---->
<div class="about" id="about">
<div class="container">
<div class="col-md-4 about-image wow bounceInLeft" data-wow-delay="0.4s">
<i class="iphone"></i>
</div>
<div class="col-md-8 about-info">
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
$("#slider2").responsiveSlides({
auto: true,
pager: true,
speed: 300,
namespace: "callbacks",
});
});
</script>
<h3 class="wow fadeInLeft" data-wow-delay="0.4s">About Us</h3>
<div class="slider wow bounceInRight" data-wow-delay="0.4s">
<ul class="rslides" id="slider2">
<li>Despreneur is a magazine about design, technology and entrepreneurship. Nowadays designers play major roles in successful startups and established companies.
A Despreneur,coined by us, is a new breed of human being designer with entrepreneurial mindset.</a></li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id lacus at arcu tempor euismod vitae non velit. Suspendisse potenti. Pellentesque laoreet dapibus
a new breed of human being designer neque, eu sagittis libero interdum vitae. Duis facilisis blandit finibus. Etiam dignissim. </a></li>
<li>Nam a tincidunt nibh, eu laoreet nunc. Ut quis efficitur mi. Vestibulum ex metus Nowadays designers play major roles in successful startups and established companies.
A Despreneur,coined by us, is a new breed of human being designer with entrepreneurial mindset.</a></li>
</ul>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<!---->
<div class="features" id="features">
<div class="tabs-box">
<ul class="tabs-menu">
<li><a href="#tab1">Macro</a></li>
<li><a href="#tab2">Filters</a></li>
<li><a class="last" href="#tab3">Sharing</a></li>
</ul>
<div class="clearfix"> </div>
<div class="tab-grids">
<div id="tab1" class="tab-grid1">
<h3 class="wow fadeInLeft" data-wow-delay="0.4s">Macro Photography.</h3>
<h4 class="wow fadeInRight" data-wow-delay="0.4s">No more expensive lenses and heavy editing in photoshop.</h4>
</div>
<div id="tab2" class="tab-grid2">
<h3>Filters.</h3>
<h4>No more expensive lenses and heavy editing in photoshop.</h4>
</div>
<div id="tab3" class="tab-grid3">
<h3>Sharing.</h3>
<h4>No more expensive lenses and heavy editing in photoshop.</h4>
</div>
</div>
</div>
<!----- tabs-box ---->
<!----- Comman-js-files ----->
<script>
$(document).ready(function() {
$("#tab2").hide();
$("#tab3").hide();
$(".tabs-menu a").click(function(event){
event.preventDefault();
var tab=$(this).attr("href");
$(".tab-grid1,.tab-grid2,.tab-grid3").not(tab).css("display","none");
$(tab).fadeIn("slow");
});
$("ul.tabs-menu li a").click(function(){
$(this).parent().addClass("active a");
$(this).parent().siblings().removeClass("active a");
});
});
</script>
<!----- Comman-js-files ----->
</div>
<!---->
<div class="contact" id="contact">
<div class="container">
<div class="col-md-6 contact-people wow fadeInRight" data-wow-delay="0.4s">
<img src="images/img1.png" alt=""/>
<h3>BRAYON JOHNS</h3>
<p>Wannabe travel fanatic. Food buff. Internet ninja. Unapologetic web practitioner.
Tvaholic. Alcohol scholar.</p>
<div class="clearfix"></div>
<img src="images/img2.png" alt=""/>
<h3>BRAYON JOHNS</h3>
<p>Wannabe travel fanatic. Food buff. Internet ninja. Unapologetic web practitioner.
Tvaholic. Alcohol scholar.</p>
<div class="clearfix"></div>
</div>
<div class="col-md-6 contact-details wow fadeInLeft" data-wow-delay="0.4s">
<h4>Contact Us</h4>
<form>
<input type="text" placeholder="Name" required/>
<input type="text" placeholder="E-mail" required/>
<textarea placeholder="Message"></textarea>
<input type="submit" value="SEND"/>
</form>
</div>
<div class="clearfix"></div>
</div>
</div>
<!--Map-->
<div class="map wow fadeInUp" data-wow-delay="0.4s">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d3206055.8832623623!2d-92.43709899999999!3d38.30466145!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1416477480697" frameborder="0" style="border:0"></iframe>
</div>
<!---->
<div class="footer">
<div class="container">
<h3>Copyright © 2014.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></h3>
<ul>
<li><a href="#">Instgram.</a></li>
<li><a href="#">Twitter.</a></li>
<li><a href="#">Facebook</a></li>
</ul>
<div class="clearfix"></div>
</div>
</div>
<!---->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#to-top" id="toTop" style="display: block;"> <span id="toT
拍照软件APP开发网站模板是一款适合手机app拍照摄影软件企业网站模板下载。.rar （23个子文件） 
拍照软件APP开发网站模板是一款适合手机app拍照摄影软件企业网站模板下载。 moban215 css 
bootstrap.css 124KB animate.css 67KB style.css 14KB images 
mac.jpg 93KB
img2.png 34KB img1.png 33KB iphone5.png 172KB to-top1.png 639B header-bg.jpg 239KB iphone.png 278KB nav.png 824B logo.png 2KB filt.jpg 76KB apple.png 5KB play.png 7KB shr.jpg 60KB
index.html 8KB js jquery.min.js 82KB move-top.js 1KB easing.js 5KB responsiveslides.min.js 3KB wow.min.js 5KB myscript.js 262B资源评论
reg183
- 粉丝: 1862
- 资源: 1万+
最新资源
- 西门子CPU 224XP全方案资料：图纸、PCB、BIN文件及元件清单，三层结构单板集成方案,cpu224xp生产方案 西门子224XP方案，图纸，PCB，BIn文件，原件清单，什么都 全 单板的只
- 基于FX5U GX WORKS3平台的Modbus控制变频器实现多段速与定位控制系统的设计与应用,FX5U GX WORKS3平台编码器+modbus控制台达变频器 多段速 案例实现10个位置的定位
- 基于32单片机实现的蓝牙遥控智能避障小车设计详解：超声波测距、红外传感器避障及蓝牙/Wi-Fi远程控制，利用易安卓开发环境和E4A手机APP编译软件 ,基于32单片机蓝牙遥控智能避障小车 设计详解 1
- "优质Labview框架分享：涵盖众多VI源码供学习交流，适用于软件初学者及进阶者参考学习（附源码）",搜集到的很好的labview框架，里面有很多vi可以借鉴参考学习 注: 1.该程序框架主要用来
- ABAQUS复合地基承载力模拟研究：源码解析与应用,ABAQUS复合地基承载力数值模拟，源文件 ,核心关键词：ABAQUS; 复合地基; 承载力; 数值模拟; 源文件;,"ABAQUS模拟复合地基
- FPGA Verilog SPI主机源码实测无时序问题，附从机代码分享,fpga verilog SPI主机源码，实测160m无时序问题，送从机代码 ,核心关键词：FPGA; Verilog; SPI
- 基于无速度矢量控制的飞车启动技术，全速度段追踪与s函数应用，纯C代码实现，适用于DSP28X系列的可移植资料分享,无速度矢量控制+飞车启动，全速度段可追踪，s functin，纯C代码，大厂内部资料
- 污水处理项目全套资料：WinCC 7.0编程带西门子300程序注释，工艺流程图及报表中文注释完整呈现,污水处理 有wincc7.0项目带西门子300程序带注释，有 工艺流程图，报表，wincc里的所有
- 基于C#的TCP Socket服务器端通信源码，商业级物联网项目核心代码，支持多连接与数据读取，简易管理，适合初学者和项目需求使用 ,Socket tcp服务器端通信源码，C#编写，服务器端部分，这是
- 昆仑通态MCGS样板程序集：实时报表查询、动画画面展示、报警监控导出、U盘数据导出及多行业应用样板程序集成，支持Modbus通信和数据转发功能 ,昆仑通态(MCGS)样板程序，包含历史实时报表查询导出
- 西门子S7-200SMART PLC使用PROFINET协议控制G120变频器实例教程：实现频率设定与显示、正反转控制功能手册与固件升级包齐全,西门子S7-200SMART型PLC使用PROFINET
- 西门子PLC与MM420变频器多元控制程序：数字模拟量控制、USS通讯及实时调整功能方案,西门子S7-200PLC与MM420变频器数字量模拟量USS 通讯控制西门子224XP型PLC和MCGS触摸屏
- "PCS储能逆变并网模型：背靠背三电平设计+SVPWM算法，全功能介绍与技术特性分析",PCS储能逆变并网模型，包括： （1）逆变侧采用背靠背三电平设计，SVPWM控制算法，中点平衡算法，马鞍波 L
- "ABB ACS510变频器在恒压供水设计中的应用：灵活控制1至多台水泵，自动循环运行，工作效率平衡且与昆仑通态触摸屏无缝集成",恒压供水设计：可以用ABB的ACS510变频器：功能1：一台变频器拖动
- MATLAB AHP层次分析法：自写代码实现完美运行权重设计解决方案,MATLAB AHP AHP层次分析法code 自写代码 完美运行 权重设计 ,核心关键词：MATLAB; AHP层次分析法
- 翼星求生服务器搭建【Icarus Dedicated Server For Linux】
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
