HTML网站源码-焊接工业技术响应式网页模板-适配移动端&PC端.zip资源-CSDN文库

共42个文件

jpg：13个

png：10个

js：8个

版权申诉

HTML

网站源码

JavaScript

网站模板

39 浏览量 2024-03-30 11:50:30 上传评论收藏 676KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML网站源码-焊接工业技术响应式网页模板-适配移动端&PC端.zip （42个子文件）

HTML网站源码-焊接工业技术响应式网页模板-适配移动端&PC端

html

team.html 9KB

port.html 11KB

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

<!DOCTYPE HTML> <html> <head> <title>Welding Website Template | Home :: w3layouts</title> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <script src="js/jquery.min.js"></script>   <link href="css/animate.css" rel="stylesheet" type="text/css" media="all"> <script src="js/wow.min.js"></script> <script> new WOW().init(); </script>   <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>  <link href="css/style.css" rel='stylesheet' type='text/css' />  <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>  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>   <link rel="stylesheet" href="css/swipebox.css"> <script src="js/jquery.swipebox.min.js"></script> <script type="text/javascript"> jQuery(function($) { $(".swipebox").swipebox(); }); </script>  </head> <body> <div class="bg4"> <div class="container">  <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>  <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>  <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 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},

评论收藏

内容反馈

版权申诉