<!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>
没有合适的资源?快使用搜索试试~ 我知道了~
CSS3蓝色动画效果企业模板是一款适合手机APP应用开发企业网站模板。.rar
共26个文件
png:13个
js:5个
css:4个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 137 浏览量
2023-04-27
14:06:05
上传
评论
收藏 1.35MB RAR 举报
温馨提示
CSS3蓝色动画效果企业模板是一款适合手机APP应用开发企业网站模板。
资源推荐
资源详情
资源评论
收起资源包目录
CSS3蓝色动画效果企业模板是一款适合手机APP应用开发企业网站模板。.rar (26个子文件)
CSS3蓝色动画效果企业模板是一款适合手机APP应用开发企业网站模板。
chahua3502
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
共 26 条
- 1
资源评论
紫微前端
- 粉丝: 4322
- 资源: 869
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功