蓝色沙滩度假休闲网站模板是一款适合岛屿沙滩旅游度假蓝色网站模板。_html网站模板_网页源码移动端前端_H5模板

共49个文件

jpg：25个

html：8个

css：5个

网站模板

122 浏览量 2023-08-05 15:04:27 上传评论收藏 1.73MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

蓝色沙滩度假休闲网站模板是一款适合岛屿沙滩旅游度假蓝色网站模板。_html网站模板_网页源码移动端前端_H5模板_自适.rar （49个子文件）

蓝色沙滩度假休闲网站模板是一款适合岛屿沙滩旅游度假蓝色网站模板。

moban496

booking.html 11KB

jquery.swipebox.min.js 7KB

responsiveslides.min.js 3KB

jquery.flexslider.js 41KB

jquery.min.js 94KB

jquery-ui.js 440KB

css

style.css 33KB

flexslider.css 4KB

jquery-ui.css 31KB

bootstrap.css 118KB

swipebox.css 4KB

mail.html 6KB

404.html 4KB

projects.html 10KB

index.html 14KB

about.html 8KB

single.html 9KB

images

a2.jpg 34KB

b1.jpg 24KB

s5.jpg 37KB

sl.jpg 46KB

b2.jpg 30KB

ba2.jpg 192KB

s1.jpg 65KB

s2.jpg 52KB

aa1.jpg 46KB

s6.jpg 50KB

menu.png 146B

bo1.jpg 109KB

a1.jpg 70KB

zoom.png 6KB

bi.jpg 9KB

aa2.jpg 39KB

b3.jpg 27KB

a3.jpg 40KB

log.png 6KB

aa3.jpg 92KB

bi1.jpg 16KB

se.jpg 168KB

icons.svg 1KB

aa4.jpg 51KB

img-sprite.png 29KB

bo.jpg 96KB

bo2.jpg 87KB

s3.jpg 70KB

bi2.jpg 15KB

s4.jpg 69KB

icon.png 538B

blog.html 9KB

<!DOCTYPE html> <html> <head> <title>Home</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />  <script src="js/jquery.min.js"></script>   <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <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="Turistik Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href='#css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'> <link href='#css?family=Lora:400,700' rel='stylesheet' type='text/css'>  <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> </head> <body>  <div class="header"> <div class="header-top"> <div class="container"> <div class="header-top-top"> <div class=" header-top-left"> <p>24/7 Support <span>010-25418796</span></p> </div> <div class=" header-top-right"> <select class="drop-down "> <option value="1">Dollar</option> <option value="2">Euro</option> </select> <select class="drop-down drop-down-in"> <option value="1">English</option> <option value="2">French</option> <option value="3">German</option> </select> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> </div> </div> <div class="header_bottom"> <div class="container"> <div class="header-bottom-top"> <div class=" logo"> <a href="index.html"><img src="images/log.png" alt=""/></a> </div> <div class="top-nav"> <span class="menu"><img src="images/menu.png" alt=""> </span> <ul> <li class="active"><a href="index.html">Home</a></li> <li><a href="booking.html">Booking</a></li> <li><a href="404.html">Services</a></li> <li><a href="projects.html">Projects</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="mail.html">Mail</a></li> </ul> <script> $("span.menu").click(function(){ $(".top-nav ul").slideToggle(500, function(){ }); }); </script> </div> <div class="clearfix"></div> </div> </div> </div> </div> <div class="banner"> <div class="slider"> <section class="slider"> <div class="flexslider"> <ul class="slides"> <li> <h2>IPSUM DOLOR SIT AMET LAT</h2> <h5>Allquam tincidunt mauris cu risus</h5> </li> <li> <h2>IPSUM DOLOR SIT AMET LAT</h2> <h5>Allquam tincidunt mauris cu risus</h5> </li> <li> <h2>IPSUM DOLOR SIT AMET LAT</h2> <h5>Allquam tincidunt mauris cu risus</h5> </li> <li> <h2>IPSUM DOLOR SIT AMET LAT</h2> <h5>Allquam tincidunt mauris cu risus</h5> </li> </ul> </div> </section> <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>  <script defer src="js/jquery.flexslider.js"></script> <script type="text/javascript"> $(function(){ SyntaxHighlighter.all(); }); $(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", start: function(slider){ $('body').removeClass('loading'); } }); }); </script> </div> </div>  <div class="content"> <div class="container"> <div class="content-top"> <h3>About us</h3> <div class="col-md-4 grid"> <a href="about.html"><img class="img-responsive" src="images/a1.jpg" alt=""/> <div class="simply" > <h4>exerci tation ullamcorper suscipit</h4> <p>A wonderful serenity has taken possession of my entire soul exerci tation ullamcorper suscipit</p> </div></a> </div> <div class="col-md-4 grid"> <a href="about.html"><img class="img-responsive" src="images/a2.jpg" alt=""/> <div class="simply" > <h4>exerci tation ullamcorper suscipit</h4> <p>A wonderful serenity has taken possession of my entire soul exerci tation ullamcorper suscipit</p> </div></a> </div> <div class="col-md-4 grid"> <a href="about.html"><img class="img-responsive" src="images/a3.jpg" alt=""/> <div class="simply" > <h4>exerci tation ullamcorper suscipit</h4> <p>A wonderful serenity has taken possession of my entire soul exerci tation ullamcorper suscipit</p> </div></a> </div> <div class="clearfix"></div> </div> </div> <div class="content-bottom"> <div class="container"> <div class="bottom-grid"> <h3> Pricing</h3> <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </div> <div class="plans"> <div class="col-md-3"> <div class="pricing-table-grid"> <div class="plans_head"> <h3>ORDINARY FEATURES </h3> <h4 class="m_4"><small class="m_2">$</small>10.90<small class="m_3">/mo</small></h4> <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation</p> </div> <ul> <li><span>Full Access</span></li> <li><span>Documentation</span></li> <li><span>Customer Services</span></li> <li><span>Full Update</span></li> <li><span>Documentation</span></li> <li><span>Customer Services</span></li> </ul>  <a class=" button" href="booking.html">Booking</a> </div> </div> <div class="col-md-3"> <div class="pricing-table-grid"> <div class="plans_head"> <h3>SPECIAL FEATURES</h3> <h4 class="m_4"><small class="m_2">$</small>20.70<small small class="m_3">/mo</small></h4> <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation</p> </div> <ul> <li><span>Full Access</span></li> <li><span>Documentation</span></li> <li><span>Customer Services</span></li> <li><span>Full Update</span></li> <li><span>Documentation</span></li> <li><span>Customer Services</span></li> </ul> <a class=" button" href="booking.html">Booking</a> </div> </div> <div class="col-md-3"> <div class="pricing-table-grid"> <div class="plans_head"> <h3>LUXURY FEATURES</h3> <h4 class="m_4"><small class="m_2">$</small>15.50<small small class="m_3">/mo</small></h4> <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation</p> </div> <ul> <li><span>Full Access</span></li> <li><span>Documentation</span></li> <li><span>Customer Services</span></li> <li><span>Full Update</span></li> <li><span>Documentation</span></li> <li><span>Customer Services</span></li> </ul> <a class=" button" href="booking.html">Book

评论收藏

内容反馈