<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<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="Freelancer-plus 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>
<!--fonts-->
<link href='#css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='#css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
<!--//fonts-->
<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>
</head>
<body>
<!--header-->
<div class="header" id="home">
<div class="container">
<div class="logo">
<h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
</div>
<div class="header-bottom">
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li ><a href="#home" class="scroll">Home</a></li>
<li><a href="#services" class="scroll"> Services</a></li>
<li><a href="#portfolio" class="scroll">Portfolio </a></li>
<li><a href="blog.html" >Blog</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
<!--script-->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
</div>
<!-- start search-->
<div class="search-box">
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
</div>
<!----search-scripts---->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!----//search-scripts---->
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---->
<div class="container">
<div class="banner">
<div class="banner-matter">
<h2>Creative Ideas Live Here</h2>
<p>Aliquam suscipit vel nulla quis eleifend. Maecenas vitae tristique ante. Sed sit amet vehicula libero.</p>
</div>
<div class="tv">
<img class="img-responsive" src="images/tv.png" alt="">
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---->
<div class="container">
<div class="works" id="portfolio">
<div class=" port-top">
<h3 class="port">Latest Works</h3>
<ul id="filters">
<li class="active"><span class="filter " data-filter="app card icon set sit 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"> PHOTOGRAPHY</span></li>
<li><span class="filter" data-filter="set"> DESIGN</span></li>
<li><span class="filter" data-filter="add"> TYPE</span></li>
</ul>
<div class="clearfix"> </div>
</div>
<div id="portfoliolist">
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper ">
<a href="single.html" class="b-link-stripe b-animate-go">
<img class="img-responsive" src="images/pi.jpg" alt="" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left ">
<span>Photo</span>
<button>View photo</button>
</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="single.html" class="b-link-stripe b-animate-go">
<img class="img-responsive" src="images/pi1.jpg" alt="" />
<div class="b-wrapper" class="b-link-stripe b-animate-go">
<h2 class="b-animate b-from-left ">
<span>Photo</span>
<button>View photo</button>
</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="single.html" class="b-link-stripe b-animate-go">
<img class="img-responsive" src="images/pi2.jpg" alt="" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left ">
<span>Photo</span>
<button>View photo</button>
</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="single.html" class="b-link-stripe b-animate-go">
<img class="img-responsive" src="images/pi3.jpg" alt="" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left ">
<span>Photo</span>
<button>View photo</button>
</h2>
</div>
</a>
</div>
</div>
<div class="portfolio add mix_all" data-cat="add" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper ">
<a href="single.html" class="b-link-stripe b-animate-go">
<img class="img-responsive" src="images/pi4.jpg" alt="" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left ">
<span>Photo</span>
<button>View photo</button>
</h2>
</div>
</a>
</div>
</div>
<div class="portfolio set mix_all" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="single.html" class="b-link-stripe b-animate-go">
<img class="img-responsive" src="images/pi5.jpg" alt="" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left ">
<span>Photo</span>
<button>View photo</button>
</h2>
</div>
</a>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></div>
<div class="clearfix"> </div>
</div>
<!-- Script for gallery Here -->
<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: '.po
简洁动漫插画设计师整站网页模板_简洁 动漫 插画 设计 设计师 整站 企业 灰色 bootstrap 响应式 手机 教.rar
114 浏览量
2023-08-05
15:25:08
上传
评论
收藏 1.41MB RAR 举报
简洁动漫插画设计师整站网页模板_简洁 动漫 插画 设计 设计师 整站 企业 灰色 bootstrap 响应式 手机 教.rar （34个子文件） 
简洁动漫插画设计师整站网页模板_简洁 动漫 插画 设计 设计师 整站 企业 灰色 bootstrap 响应式 手机 教育 游戏 展示 电脑 装修 cpts_98_cgr js 
uisearch.js 6KB easing.js 5KB classie.js 2KB move-top.js 1KB jquery.mixitup.min.js 14KB jquery.min.js 92KB css style.css 23KB bootstrap.css 118KB
index.html 15KB contact.html 7KB single.html 10KB images 
co.png 2KB
pi2.jpg 67KB s2.png 6KB b1.jpg 110KB b2.jpg 88KB tv.png 88KB me.png 6KB menu.png 3KB pi1.jpg 73KB logo.png 6KB s3.png 5KB b3.jpg 149KB pi5.jpg 83KB search.png 3KB pi4.jpg 77KB se.png 3KB pi3.jpg 80KB img-sprite.png 18KB up.png 4KB s1.png 6KB pi.jpg 53KB sin.jpg 434KB blog.html 8KB资源评论
