<!--
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>Welding Website Template | Home :: w3layouts</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='http://fonts.googleapis.com/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},
html5pc静态模板 焊接工业技术响应式网页模板 （含响应式）.rar
版权申诉
196 浏览量
2023-03-11
14:11:52
上传
评论
收藏 666KB RAR 举报
html5pc静态模板 焊接工业技术响应式网页模板 （含响应式）.rar （42个子文件） 
html 
team.html 9KB port.html 11KB 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 10KB contact.html 6KB images 
s5.jpg 9KB Thumbs.db 208KB 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资源评论
