<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Intelijen for Iphone, Android and Smartphone Website Templates | Projects :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<meta name="keywords" content="Intelijen Iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,700,800,600,400' rel='stylesheet' type='text/css'>
<script src="./js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="./js/jquery.easing.min.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>
</head>
<body>
<!----start-header----->
<div class="header">
<div class="wrap">
<div class="top-header">
<div class="logo">
<a href="index.html"><h1><span>Site</span>name</h1></a>
</div>
<nav class="nav">
<a href="#" id="w3-menu-trigger"> </a>
<ul class="nav-list">
<li class="nav-item"><a href="index.html">Home</a></li>
<li class="nav-item"><a href="about.html">About</a></li>
<li class="nav-item"><a href="services.html">Services</a></li>
<li class="nav-item"><a href="blog.html">Blog</a></li>
<li class="nav-item"><a class="active" href="projects.html">Projects</a></li>
<li class="nav-item"><a href="contact.html">Contact</a></li>
<li class="nav-item"><a href="#"> <div class="search">
<form>
<input type="text" value="">
<input type="submit" value="">
<div class="clear"></div>
</form>
</div>
</a>
</li>
</ul>
<script src="./js/responsive.menu.js"></script>
</nav>
<div class="clear"></div>
</div>
<!---End-top-nav---->
</div>
</div>
<!----End-header----->
<!---start-content---->
<div class="wrap">
<div class="about-desc">
<div class="content">
<div class="about-data">
<h2>Our Projects</h2>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.</p>
<div class="portfolio_main">
<ul id="filters" class="clearfix">
<li>
<span class="filter active" data-filter="app card icon web">All</span>
</li>
<li>
<span class="filter" data-filter="app icon">App</span>
</li>
<li>
<span class="filter" data-filter="card ">Card</span>
</li>
<li>
<span class="filter" data-filter="icon app card ">Icon</span>
</li>
<li>
<span class="filter" data-filter="web card icon">Web</span>
</li>
</ul>
<div id="portfoliolist">
<div class="portfolio logo1" data-cat="logo">
<div class="portfolio-wrapper">
<div class="fancyDemo">
<a rel="group" href="single.html"><img src="./images/s1.jpg" alt=""class="img-responsive"/></a>
</div>
<div class="label">
<div class="label-text">
<span class="text-category">Logo</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio app" data-cat="app">
<div class="portfolio-wrapper">
<div class="fancyDemo">
<a rel="group" href="single.html"><img src="./images/s2.jpg" alt=""class="img-responsive"/></a>
</div>
<div class="label">
<div class="label-text">
<span class="text-category">APP</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio web" data-cat="web">
<div class="portfolio-wrapper">
<div class="fancyDemo">
<a rel="group" href="single.html"><img src="./images/s3.jpg" alt=""class="img-responsive"/></a>
</div>
<div class="label">
<div class="label-text">
<span class="text-category">Web design</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio card" data-cat="card">
<div class="portfolio-wrapper">
<div class="fancyDemo">
<a rel="group" href="single.html"><img src="./images/s4.jpg" alt=""class="img-responsive"/></a>
</div>
<div class="label">
<div class="label-text">
<span class="text-category">Business card</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio app" data-cat="app">
<div class="portfolio-wrapper">
<div class="fancyDemo">
<a rel="group" href="single.html"><img src="./images/s5.jpg" alt=""class="img-responsive"/></a>
</div>
<div class="label">
<div class="label-text">
<span class="text-category">APP</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio card" data-cat="card">
<div class="portfolio-wrapper">
<div class="fancyDemo">
<a rel="group" href="single.html"><img src="./images/s6.jpg" alt=""class="img-responsive"/></a>
</div>
<div class="label">
<div class="label-text">
<span class="text-category">Business card</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio card" data-cat="card">
<div class="portfolio-wrapper">
<div class="fancyDemo">
<a rel="group" href="single.html"><img src="./images/s7.jpg" alt=""class="img-responsive"/></a>
</div>
<div class="label">
<div class="label-text">
<span class="text-category">Business card
蓝色管理咨询机构网页模板_html5 bootstrap 响应式模板UI前端源码.rar
29 浏览量
2023-08-01
14:02:20
上传
评论
收藏 2.49MB RAR 举报
蓝色管理咨询机构网页模板_html5 bootstrap 响应式模板UI前端源码.rar （136个子文件） 
style.css 25KB style.css 20KB style.css 14KB owl.carousel.css 2KB owl.carousel.css 2KB Thumbs.db 162KB Thumbs.db 162KB Thumbs.db 162KB
hamburger-retina.gif 1KB hamburger-retina.gif 1KB hamburger-retina.gif 1KB hamburger.gif 1KB hamburger.gif 1KB hamburger.gif 1KB
projects.html 11KB projects.html 11KB index.html 8KB index.html 8KB blog.html 8KB single.html 7KB blog.html 7KB single.html 7KB blog.html 7KB single.html 7KB index.html 6KB about.html 6KB services.html 6KB about.html 6KB services.html 6KB about.html 6KB services.html 6KB contact.html 6KB contact.html 5KB contact.html 5KB projects.html 4KB 404.html 3KB 404.html 3KB 404.html 3KB
bg.jpg 1.17MB bg.jpg 1.17MB bg.jpg 1.17MB s5.jpg 57KB s5.jpg 57KB s5.jpg 49KB blog-img2.jpg 47KB blog-img1.jpg 44KB s8.jpg 43KB s8.jpg 43KB s8.jpg 39KB s3.jpg 39KB s3.jpg 39KB s7.jpg 38KB s7.jpg 38KB s3.jpg 36KB s7.jpg 35KB blog-img2.jpg 35KB blog-img2.jpg 35KB s1.jpg 34KB s1.jpg 34KB s6.jpg 34KB s6.jpg 34KB blog-img1.jpg 33KB blog-img1.jpg 33KB s1.jpg 31KB s4.jpg 31KB s4.jpg 31KB s2.jpg 31KB s2.jpg 31KB s6.jpg 30KB s4.jpg 29KB s2.jpg 28KB team-img3.jpg 16KB team-img3.jpg 16KB team-img3.jpg 16KB team-img2.jpg 15KB team-img2.jpg 15KB team-img2.jpg 15KB team-img1.jpg 11KB team-img1.jpg 11KB team-img1.jpg 11KB jquery-1.10.2.min.js 91KB jquery-1.10.2.min.js 91KB owl.carousel.js 52KB owl.carousel.js 52KB jquery.mixitup.min.js 14KB jquery.mixitup.min.js 14KB responsive-nav.js 12KB jquery.easing.min.js 5KB jquery.easing.min.js 5KB responsive.menu.js 3KB
banner-img.png 267KB shadow.png 114KB banner-img.png 19KB banner-img.png 19KB shadow.png 11KB shadow.png 10KB img-sprite.png 3KB img-sprite.png 3KB img-sprite.png 3KB icon5.png 2KB共 136 条
- 1
- 2
资源评论
