<!--
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>Flatter a Personal Portfolio Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</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" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,400italic,300,300italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- js -->
<script src="js/jquery.min.js"></script>
<!-- //js -->
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Flatter Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<!-- 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>
<!-- start-smoth-scrolling -->
</head>
<body>
<!-- banner -->
<div class="banner1">
<div class="container">
<div class="navi">
<div class="head-logo">
<div class="logo">
<a href="index.html">LOGO</a>
</div>
<div class="head-logo-right-icons">
<div class="head-logo-right">
<div class="fig11">
</div>
<ul>
<li><a href="#" class="dot"> </a></li>
<li><a href="#" class="mes"> </a></li>
<li><a href="#">HIRE ME</a></li>
<div class="clearfix"> </div>
</ul>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="top-nav">
<span class="menu"><img src="images/menu.png" alt="" /></span>
<ul class="nav1">
<li><a href="index.html">HOME</a></li>
<li><a href="portfolio.html" class="active">PORTFOLIO</a></li>
<li><a href="blog.html">BLOG</a></li>
</ul>
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //banner -->
<!-- portfolio -->
<div id="portfolio" class="portfolio">
<!-- Portfolio Starts Here -->
<div class="portfolios entertain_box wow fadeInUp" data-wow-delay="0.4s" id="project">
<div class="container">
<div class="portfolio-info">
<h3>PORTFOLIO</h3>
<div class="strip"></div>
</div>
</div>
<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">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="web">Typeography</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">
<a href="images/s-1.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/s-1.jpg" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" class="zoom" alt=""/>
</h2>
</div></a>
</div>
</div>
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="images/s-2.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/s-2.jpg" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" class="zoom" alt=""/></h2>
</div></a>
</div>
</div>
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="images/s-3.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/s-3.jpg" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" class="zoom" alt=""/></h2>
</div></a>
</div>
</div>
<div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="images/s-4.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/s-4.jpg" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" class="zoom" alt=""/>
</h2>
</div></a>
</div>
</div>
<div class="portfolio web mix_all" data-cat="web" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="images/s-5.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/s-5.jpg" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" class="zoom" alt=""/>
</h2>
</div></a>
</div>
</div>
<div class="portfolio web mix_all" data-cat="web" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="images/s-6.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/s-6.jpg" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" class="zoom" alt=""/>
</h2>
</div>
</a>
</div>
</div>
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="images/s-5.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/s-5.jpg" alt=""/>
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" class="zoom" alt=""/>
</h2>
</div></a>
</div>
</div>
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="images/s-2.jpg" class="b-link-stripe b-animate-go swipebox"
网站模板-绿色投资管理响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
55 浏览量
2024-03-23
09:42:11
上传
评论
收藏 1.01MB ZIP 举报
网站模板-绿色投资管理响应式网页模板-适配移动端界面-HTML源码.zip （55个子文件） 
网站模板-绿色投资管理响应式网页模板-适配移动端界面-HTML源码 html 
portfolio.html 11KB js 
jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB easing.js 5KB move-top.js 1KB jquery.mixitup.min.js 14KB jquery.min.js 92KB css style.css 44KB bootstrap.css 118KB swipebox.css 4KB index.html 10KB single.html 10KB images 
message.png 572B
c.jpg 29KB co.png 2KB plus.png 286B plus1.png 303B row.png 428B dot.png 486B Thumbs.db 214KB i.jpg 77KB 1-.png 255B s-6.jpg 55KB 3.png 6KB arrow.png 544B k.jpg 62KB dot1.png 2KB menu.png 424B banner.jpg 150KB f.jpg 27KB l.jpg 36KB s-1.jpg 52KB 1.png 575B s-4.jpg 48KB d.png 52KB 11.png 6KB sprite.png 4KB h.jpg 56KB
icons.svg 1KB d.jpg 24KB s-2.jpg 26KB j.jpg 29KB message1.png 479B a.png 495B g.jpg 26KB e.png 4KB m.jpg 37KB s-3.jpg 56KB dot-1.png 530B s-5.jpg 73KB sp11.png 3KB n.jpg 47KB 2.png 3KB sp1.png 4KB blog.html 9KB资源评论
