<!--
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>Avalon a Corporate Category Flat Bootstrap Responsive Website Template | portfolio :: w3layouts</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:100,200,300,400,500,600,700,800,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!--//fonts-->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- 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="Avalon 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 -->
<!-- js -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- js -->
<!-- start-smooth-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-smooth-scrolling -->
</head>
<body>
<!-- banner -->
<div class="banner pg-head">
<div class="container">
<div class="logo head">
<a href="index.html"><img src="images/2.jpg" alt=""/></a>
</div>
<div class="navigation nv-hd">
<span class="menu"><img src="images/menu.png" alt=""/></span>
<ul class="nav1 nl">
<li><a href="about.html">ABOUT</a></li>
<li><a href="services.html">SERVICES</a></li>
<li><a class="active" href="portfolio.html">PORTFOLIO</a></li>
<li><a href="blog.html">BLOG</a></li>
<li><a href="404.html">SHOP</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- //script for menu -->
</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>
<p>Each of our prjects involve the following stages of creation process.
Elit varius est, et ornare ante massa quis tellus. Mauris nec lacinia
nisl. Curabitur tempus tellus et vulputate vestibulum. </p>
</div>
<ul id="filters" class="clearfix">
<li><span class="filter active" data-filter="app card icon web">CATEGORY 1</span></li>
<li><span class="filter" data-filter="app">CATEGORY 2</span></li>
<li><span class="filter" data-filter="card">CATEGORY 3</span></li>
<li><span class="filter" data-filter="web">CATEGORY 4</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/k1.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k1.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/k2.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k2.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/k3.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k3.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/k4.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k4.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/k5.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k5.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/k6.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k6.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 card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="images/k7.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k7.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/k8.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k8.jpg" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
网站模板-公司业务介绍组合响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
184 浏览量
2024-03-23
09:38:46
上传
评论
收藏 2MB ZIP 举报
网站模板-公司业务介绍组合响应式网页模板-适配移动端界面-HTML源码.zip （71个子文件） 
网站模板-公司业务介绍组合响应式网页模板-适配移动端界面-HTML源码 html 
portfolio.html 12KB js 
jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB easing.js 5KB move-top.js 1KB modernizr.custom.js 9KB jquery.mixitup.min.js 14KB jquery.flexisel.js 8KB jquery.min.js 92KB css style.css 53KB bootstrap.css 118KB swipebox.css 4KB 404.html 3KB services.html 6KB index.html 11KB contact.html 4KB about.html 6KB single.html 5KB images 
fff.jpg 31KB
plus.png 3KB plus1.png 3KB a6.jpg 35KB 2.jpg 15KB k2.jpg 137KB hhh.jpg 50KB 10.jpg 10KB Thumbs.db 149KB eee.jpg 29KB ppp.jpg 132KB s1.jpg 9KB k12.jpg 73KB k1.jpg 58KB 123.jpg 294KB s2.jpg 10KB menu.png 153B 12.png 3KB k5.jpg 62KB 1.jpg 126KB k8.jpg 72KB k6.jpg 68KB home.png 218B ddd.jpg 25KB sss.jpg 58KB k3.jpg 69KB left.png 165B 444.jpg 14KB k10.jpg 104KB 333.jpg 19KB k4.jpg 66KB 999.jpg 52KB k11.jpg 43KB 888.jpg 34KB 11.png 3KB 6.png 8KB
icons.svg 1KB k9.jpg 67KB 222.jpg 19KB ggg.jpg 10KB 8.png 8KB e.png 3KB 777.jpg 59KB ccc.jpg 35KB s3.jpg 6KB 666.png 3KB 7.png 8KB s4.jpg 5KB aaa.jpg 69KB 4.jpg 89KB k7.jpg 49KB 111.jpg 19KB blog.html 6KB资源评论
