夕阳西下踏青网站模板是一款大气简洁的旅游踏青类网站模板下载。_html网站模板_网页源码移动端前端_H5模板

共24个文件

png：9个

jpg：6个

js：5个

网站模板

42 浏览量 2023-08-05 16:29:32 上传评论收藏 575KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

夕阳西下踏青网站模板是一款大气简洁的旅游踏青类网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应响.rar （24个子文件）

夕阳西下踏青网站模板是一款大气简洁的旅游踏青类网站模板下载。

moban1067

jquery.magnific-popup.js 45KB

easing.js 5KB

move-top.js 1KB

modernizr.custom.js 9KB

jquery.min.js 90KB

css

style.css 18KB

magnific-popup.css 8KB

index.html 14KB

images

copy.png 626B

logo1.png 4KB

ser_pic.png 52KB

Thumbs.db 127KB

icon1.png 1KB

logo.png 6KB

pic4.jpg 41KB

top-move.png 3KB

pic2.jpg 84KB

pic3.jpg 32KB

pic1.jpg 53KB

soc_icons.png 10KB

slider_bg.jpg 106KB

icon3.png 829B

main_bg.jpg 41KB

icon2.png 629B

<!DOCTYPE HTML> <html> <head> <title>Home</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link href='#css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <script src="js/modernizr.custom.js"></script> <script type="text/javascript" src="js/jquery.min.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/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 src="js/jquery.magnific-popup.js" type="text/javascript"></script> <link href="css/magnific-popup.css" rel="stylesheet" type="text/css"> <script> $(document).ready(function() { $('.popup-with-zoom-anim').magnificPopup({ type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: false, midClick: true, removalDelay: 300, mainClass: 'my-mfp-zoom-in' }); }); </script> </head> <body>  <div class="header_bg"> <div class="wrap"> <div class="header"> <div class="logo"> <h1><a href="index.html"><img src="images/logo.png" alt=""/></a></h1> </div> <div class="menu"> <ul> <li><a href="#home" class="scroll">Home</a></li> <li><a href="#about" class="scroll">About</a></li> <li><a href="#work" class="scroll">Work</a></li> <li><a href="#service" class="scroll">Services</a></li> <li><a href="#contact" class="scroll">Contact</a></li> </ul> </div> <div class="clear"></div> </div> </div> </div>  <div class="slider_bg"> <div class="wrap"> <div class="slider" id="home"> <div class="slider_text"> <h2>we are bloom</h2> <h3>We do digital & we do it with a difference</h3> </div> </div> </div> </div>  <div class="main_bg"> <div class="wrap"> <div class="main" id="about"> <div class="main_text"> <h2>the bloom story </h2> <h3>some things you should know about us</h3> </div> <div class="content_bg"> <div class="main_pic"> <a class="btn" href="#" > from humble beginnings </a> </div> </div>  <section class="tabs"> <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" /> <label for="tab-1" class="tab-label-1">history</label> <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" /> <label for="tab-2" class="tab-label-2">awards</label> <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" /> <label for="tab-3" class="tab-label-3">philosophy</label> <div class="clear-shadow"></div> <div class="content_tab"> <div class="content-1"> <a class="tab_left"> <h2>01. history</h2> <h3>a bit about our past</h3> </a> <a class="tab_right"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p> <p class="top hide">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. </p> </a> <div class="clear"></div> </div> <div class="content-2"> <a class="tab_left"> <h2>02. awards</h2> <h3>a bit about our awards</h3> </a> <a class="tab_right"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p> <p class="top hide">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. </p> </a> <div class="clear"></div> </div> <div class="content-3"> <a class="tab_left"> <h2>03. philosophy</h2> <h3>a bit our philosophy</h3> </a> <a class="tab_right"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p> <p class="top hide">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. </p> </a> <div class="clear"></div> </div> </div> </section>  <div class="clear"></div> </div> </div> </div>  <div class="work_bg"> <div class="wrap"> <div class="work" id="work"> <div class="main_text1"> <h2>our latest work </h2> <h3>some projects we've worked on of late</h3> </div>  <div class="grids_of_2"> <div class="grid_1_of_2"> <div class="grid_pic"> <img src="images/pic1.jpg" alt=""/> </div> <div class="grid_text"> <h2>runner</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p> </div> </div> <div class="grid_1_of_2"> <div class="grid_pic"> <img src="images/pic2.jpg" alt=""/> </div> <div class="grid_text"> <h2>velo</h2> <p>There are many variations of passages of Lorem Ipsum but the majority have suffered in some form, by injected humour, or randomised words which don't when an unknown printer took look even slightly believable. </p> </div> </div> <div class="clear"></div> </div> <div class="grids_of_2"> <div class="grid_1_of_2"> <div class="grid_pic"> <img src="images/pic3.jpg" alt=""/>

评论收藏

内容反馈