网站模板-布兰迪企业介绍团队网页模板-HTML源码.zip资源-CSDN文库

共114个文件

jpg：45个

png：36个

js：18个

版权申诉

HTML源码

JavaScript

适配移动端

134 浏览量 2024-03-23 09:38:12 上传评论收藏 2.25MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站模板-布兰迪企业介绍团队网页模板-HTML源码.zip （114个子文件）

style.css 39KB

style.css 25KB

style.css 21KB

gallery.css 7KB

index.html 36KB

index.html 35KB

index.html 18KB

single.html 8KB

single.html 7KB

single.html 6KB

pic4.jpg 191KB

pic3.jpg 182KB

banner_bg.jpg 146KB

pic6.jpg 130KB

pic5.jpg 128KB

pic1.jpg 100KB

pic2.jpg 99KB

pic.jpg 76KB

pic8.jpg 54KB

pic11.jpg 47KB

pic10.jpg 47KB

pic12.jpg 36KB

pic13.jpg 31KB

pic.jpg 24KB

banner_bg.jpg 24KB

pic10.jpg 20KB

pic11.jpg 19KB

pic4.jpg 16KB

pic3.jpg 16KB

pic12.jpg 16KB

pic13.jpg 14KB

pic9.jpg 14KB

banner_bg.jpg 14KB

pic8.jpg 13KB

pic6.jpg 13KB

pic2.jpg 10KB

pic5.jpg 10KB

pic4.jpg 10KB

pic1.jpg 10KB

2.jpg 10KB

2.jpg 9KB

pic3.jpg 9KB

pic8.jpg 9KB

pic6.jpg 8KB

2.jpg 7KB

pic2.jpg 7KB

pic5.jpg 6KB

pic1.jpg 6KB

pic9.jpg 5KB

pic9.jpg 4KB

jquery.min.js 92KB

jquery.mixitup.min.js 14KB

hover_pack.js 12KB

jquery.wmuSlider.js 12KB

modernizr.custom.28468.js 7KB

easing.js 5KB

responsive.menu.js 3KB

jquery.scrollTo.js 2KB

move-top.js 1KB

responsive-nav.js 1KB

img-sprite1.png 23KB

img-sprite1.png 21KB

logo.png 4KB

users.png 4KB

rocket.png 4KB

clock.png 4KB

cup.png 4KB

logo.png 4KB

f-logo.png 4KB

icon-eye.png 4KB

heart.png 3KB

heart1.png 3KB

nav_icon.png 3KB

marker2.png 3KB

共 114 条

<!DOCTYPE HTML> <html> <head> <title>Free Brandi Website Template | Home :: w3layouts</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="./css/style.css" rel="stylesheet" type="text/css" media="all" /> <link href="./css/gallery.css" rel="stylesheet" type="text/css" media="all" /> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'> <script src="./js/jquery.min.js"></script> <script src="./js/hover_pack.js"></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},1200); }); }); </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> </head> <body> <div class="header-top"> <div class="wrap"> <div class="logo"> <ul> <li><a href="index.html"><img src="./images/logo.png" alt=""></a></li>     <li class="line"> |    I'am Your tag line</li> <div class="clear"> </div> </ul> </div> <div class="menu"> <a class="toggleMenu" href="#"><img src="./images/nav_icon.png" alt="" /> </a> <ul class="nav" id="nav"> <li class="current"><a href="#home">Home</a></li> <li><a href="#features">Features</a></li> <li><a href="#works">Works</a></li> <li><a href="#team">Team</a></li> <li><a href="#contact">Contact</a></li> <div class="clear"></div> </ul> <script type="text/javascript" src="./js/responsive-nav.js"></script> </div> <div class="clear"></div> </div> </div> <div class="slider_left" id="home"> <div class="wmuSlider example1"> <div class="wmuSliderWrapper"> <article style="position: absolute; width: 100%; opacity: 0;"> <div class="slider_text"> <h1>Meet <span class="head">Brandi!</span></h1> <h2><span class="green">/Creative</span> one page template.</h2> <div class="m_1"><span class="left_line"> </span> <p>We are a team of professionals</p><span class="right_line"> </span></div> <div class="social"> <ul> <li class="twitter" title="twitter"><a href="#"><span> </span></a></li> <li class="facebook" title="facebook"><a href="#"><span> </span></a></li> <li class="google" title="google+"><a href="#"><span> </span></a></li> <li class="dribble" title="dribble"><a href="#"><span> </span></a></li> </ul> </div> </div> </article> <article style="position: relative; width: 100%; opacity: 1;"> <div class="slider_text"> <h1>Lorem<span class="head"> dolor!</span></h1> <h2><span class="green">/tincidu</span> one page template.</h2> <div class="m_1"><span class="left_line"> </span> <p>augue duis dolore te feugait</p><span class="right_line"> </span></div> <div class="social"> <ul> <li class="twitter" title="twitter"><a href="#"><span> </span></a></li> <li class="facebook" title="facebook"><a href="#"><span> </span></a></li> <li class="google" title="google+"><a href="#"><span> </span></a></li> <li class="dribble" title="dribble"><a href="#"><span> </span></a></li> </ul> </div> </div> </article> <article style="position: absolute; width: 100%; opacity: 0;"> <div class="slider_text"> <h1>quod <span class="head">mazim !</span></h1> <h2><span class="green">/Creative</span> one page template.</h2> <div class="m_1"><span class="left_line"> </span> <p>We are a team of professionals</p><span class="right_line"> </span></div> <div class="social"> <ul> <li class="twitter"><a href="#"><span> </span></a></li> <li class="facebook"><a href="#"><span> </span></a></li> <li class="google"><a href="#"><span> </span></a></li> <li class="dribble"><a href="#"><span> </span></a></li> </ul> </div> </div> </article> </div> <ul class="wmuSliderPagination"> <li><a href="#" class="">0</a></li> <li><a href="#" class="">1</a></li> <li><a href="#" class="">2</a></li> </ul> </div> <script src="./js/jquery.wmuSlider.js"></script> <script> $('.example1').wmuSlider(); </script> </div> <div class="test-monials-grids" id="features"> <div class="wrap"> <h3 class="m_2">Features</h3> <div class="m_3"><span class="left_line1"> </span><img src="./images/heart.png" alt=""/><span class="right_line1"> </span></div> <div class="gallery autoplay items-3"> <div id="item-1" class="control-operator"></div> <div id="item-2" class="control-operator"></div> <div id="item-3" class="control-operator"></div> <figure class="item"> <div class="box1"> <div class="col_1_of_3 span_1_of_3"> <ul class="icon1"> <li><i class="feather"> </i> <div class="desc"> <h4>Branding</h4> <p>soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum. </p> </div> <div class="clear"></div> </li> </ul> </div> <div class="col_1_of_3 span_1_of_3"> <ul class="icon1"> <li><i class="pencil"> </i> <div class="desc"> <h4>Development</h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim </p> </div> <div class="clear"></div> </li> </ul> </div> <div class="col_1_of_3 span_1_of_3"> <ul class="icon1"> <li><i class="megaphone"> </i> <div class="desc"> <h4>Consulting</h4> <p>claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mut

评论收藏

内容反馈

版权申诉