绿色全屏茶园茶叶农业农场清晰flash动画交互企业背景bootstrap相册个人主页林业畜牧业环保.rar资源-CSDN文库

共29个文件

jpg：16个

js：4个

css：3个

需积分: 5 17 浏览量 2023-09-12 08:45:32 上传评论收藏 4.34MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

绿色全屏茶园仿flash交互企业网站模板_绿色全屏茶园茶叶农业农场清晰flash动画交互企业背景bootstrap相册个人主页林业畜牧业环保.rar （29个子文件）

thumb4.jpg 34KB

status.gif 3KB

bootstrap.min.css 93KB

flexslider-icon.woff 1KB

story-bg-2.jpg 244KB

slide5.jpg 595KB

flexslider.css 7KB

slide2.jpg 586KB

thumb5.jpg 38KB

jquery.flexslider-min.js 22KB

story-bg-4.jpg 220KB

slide6.jpg 310KB

thumb3.jpg 25KB

slide1.jpg 362KB

flexslider-icon.eot 2KB

slide4.jpg 684KB

templatemo-script.js 4KB

slide3.jpg 357KB

story-bg-1.jpg 733KB

flexslider-icon.ttf 2KB

jquery.backstretch.min.js 4KB

story-bg-3.jpg 126KB

index.html 14KB

thumb6.jpg 22KB

flexslider-icon.svg 2KB

templatemo-style.css 6KB

thumb2.jpg 32KB

thumb1.jpg 21KB

jquery-1.11.3.min.js 94KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>The Story - Free Bootstrap Theme</title>  <link rel="stylesheet" href="#css?family=Open+Sans:300,300italic,400">  <link rel="stylesheet" href="css/bootstrap.min.css">  <link rel="stylesheet" href="css/flexslider.css">  <link rel="stylesheet" href="css/templatemo-style.css">     </head> <body class="page">  <div class="page-bg-imgs-list"> <img src="img/story-bg-1.jpg" id="page-1-img" class="main-img" alt="About"> <img src="img/story-bg-2.jpg" id="page-2-img" alt="Gallery"> <img src="img/story-bg-3.jpg" id="page-3-img" alt="Services"> <img src="img/story-bg-4.jpg" id="page-4-img" alt="Contact"> </div> <div class="container-fluid"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-5 col-xl-5"> <div class="header">  <header class="box box-white"> <a href="javascript:void(0)" class="js-site-title"> <h1 class="box-text site-title-text">The Story</h1> </a> </header>  <nav class="js-nav"> <ul class="nav-items-container"> <li data-nav-item-id="page-1" class="block-keep-ratio block-keep-ratio-1-1 block-width-half box box-white box-nav-item js-nav-item pull-xs-left"> <a href="#page-1" class="block-keep-ratio-content box-nav-item-link"> <span class="box-text box-text-nav-item flexbox-center">About</span> </a> </li> <li data-nav-item-id="page-2" class="block-keep-ratio block-keep-ratio-1-1 block-width-half box box-white box-nav-item js-nav-item pull-xs-right"> <a href="#page-2" class="block-keep-ratio-content box-nav-item-link"> <span class="box-text box-text-nav-item flexbox-center">Gallery</span> </a> </li> <li data-nav-item-id="page-3" class="block-keep-ratio block-keep-ratio-1-1 block-width-half box box-white box-nav-item js-nav-item pull-xs-left"> <a href="#page-3" class="block-keep-ratio-content box-nav-item-link"> <span class="box-text box-text-nav-item flexbox-center">Services</span> </a> </li> <li data-nav-item-id="page-4" class="block-keep-ratio block-keep-ratio-1-1 block-width-half box box-white box-nav-item js-nav-item pull-xs-right"> <a href="#page-4" class="block-keep-ratio-content box-nav-item-link"> <span class="box-text box-text-nav-item flexbox-center">Contact</span> </a> </li> </ul> </nav> </div>  </div> <div class="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-7 col-xl-7"> <div class="content-wrapper js-content-wrapper">  <section data-page-id="page-1" class="content js-content"> <header class="box box-black margin-b-20"> <h2 class="box-text page-title-text">About the story</h2> </header> <div class="content-text"> <p>Story is free Bootstrap (v4.0 alpha 2) theme by <a rel="nofollow" href="http://www.templatemo.com" target="_parent">templatemo</a>. You can download, modify and use this layout for any website. Please tell your friends about us. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> <p>Vivamus imperdiet tellus lobortis tellus fermentum, at varius purus tincidunt. Aenean quis tellus molestie, laoreet massa a, maximus est. Interdum et malesuada fames ac ante ipsum primis in faucibus. </p> </div> </section>   <section data-page-id="page-2" class="content content-gallery js-content"> <header class="box box-black margin-b-20"> <h2 class="box-text page-title-text">Galllery</h2> </header> <div class="content-text content-text-gallery">  <div class="flexslider-wrapper"> <div id="slider" class="flexslider"> <ul class="slides"> <li><img src="img/slider/slide1.jpg" alt="Slide 1" /></li> <li><img src="img/slider/slide2.jpg" alt="Slide 2" /></li> <li><img src="img/slider/slide3.jpg" alt="Slide 3" /></li> <li><img src="img/slider/slide4.jpg" alt="Slide 4" /></li> <li><img src="img/slider/slide5.jpg" alt="Slide 5" /></li> <li><img src="img/slider/slide6.jpg" alt="Slide 6" /></li> </ul> </div>

评论收藏

内容反馈