<!--
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>Creative Studio a Corporate Portfolio Category Flat Bootstarp Responsive Website Template | Portfolio :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<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="Creative Studio 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>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:700,300,600,800,400' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="css/swipebox.css">
<!------ Light Box ------>
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------>
</head>
<body>
<!-- header -->
<div class="header-top">
</div>
<div class="container">
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt=""></a>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul class="cl-effect-16">
<li><a href="index.html" data-hover="HOME">home</a></li>
<li><a href=" about.html" data-hover="ABOUT US">about us</a></li>
<li class="active"><a href=" portfolio.html" data-hover="PORTFOLIO">portfolio</a></li>
<li><a href=" services.html" data-hover="SERVICES">services</a></li>
<li><a href=" 404.html" data-hover="BLOG">blog</a></li>
<li><a href=" contact.html" data-hover="CONTACT US">contact us</a></li>
<div class="clearfix"> </div>
</ul>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
</div>
<div class="clearfix"> </div>
</div>
<!-- header -->
<!--gallery-Ends-Here-->
<div class="port">
<div class="portfolio">
<h3>Our Gllery</h3>
<div id="portfoliolist">
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/6.jpg" class="swipebox" title="Image Title"> <img src="images/6.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/7.jpg" class="swipebox" title="Image Title"> <img src="images/7.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/8.jpg" class="swipebox" title="Image Title"> <img src="images/8.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/9.jpg" class="swipebox" title="Image Title"> <img src="images/9.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/10.jpg" class="swipebox" title="Image Title"> <img src="images/10.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/11.jpg" class="swipebox" title="Image Title"> <img src="images/11.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/12.jpg" class="swipebox" title="Image Title"> <img src="images/12.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio logos mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="logos" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/13.jpg" class="swipebox" title="Image Title"> <img src="images/13.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/14.jpg" class="swipebox" title="Image Title"> <img src="images/14.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/15.jpg" class="swipebox" title="Image Title"> <img src="images/15.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/16.jpg" class="swipebox" title="Image Title"> <img src="images/16.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/17.jpg" class="swipebox" title="Image Title"> <img src="images/17.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<!--gallery-Ends-Here-->
<!-- bglow -->
<div class="bglow">
<div class="col-md-8 bglow-left">
<h4><i class="arw"></i>blog updates</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis nulla id orci malesuada porta posuere quis massa. Nunc vitae purus non augue scelerisque ultricies vitae et velit. Sed vitae lectus id sem lob
网站模板-简洁创意工作室响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
6 浏览量
2024-03-23
09:39:00
上传
评论
收藏 1.66MB ZIP 举报
网站模板-简洁创意工作室响应式网页模板-适配移动端界面-HTML源码.zip （44个子文件） 
网站模板-简洁创意工作室响应式网页模板-适配移动端界面-HTML源码 html 
portfolio.html 9KB js 
jquery.swipebox.min.js 7KB jquery.min.js 92KB css style.css 26KB bootstrap.css 118KB swipebox.css 4KB 404.html 4KB services.html 8KB index.html 7KB contact.html 6KB about.html 8KB images 
footlogo.png 6KB
2.jpg 44KB 10.jpg 84KB 13.jpg 54KB arrw1.png 3KB arrow.png 3KB menu.png 3KB 14.jpg 128KB 6.jpg 68KB banner.jpg 87KB 15.jpg 107KB logo.png 8KB 16.jpg 76KB zoom.png 5KB 17.jpg 110KB arrw.png 3KB 1.png 177KB 12.jpg 121KB 5.jpg 38KB team-3.jpg 51KB
icons.svg 1KB banner1.jpg 24KB img-sprite.png 10KB tick.png 3KB 8.jpg 70KB 11.jpg 88KB team-1.jpg 39KB team-2.jpg 30KB 3.jpg 31KB 7.jpg 226KB team-4.jpg 40KB 9.jpg 89KB 4.jpg 33KB资源评论
