大图漂亮纹身刺青企业网站模板_漂亮纹身刺青大图css3html5bootstrap响应式宽屏黄色大.rar资源-CSDN文库

共58个文件

jpg：26个

png：11个

js：8个

网站模板

52 浏览量 2023-08-05 15:59:13 上传评论收藏 1MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

大图漂亮纹身刺青企业网站模板_漂亮纹身刺青大图 css3 html5 bootstrap 响应式宽屏黄色大.rar （58个子文件）

大图漂亮纹身刺青企业网站模板_漂亮纹身刺青大图 css3 html5 bootstrap 响应式宽屏黄色大气整站扁平化个性艺术

cpts_7_eb

portfolio.html 12KB

jquery.corner.js 11KB

fliplightbox.min.js 14KB

jquery.easing.min.js 5KB

jquery.fancybox-1.2.1.js 15KB

owl.carousel.js 37KB

jquery.mixitup.min.js 14KB

wow.min.js 5KB

jquery.min.js 91KB

css

style.css 19KB

owl.carousel.css 8KB

animate.css 67KB

bootstrap.css 118KB

jquery.fancybox.css 5KB

404.html 4KB

index.html 12KB

contact.html 6KB

about.html 9KB

images

p5b.jpg 33KB

p4b.jpg 17KB

team-member2.png 46KB

fancy_right.png 2KB

p9.jpg 10KB

p3b.jpg 21KB

icon_01.png 135B

about.jpg 25KB

top-icons.png 13KB

p8.jpg 9KB

p4.jpg 13KB

fancy_closebox.png 2KB

p6.jpg 11KB

divice-pagenations.png 1KB

p7b.jpg 22KB

map-icons.png 1KB

team-member1.png 53KB

bg.jpg 142KB

about-pic2.jpg 15KB

p12.jpg 13KB

p1b.jpg 54KB

about-pic3.jpg 17KB

p6b.jpg 42KB

p9b.jpg 44KB

p11.jpg 15KB

p8b.jpg 26KB

p7.jpg 11KB

p2.jpg 12KB

about-pic1.jpg 15KB

p3.jpg 10KB

team-member3.png 40KB

p5.jpg 13KB

p2b.jpg 46KB

p10.jpg 8KB

fancy_left.png 2KB

p1.jpg 14KB

nav-icon.png 394B

fonts

css

font-awesome.min.css 17KB

fonts

FontAwesome.otf 61KB

fontawesome-webfont.ttf 79KB

<!DOCTYPE HTML> <html> <head> <title>Portfolio</title> <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="Inkd 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="css/bootstrap.css" rel='stylesheet' type='text/css' />  <link href="css/style.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 type="text/javascript" src="js/jquery.corner.js"></script> <script src="js/wow.min.js"></script> <script> new WOW().init(); </script>   <link href='#css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'> <link href='#css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>   <link rel="stylesheet" href="fonts/css/font-awesome.min.css">  <script type="text/javascript" src="js/fliplightbox.min.js"></script> <script type="text/javascript"> $('body').flipLightBox() </script> <script type="text/javascript" src="js/jquery.easing.min.js"></script> <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'); }, function() { $(this).find('.label').stop().animate({ bottom : -40 }, 200, 'easeInQuad'); $(this).find('img').stop().animate({ top : 0 }, 300, 'easeOutQuad'); }); } }; // Run the show! filterList.init(); }); </script>  <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" /> <script type="text/javascript" src="js/jquery.fancybox-1.2.1.js"></script> <script type="text/javascript"> $(document).ready(function() { $("div.fancyDemo a").fancybox(); }); </script> </head> <body> <div class="bg">  <div class="container"> <div id="home" class="header wow bounceInDown" data-wow-delay="0.4s"> <div class="top-header"> <div class="col-xs-2 logo"> <h1><a href="index.html">Inkd.</a></h1> </div>  <div class="col-xs-10 top-nav"> <span class="menu"> </span> <ul> <li><a href="index.html" class="btn1 btn4 btn-1 btn1-1b">Home</a></li> <li><a href="about.html" class="btn1 btn4 btn-1 btn1-1b">About</a></li> <li><a href="404.html" class="btn1 btn4 btn-1 btn1-1b">Services</a></li> <li class="active"><a href="portfolio.html" class="btn1 btn4 btn-1 btn1-1b">Portfolio</a></li> <li><a href="contact.html" class="btn1 btn4 btn-1 btn1-1b">contact</a></li> </ul>  <script> $("span.menu").click(function(){ $(".top-nav ul").slideToggle(500, function(){ }); }); </script>  </div> <div class="clearfix"> </div> </div> </div> </div>  <div class="clearfix"> </div> </div>  <div class="portfolio_main"> <div class="container"> <ul id="filters" class="clearfix"> <li> <span class="filter active" data-filter="app card icon web">All</span> </li> <li> <span class="filter" data-filter="app icon">App</span> </li> <li> <span class="filter" data-filter="card ">Card</span> </li> <li> <span class="filter" data-filter="icon app card ">Icon</span> </li> <li> <span class="filter" data-filter="web card icon">Web</span> </li> </ul> <div id="portfoliolist"> <div class="portfolio logo1" data-cat="logo"> <div class="portfolio-wrapper"> <div class="fancyDemo"> <a rel="group" title="" href="images/p1b.jpg"><img src="images/p1.jpg" alt=""class="img-responsive"/></a> </div> <div class="label"> <div class="label-text"> <span class="text-category">Logo</span> </div> <div class="label-bg"></div> </div> </div> </div> <div class="portfolio app" data-cat="app"> <div class="portfolio-wrapper"> <div class="fancyDemo"> <a rel="group" title="" href="images/p2b.jpg"><img src="images/p2.jpg" alt=""class="img-responsive"/></a> </div> <div class="label"> <div class="label-text"> <span class="text-category">APP</span> </div> <div class="label-bg"></div> </div> </div> </div> <div class="portfolio web" data-cat="web"> <div class="portfolio-wrapper"> <div class="fancyDemo"> <a rel="group" title="" href="images/p3b.jpg"><img src="images/p3.jpg" alt=""class="img-responsive"/></a> </div> <div class="label"> <div class="label-text"> <span class="text-category">Web design</span> </div> <div class="label-bg"></div> </div> </div> </div> <div class="portfolio card" data-cat="card"> <div class="portfolio-wrapper"> <div class="fancyDemo"> <a rel="group" title="" href="images/p4b.jpg"><img src="images/p4.jpg" alt=""class="img-responsive"/></a> </div> <div class="label"> <div class="label-text"> <span class="text-category">Business card</span> </div> <div class="label-bg"></div> </div> </div> </div> <div class="portfolio app" data-cat="app"> <div class="portfolio-wrapper"> <div class="fancyDemo"> <a rel="group" title="" href="images/p5b.jpg"><img src="images/p5.jpg" alt=""class="img-responsive"/></a> </div> <div class="label"> <div class="label-text"> <span class="text-category">APP</span> </div> <div class="label-bg"></div> </div> </div> </div> <div class="portfolio card" data-cat="card"> <div class="portfolio-wrapper"> <div class="fancyDemo"> <a rel="group" title="" href="images/p6b.jpg"><img src="images/p6.jpg" alt=""class="img-responsive"/></a> </div> <div class="label"> <div class="label-text"> <span class="text-category">Business card</span> </div> <div class="label-bg"></div> </div> </div> </div> <div class="portfolio card" data-cat="card"> <

评论收藏

内容反馈