公司业务平面引导web模板是一款大气多色块的web单页网站模板.rar资源-CSDN文库

共32个文件

png：23个

js：5个

css：2个

版权申诉

146 浏览量 2022-11-20 10:25:21 上传评论收藏 1.28MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

公司业务平面引导web模板是一款大气多色块的web单页网站模板。.rar （32个子文件）

公司业务平面引导web模板是一款大气多色块的web单页网站模板。

moban121

css

bootstrap.css 118KB

style.css 23KB

images

news-letter-icons.png 7KB

next.png 1KB

s-3.png 1KB

s-5.png 1KB

prev.png 1KB

p-2.png 2KB

comment1.png 275B

blog-2.png 135KB

slide4.png 131KB

p-1.png 2KB

s-6.png 713B

s-2.png 2KB

s-1.png 1KB

menu-icon.png 475B

blog-1.png 127KB

p-3.png 552B

move-up.png 625B

slide3.png 248KB

slide2.png 231KB

bg.jpg 93KB

logo.png 2KB

s-4.png 1KB

blog-3.png 127KB

slide1.png 209KB

index.html 12KB

jquery.min.js 94KB

move-top.js 1KB

easing.js 5KB

jquery.easing.min.js 5KB

jquery.openCarousel.js 13KB

<!DOCTYPE HTML> <html> <head> <title>Home</title> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <script src="js/jquery.min.js"></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>  <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>   <script> $(function() { var pull = $('#pull'); menu = $('nav ul'); menuHeight = menu.height(); $(pull).on('click', function(e) { e.preventDefault(); menu.slideToggle(); }); $(window).resize(function(){ var w = $(window).width(); if(w > 320 && menu.is(':hidden')) { menu.removeAttr('style'); } }); }); </script>  </head> <body> <div class="main-header">  <div id="home" class="header"> <div class="top-header"> <div class="container"> <div class="logo"> <img src="images/logo.png" alt=""> </div>  <nav class="top-nav"> <ul class="top-nav"> <li class="active"><a href="#home" class="scroll">Home</a></li> <li><a href="#themes" class="scroll">Themes</a></li> <li><a href="#extensions " class="scroll">Extensions</a></li> <li><a href="#support " class="scroll"> Support </a></li> <li><a href="#blog " class="scroll"> Blog </a></li> <li><a href="#join " class="scroll">Join </a></li> </ul> <a href="#" id="pull"><img src="images/menu-icon.png" title="menu" /></a> </nav> <div class="clearfix"> </div> </div> </div> </div> <div class="welcome-note"> <div class="content-left"> <p>increadibly</p> <h3>beautiful</h3> <h2>templates </h2> <h1>for joomla!</h1> <div class="slide-btns"> <a class="livedemo" href="#">Themes</a> <a class="startnow" href="#">Demo</a> </div> </div> </div> </div>  <div id="themes" class="Themes"> <div class="container"> <div class="Pramotion"> <div class="col-md-4 pramotion-grid"> <i> </i> <h3>Join</h3> <p>Signup for one of our membership plans</p> </div> <div class="col-md-4 pramotion-grid2"> <i> </i> <h3>Download</h3> <p>Download your Template</p> </div> <div class="col-md-4 pramotion-grid3"> <i> </i> <h3>Start using</h3> <p>Signup for one of our membership plans</p> </div> <div class="clearfix"> </div> </div> </div> </div>  <script src="js/jquery.openCarousel.js" type="text/javascript"></script> <script> $( function() { $( '#cbp-fwslider' ).cbpFWSlider(); } ); </script> <div id="extensions" class="Extensions "> <div class="Extensions-content"> <div id="extensions" div class="ocarousel_slider"> <div class="ocarousel_text"> <div class="blue-text"> <h3>NEW JOOMLA TEMPLATES</h3> <a class="tem-btn" href="#">All Templates</a> </div> </div> <div class="ocarousel example_photos" data-ocarousel-perscroll="3"> <div class="ocarousel_window"> <a href="#" ><img src="images/slide1.png" class="img-responsive" alt="" /></a> <a href="#"><img src="images/slide2.png" class="img-responsive" alt="" /></a> <a href="#"> <img src="images/slide4.png" class="img-responsive" alt="" /></a> <a href="#"> <img src="images/slide3.png" class="img-responsive" alt="" /></a> <a href="#"><img src="images/slide2.png" class="img-responsive" alt="" /></a> <a href="#"> <img src="images/slide1.png" class="img-responsive" alt="" /></a> </div> <span> <a href="#" data-ocarousel-link="left" style="float: left;" class="prev"> </a> <a href="#" data-ocarousel-link="right" style="float: right;" class="next"> </a> </span> </div> <div class="clearfix"> </div> </div> </div> </div>  <div id="support" class="support "> <div class="container"> <div class="row top-grids"> <div class="col-md-4 easy-them"> <a href="#"><img class="img-responsive" src="images/s-1.png" alt=""/></a> <h4>responsive design</h4> <p>Our themes easily fit different screen sizes and mobile devices. One interface to fit them all.</p> </div> <div class="col-md-4 easy-them"> <a href="#"><img class="img-responsive" src="images/s-2.png" alt=""/></a> <h4>Quick Installation</h4> <p>Our themes easily fit different screen sizes and mobile devices. One interface to fit them all.</p> </div> <div class="col-md-4 easy-them"> <a href="#"><img class="img-responsive" src="images/s-3.png" alt=""/></a> <h4>Easy CustomIzAtion</h4> <p>Our themes easily fit different screen sizes and mobile devices. One interface to fit them all.</p> </div> <div class="clearfix"> </div> </div> <div class="row bottom-grids"> <div class="col-md-4 easy-them2"> <a href="#"><img class="img-responsive" src="images/s-4.png" alt=""/></a> <h4>ADVANCED Features</h4> <p>Our themes easily fit different screen sizes and mobile devices. One interface to fit them all.</p> </div> <div class="col-md-4 easy-them2"> <a href="#"><img class="img-responsive" src="images/s-5.png" alt=""/></a> <h4>simple management</h4> <p>Our themes easily fit different screen sizes and mobile devices. One interface to fit them all.</p> </div> <div class="col-md-4 easy-them2"> <a href="#"><img class="img-responsive" src="images/s-6.png" alt=""/></a> <h4>featured extensions</h4> <p>Our themes easily fit different screen sizes and mobile devices. One interface to fit them all.</p> </div> <div class="clearfix"> </div> </div> </div> </div>   <div id="blog" class="blog"> <div class="container"> <div class="news"> <div class="col-md-4 blog_grid"> <img src="images/blog-1.png" alt=""/> <div class="team-info"> <div class="team-head"> <h3>On this so curious territory</h3> <span>2013, May, 29</span> </div> <div class="n-icons"> <ul class="n-social unstyled-list list-inline"> <li><a class="com

评论收藏

内容反馈

版权申诉