<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!---- animated-css ---->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!---- animated-css ---->
<!---- 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---->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts--->
<link href='#css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<!---//webfonts--->
<!------ Light Box ------>
<link rel="stylesheet" href="css/swipebox.css">
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------>
</head>
<body>
<div class="bg4">
<div class="container">
<!----- start-header---->
<div id="home" class="header">
<div class="top-header">
<div class="logo">
<a href="index.html"><img src="images/logo4.png" title="dreams" /></a>
</div>
<!----start-top-nav---->
<nav class="top-nav">
<span class="menu"> </span>
<ul class="top-nav">
<li><a href="index.html">Home</a></li>
<li><a href="service.html">Services</a></li>
<li class="active"><a href="port.html">Portfolio</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(200);
});
</script>
</nav>
<div class="clearfix"> </div>
</div>
</div>
<div class="service-banner text-right">
<h2>Portfolio</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Maecenas quis orci quis enim vehicula dapibus. </p>
</div>
<div class="clearfix"></div>
</div>
</div>
<!----- banner ---->
<div class="project-section" id="portfolio">
<div class="project-section-head text-center">
<h3>Portfolio</h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium totam rem aperiam</p>
</div>
<ul id="filters" class="clearfix">
<li><span class="filter active" data-filter="app card icon logos web">All</span></li>
<li><span class="filter" data-filter="app">Branding</span></li>
<li><span class="filter" data-filter="card">Web</span></li>
<li><span class="filter" data-filter="icon">Logo Design</span></li>
<li><span class="filter" data-filter="logos">Photography</span></li>
</ul>
<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/s1.jpg" class="swipebox" title="Image Title"> <img src="images/s1.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/s2.jpg" class="swipebox" title="Image Title"> <img src="images/s2.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/s3.jpg" class="swipebox" title="Image Title"> <img src="images/s3.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/s4.jpg" class="swipebox" title="Image Title"> <img src="images/s4.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/s5.jpg" class="swipebox" title="Image Title"> <img src="images/s5.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/s6.jpg" class="swipebox" title="Image Title"> <img src="images/s6.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/s7.jpg" class="swipebox" title="Image Title"> <img src="images/s7.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/s8.jpg" class="swipebox" title="Image Title"> <img src="images/s8.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="portfolio-botton">
<input type="button" value="More">
</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: '.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');
},
fu
钢铁制造业公司网站模板是一款大气风格的炼铁公司网页模板下载。.rar （41个子文件） 
钢铁制造业公司网站模板是一款大气风格的炼铁公司网页模板下载。 moban249 
team.html 10KB port.html 12KB js 
flexmenu.min.js 3KB jquery.swipebox.min.js 7KB ios-orientationchange-fix.min.js 840B modernizr.custom.js 2KB jquery.mixitup.min.js 14KB wow.min.js 5KB jquery.flexisel.js 8KB jquery.min.js 94KB service.html 9KB css style.css 34KB animate.css 67KB bootstrap.css 118KB swipebox.css 5KB index.html 11KB contact.html 7KB images 
s5.jpg 9KB s1.jpg 10KB
splits.png 7KB s2.jpg 13KB s6.jpg 14KB banner.jpg 133KB zoom.png 3KB t3.jpg 40KB s7.jpg 12KB p1.png 4KB marker1.png 321B p2.png 3KB t1.jpg 46KB nav.png 1KB
icons.svg 1KB t4.jpg 48KB logo4.png 8KB search1.png 3KB t2.jpg 30KB marker.png 317B s3.jpg 13KB s4.jpg 7KB s8.jpg 8KB p3.png 4KB资源评论
紫微前端
- 粉丝: 4481
- 资源: 871
最新资源
- Python自动化测试基础知识合集
- (174871610)基于Linux使用C语言实现的局域网聊天室源码
- (175709604)微信小程序项目实例-微信商城小程序源码纯前端项目
- notepad++安装程序
- (176021214)MLP多层感知机时间序列预测（Matlab）所有程序经过验证，保证可以运行 1.data为数据集，一维时间序列数据 2.M
- 基于springboot的微服务的旅行社门店系统的设计实现源码（java毕业设计完整源码+LW）.zip
- Java毕设项目：基于spring+mybatis+maven+mysql实现的鲸落文化线上体验馆前后台管理系统【含源码+数据库+毕业论文】
- (176059196)2、安装VMware虚拟机.pdf.zip
- 基于springboot的高校教学档案管理系统设计与实现源码（java毕业设计完整源码+LW）.zip
- How to Make a Multiplayer Game with DOTS-Turbo Makes Games-Johnny Thompson
- (176968818)计算机毕业设计：Flask股票数据采集分析可视化系统 python+爬虫+金融数据
- 基于springboot的邑信闲置书本交易小程序的研制源码（java毕业设计完整源码+LW）.zip
- (176968838)计算机毕业设计：python商品评论数据采集与分析可视化系统 Flask框架
- Java毕设项目：基于spring+mybatis+maven+mysql实现的学生宿舍管理系统【含源码+数据库+开题报告+毕业论文】
- 基于springboot的人事管理系统设计与实现源码（java毕业设计完整源码+LW）.zip
- (177544620)智慧教室管理系统，django实现管理后台及rest api前端接口.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
