暗红色创意风格的苹果种植网站模板下载.zip资源-CSDN文库

共43个文件

jpg：14个

png：9个

js：8个

版权申诉

H5源码

HTML5模版

网站模版

138 浏览量 2024-12-02 09:06:25 上传评论收藏 1.74MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

暗红色创意风格的苹果种植网站模板下载.zip （43个子文件）

11178

bootstrap.js 66KB

lightbox-plus-jquery.min.js 91KB

responsiveslides.min.js 3KB

easing.js 5KB

classie.js 2KB

move-top.js 1KB

jquery-1.11.1.min.js 94KB

wow.min.js 5KB

typography.html 35KB

css

style.css 42KB

component.css 3KB

animate.css 71KB

bootstrap.css 138KB

lightbox.css 4KB

index.html 16KB

contact.html 13KB

about.html 13KB

single.html 15KB

images

g3.jpg 42KB

g2.jpg 23KB

2.jpg 66KB

up-arrow.png 4KB

prev.png 1KB

arrow.png 4KB

menu.png 3KB

n1.jpg 65KB

t3.jpg 26KB

social.png 5KB

1.png 988KB

next.png 1KB

t1.jpg 38KB

bg.jpg 45KB

g5.jpg 108KB

close.png 280B

t2.jpg 26KB

g4.jpg 51KB

3.jpg 37KB

g1.jpg 22KB

n2.jpg 45KB

arrow1.png 236B

4.jpg 96KB

blog.html 15KB

gallery.html 11KB

<!DOCTYPE html> <html> <head> <title>Typography</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="" /> <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" media="all" />   <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />   <link href='http://fonts.useso.com/css?family=Pacifico' rel='stylesheet' type='text/css'> <link href='http://fonts.useso.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'> <link href='http://fonts.useso.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>  <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.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},1000); }); }); </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>  <link href="css/component.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script> </head> <body class="cbp-spmenu-push"> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-30027142-1', 'w3layouts.com'); ga('send', 'pageview'); </script> <div class="header-section">  <div class="banner about-banner"> <div class="container"> <div class="header"> <div class="top-nav"> <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s2"> <h2>Sidebar</h2> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a class="active" href="typography.html">Typography</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> <div class="main buttonset">  <button id="showRightPush"><img src="images/menu.png" alt=""/></button>  </div>  <script src="js/classie.js"></script> <script> var menuRight = document.getElementById( 'cbp-spmenu-s2' ), showRightPush = document.getElementById( 'showRightPush' ), body = document.body; showRightPush.onclick = function() { classie.toggle( this, 'active' ); classie.toggle( body, 'cbp-spmenu-push-toleft' ); classie.toggle( menuRight, 'cbp-spmenu-open' ); disableOther( 'showRightPush' ); }; function disableOther( button ) { if( button !== 'showRightPush' ) { classie.toggle( showRightPush, 'disabled' ); } } </script> </div> <div class="logo wow fadeInDown animated" data-wow-delay=".5s"> <h1><a href="index.html">Fruits</a></h1> </div> <div class="clearfix"> </div> </div> </div> </div>   <div class="codes"> <div class="container"> <div class="codes-heading"> <h3>Typography</h3> </div> <div class="grid_3 grid_4 wow fadeInUp animated" data-wow-delay=".5s"> <h3 class="hdg">Headings</h3> <div class="bs-example"> <table class="table"> <tbody> <tr> <td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td> <td class="type-info">Semibold 36px</td> </tr> <tr> <td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td> <td class="type-info">Semibold 30px</td> </tr> <tr> <td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td> <td class="type-info">Semibold 24px</td> </tr> <tr> <td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td> <td class="type-info">Semibold 18px</td> </tr> <tr> <td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td> <td class="type-info">Semibold 14px</td> </tr> <tr> <td><h6>h6. Bootstrap heading</h6></td> <td class="type-info">Semibold 12px</td> </tr> </tbody> </table> </div> </div> <div class="grid_3 grid_5 wow fadeInUp animated" data-wow-delay=".5s"> <h3 class="hdg" >Buttons</h3> <h1> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h1> <h2> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h2> <h3> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h3> <h4> <a href="#"><span class="label label-def

评论收藏

内容反馈

版权申诉