<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link rel="shortcut icon" type="image/x-icon" href="images/fav-icon.png" />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/theme-style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery.easing.min.js"></script>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="images/fav-icon.png" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts---->
<!----//webfonts---->
<!----requred-js-files---->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<!----//requred-js-files---->
<script type="text/javascript" src="js/jquery.smint.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$('.subMenu').smint({
'scrollSpeed' : 1000
});
});
</script>
</head>
<body onLoad="setTimeout(function() { window.scrollTo(0, 1) }, 100);">
<!----start-container----->
<div class="head-bg sTop">
<div class="conatiner">
<div class="col-lg-12 header-note">
<a href="#"><img src="images/logo.png" title="Flat style" /></a>
<h1>We are a Creative Digital Agency</h1>
<a class="btn btn-primary big-btn" href="#">Learn More <span> </span></a>
</div>
</div>
</div>
<!----//End-container----->
<!----start-top-nav---->
<nav class="subMenu navbar-custom navbar-scroll-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<img src="images/nav-icon.png" title="drop-down-menu" />
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-left navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="active">
<a id="sTop" class="subNavBtn" href="#">Home</a>
</li>
<li class="page-scroll">
<a id="s1" class="subNavBtn" href="#">About</a>
</li>
<li class="page-scroll">
<a id="s2" class="subNavBtn" href="#">Portfolio</a>
</li>
<li class="page-scroll">
<a id="s3" class="subNavBtn" href="#">Testimonials</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
<a id="s4" class="right-msg subNavBtn msg-icon"href="#"><span> </span></a>
<div class="clearfix"> </div>
</div>
<!-- /.container -->
</nav>
<!----//End-top-nav---->
<!---- start-top-grids---->
<div class="container">
<div class="row section s1 top-grids">
<div class="col-md-3 top-grid">
<span class="icon1"> </span>
<h2>Responsive Design</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<div class="col-md-3 top-grid">
<span class="icon2"> </span>
<h2>Web Development</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<div class="col-md-3 top-grid">
<span class="icon3"> </span>
<h2>Internet Marketing</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<div class="col-md-3 top-grid">
<span class="icon4"> </span>
<h2>IOS Development</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---- //End-top-grids---->
<!----start-about---->
<div class="about">
<div class="container">
<div class="col-md-6 divice">
<img class="img-responsive" src="images/divice.png" title="divice" />
</div>
<div class="col-md-6 divice-info">
<h3>Responsive Design</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<a class="btn btn-primary btn-red" href="#">Read More <span> </span></a>
</div>
</div>
</div>
<!----//End-about---->
<!----start-portfolio---->
<div class="portfolio section s2">
<div class="container portfolio-head">
<h3> Portfolio</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
<!---- start-portfolio-script----->
<script src="js/hover_pack.js"></script>
<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
<script type="text/javascript">
$(function () {
var filterList = {
init: function () {
// MixItUp plugin
// http://mixitup.io
$('#portfoliolist').mixitup({
targetSelector: '.portfolio',
filterSelector: '.filter',
effects: ['fade'],
easing: 'snap',
// call the hover effect
onMixEnd: filterList.hoverEffect()
});
},
hoverEffect: function () {
// Simple parallax effect
$('#portfoliolist .portfolio').hover(
function () {
$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
},
function () {
$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
}
);
}
};
// Run the show!
filterList.init();
});
</script>
<!----//End-portfolio-script----->
<ul id="filters" class="clearfix">
<li><span class="filter active" data-filter="app card icon logo web">All</span></li>
<li><span class="filter" data-filter="app">Branding</span></li>
<li><span class="filter" data-filter="card">Illustraions</span></li>
<li><span class="filter" data-filter="icon">Web design</span></li>
</ul>
<div id="portfoliolist">
<div class="portfolio logo1 mix_all" data-cat="logo" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-st
大气手机app应用展示响应式模板网站_html5 bootstrap 响应式模板UI前端源码.rar （36个子文件） 
ftmp8_51_ha js 
bootstrap.min.js 28KB jquery.easing.min.js 5KB jquery.smint.js 4KB hover_pack.js 12KB respond.min.js 4KB html5shiv.js 2KB jquery.mixitup.min.js 14KB jquery.min.js 94KB css bootstrap.min.css 98KB theme-style.css 15KB bootstrap.css 118KB
index.html 17KB images 
p5.png 170KB racket-icon.png 713B arrow.png 295B logo.png 3KB social-icons.png 3KB
p8.jpg 21KB p4.jpg 24KB p6.jpg 25KB link-ico.png 2KB pagenate.png 764B bg.jpg 76KB fav-icon.png 827B close.png 1KB p7.jpg 7KB p2.jpg 14KB p3.jpg 16KB icons.png 11KB people.jpg 3KB divice.png 68KB p5.jpg 21KB msg.png 614B arrowh.png 308B p1.jpg 15KB nav-icon.png 477B资源评论
dunming_6725413
- 粉丝: 20
- 资源: 6947
最新资源
- 医疗废物管理系统(编号：60754281).zip
- VIENNA维也纳拓扑，三相整流仿真模型：采用电压电流双闭环控制，电压外环采用PI控制，电流内环采用bang bang滞环控制 整流电压稳定在600V 有相关参考资料
- 亚运会志愿者管理系统的设计与实现(编号：99265234).zip
- VB6.0股票软件源代码（国外牛人所写）
- 医学电子技术线上翻转课堂系统_46687k05_214-wx(1).zip
- 低压 伺服低压伺服方案全套，包含TI dsp和FPGA 源码和 原理图
- 易助ERP 9.0 安装包 百度云盘 下载
- 亿时网上书店系统(编号：98585164).zip
- 英语学习平台(编号：50003239).zip
- 关于Py的干货,使用的是pycharm编译器
- 数据科学行业薪酬数据集.zip
- 饮食营养管理信息系统_c0as852x_238-wx.zip
- 在MATLAB中调用函数.pdf
- Qt-c++上位机2套串口实时曲线带平滑 1,设置串口. 2,串口收发数据 3,数据模拟 4,接收数据形成曲线 5,曲线控件的各种外观设置 6,可以设置平滑曲线 参数如下：
- 基于改进粒子群算法的混合储能系统容量优化程序
- 安装&升级&卸载Deployment Center2406
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
