<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!------ js ------>
<script src="js/jquery.min.js"><2014/9/18/script>
<script src="js/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!------ js ------>
<!---- 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 ---->
</head>
<body>
<!--- header ---->
<div id="to-top" class="header-bg">
<div id="home" class="header">
<!--- container ---->
<div class="container">
<div class="header-logo">
<h2><a href="#">flubia.</a></h2>
</div>
<div class="header-nav">
<span class="menu"><label> </label> </span>
<ul>
<li><a href="#home">HOME</a></li>
<li><a href="#services">SERVICES</a></li>
<li><a href="#portfolio">PORTFOLIO</a></li>
<li><a href="#blog">BLOG</a></li>
<li class="active"><a href="#">SIGN IN</a></li>
</ul>
</div>
<div class="clearfix"> </div>
<!----- script-for-menu ---->
<script src="js/jquery.min.js"></script>
<script>
$("span.menu").click(function(){
$(".header-nav ul").slideToggle("slow" , function(){
});
});
</script>
<!----- script-for-menu ---->
<div class="clearfix"> </div>
</div>
<!--- container --->
<!----- banner ----->
<div class="banner">
<!--- container --->
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="mobile-divise">
<img src="images/iphone.png">
</div>
</div>
<div class="col-md-6 wow bounceIn" data-wow-delay="0.4s">
<div class="divise-info">
<h1>EVERYBODY<span>WANTS YOU</span></h1>
<p>Class aptent taciti sociosqu ad litora torquent <span>per conubia nostra, per inceptos himenaeos. </span>Etiam sit amet pellentesque eros.</p>
<div class="get">
<a href="#">GET STARTED</a>
</div>
<p class="text">Class aptent taciti sociosqu ad litora torquent per conu-<span>bia nostra, per inceptos himenaeos.</span></p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--- container --->
</div>
<!----- banner ----->
</div>
</div>
<!--- header ---->
<div class="clearfix"> </div>
<!--- content --->
<div class="content">
<!--- container --->
<div id="services" class="container">
<div class="content-girds text-center">
<div class="col-md-4 wow bounceIn" data-wow-delay="0.4s">
<div class="service-grid">
<div class="service">
<a href="#"><span></span></a>
</div>
<h2><a href="#">SERVICES</a></h2>
<p>Class aptent taciti sociosqu ad <span>litora torquent per conubia nostra, </span>per inceptos himenaeos.</p>
</div>
</div>
<div class="col-md-4 wow bounceIn" data-wow-delay="0.4s">
<div class="service-grid">
<div class="service">
<a href="#"><span class="security"></span></a>
</div>
<h2><a href="#">SECURITY</a></h2>
<p>Class aptent taciti sociosqu ad <span>litora torquent per conubia nostra, </span>per inceptos himenaeos.</p>
</div>
</div>
<div class="col-md-4 wow bounceIn" data-wow-delay="0.4s">
<div class="service-grid">
<div class="service">
<a href="#"><span class="seconds"></span></a>
</div>
<h2><a href="#">SECONDS</a></h2>
<p>Class aptent taciti sociosqu ad <span>litora torquent per conubia nostra, </span>per inceptos himenaeos.</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--- container --->
</div>
<!--- content --->
<!---content-recent-works ---->
<div id="portfolio" class="recent-works-text">
<!--- container --->
<div class="container">
<div class="portfolio-text wow bounceIn" data-wow-delay="0.4s">
<h2>RECENT WORKS</h2>
<p>Class aptent taciti sociosqu ad litora torquent per conu-<span>bia nostra, per inceptos himenaeos.</span></p>
</div>
<ul id="filters" class="clearfix wow bounceIn" data-wow-delay="0.4s">
<li><span class="filter active" data-filter="app card icon logo web">ALL</span></li>
<li><span class="filter" data-filter="app">WEB</span></li>
<li><span class="filter" data-filter="card">MOBILE</span></li>
<li><span class="filter" data-filter="icon">DESIGN</span></li>
<li><span class="filter" data-filter="logo">PHOTOGRAPHY</span></li>
</ul>
<div id="portfoliolist">
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
<a href="#" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/7.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">LOREM IPSUM</h2>
<p class="b-animate b-from-left b-delay03 ">Class aptent taciti sociosqu ad <small>litora torquent per conubia </small>nostra, per inceptos himenaeos.</p>
</div></a>
</div>
</div>
<div class="portfolio logo mix_all" data-cat="logo" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
<a href="#" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/9.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">LOREM IPSUM</h2>
<p class="b-animate b-from-left b-delay03 ">Class aptent taciti sociosqu ad <small>litora torquent per conubia </small>nostra, per inceptos himenaeos.</p>
</div></a>
</div>
</div>
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
<a href="#small-dialog2" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/8.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">LOREM IPSUM</h2>
<p class="b-animate b-from-left b-delay03" id="para">Class aptent taciti sociosqu ad <small>litora torquent per conubia </small>nostra, per inceptos himenaeos.</p>
</div></a>
</div>
</div>
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
<a href="#" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/8.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">LOREM IPSUM</h2>
<p class="b-animate b-from-left b-delay03 ">Class aptent taciti sociosqu ad <small>litora torquent per conubia </small>nostra, per inceptos himenaeos.</p>
</div></a>
</div>
</div>
<div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s">
<a href="#" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/7.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">LOREM IPSUM</h2>
<p class="b-animate b-from-left b-delay03 ">Class aptent taciti sociosqu ad <small>litora torquent per conubia </small>nostra, per inceptos himenaeos.</p>
</div></a>
</div>
</div>
318国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （26个子文件） 
318 js 
jquery-1.8.3.min.js 91KB jquery.contenthover.js 6KB jquery.mixitup.min.js 14KB wow.min.js 5KB jquery.min.js 92KB css style.css 25KB owl.carousel.css 8KB animate.css 67KB bootstrap.css 118KB
index.html 17KB images 
icon-finder.png 3KB headerbg.png 604KB social-icons1.png 1KB social-icons.png 2KB social-icons1hr.png 2KB social-iconshr.png 1KB spotimgs1.png 80KB spotimgs.png 77KB img-sprits.png 9KB iphone.png 207KB
8.jpg 132KB 7.jpg 61KB 9.jpg 70KB to-top1.png 639B nav-icon.png 548B team-img.png 57KB资源评论
2301_76429513
- 粉丝: 15
- 资源: 6728
最新资源
- 旅游景点导游平台系统源代码.zip
- 美发门店管理系统项目源代码.zip
- 智能插座，个人学习整理，仅供参考
- 医院管理系统源代码.zip
- 西门子-大型堆垛机程序 真实运行案例 物流仓储 涵盖通信，算法，运动控制 实际项目程序 西门子S7-300＋G120+ET200S 博途编程 采用用STL和SCL高级编程语言 无加密 仿
- 校园资源库系统源代码.zip
- 洗衣店管理系统项目源代码.zip
- 医院网站源代码.zip
- MPC5634 Bootloader
- 前后端分离的在线办公系统，项目采用 SpringBoot+Uniapp 开发,前端采用微信小程序展示.zip
- GitHub 搜索技巧与高级用法详解
- 威纶通触摸屏与三菱变频器modbus rtu通讯程序 触摸屏型号mt6103ip，变频器型号FR-D720(E700系列也可以用)
- HFSS创建SG模型的端口设置
- 微信小程序源码养老院管理系统（小程序）pf-毕业设计.zip
- 胶钉机程序 用国产三菱3U和威纶触摸屏编写 此程序已经实际设备上批量应用，程序成熟可靠，借鉴价值高，程序有注释
- 微机原理试卷及答案.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
