中老年人健康咨询网站模板是一款适合老年人养老保健HTML网站模板。_html网站模板_网页源码移动端前端_H5模板

共25个文件

jpg：11个

png：4个

js：3个

网站模板

34 浏览量 2023-08-05 16:03:53 上传评论收藏 889KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

中老年人健康咨询网站模板是一款适合老年人养老保健HTML网站模板。_html网站模板_网页源码移动端前端_H5模板_自.rar （25个子文件）

中老年人健康咨询网站模板是一款适合老年人养老保健HTML网站模板。

moban621

responsiveslides.min.js 3KB

jquery.chocolat.js 10KB

jquery-1.11.1.min.js 94KB

css

style.css 25KB

bootstrap.css 118KB

chocolat.css 2KB

index.html 15KB

images

g3.jpg 90KB

close.gif 845B

g2.jpg 99KB

i2.jpg 59KB

right.gif 67B

n1.jpg 52KB

left.gif 68B

g6.jpg 79KB

nav.png 3KB

move-top.png 3KB

g5.jpg 89KB

tick.png 3KB

g4.jpg 72KB

icons.png 15KB

ban.jpg 188KB

g1.jpg 91KB

n2.jpg 39KB

i1.jpg 57KB

<!DOCTYPE HTML> <html> <head> <title>Home</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="Rest 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="applijewelleryion/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' />  <link href="css/style.css" rel='stylesheet' type='text/css' /> <script src="js/jquery-1.11.1.min.js"></script>  <link href='#css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700|Six+Caps' rel='stylesheet' type='text/css'>  </head> <body>  <div class="header"> <div class="banner" id="home"> <div class="container"> <div class="logo"> <a href="index.html"><h1>RESt</h1><h6>After Retairement</h6></a> </div> <div id="top" class="callbacks_container"> <ul class="rslides" id="slider4"> <li> <div class="banner-info"> <h3>FEEL</h3> <h4>THE JOY OF BEING RETIRED</h4> </div> </li> <li> <div class="banner-info"> <h3>STAY</h3> <h4>CONFIDENT IN YOUR FUTURE</h4> </div> </li> <li> <div class="banner-info"> <h3>IT'S YOUR</h3> <h4>RETIREMENT PLAN WISELY</h4> </div> </li> </ul> </div>  <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider4").responsiveSlides({ auto: true, pager: true, nav: true, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script> </div> </div> <div class="header-bottom"> <div class="fixed-header"> <div class="header-right"> <h6>Follows Us :</h6> <ul class="f-icons"> <li><a href="#" class="facebook"> </a></li> <li><a href="#" class="p"> </a></li> <li><a href="#" class="twitter"> </a></li> </ul> <div class="clearfix"></div> </div> <span class="menu"> </span> <div class="top-menu"> <nav class="cl-effect-21"> <ul> <li><a class="active scroll" href="#home">Home</a></li> <li><a class="scroll" href="#service">SERVICEs</a></li> <li><a class="scroll" href="#news">News</a></li> <li><a class="scroll" href="#insurance">Insurance</a></li> <li><a class="scroll" href="#gallery">Gallery</a></li> <li><a class="scroll" href="#contact">Contact Us</a></li> <div class="clearfix"></div> </ul> </nav> </div> <div class="clearfix"></div>  <script> $( "span.menu" ).click(function() { $( ".top-menu" ).slideToggle( "slow", function() { // Animation complete. }); }); </script>  <script> $(document).ready(function() { var navoffeset=$(".header-bottom").offset().top; $(window).scroll(function(){ var scrollpos=$(window).scrollTop(); if(scrollpos >=navoffeset){ $(".header-bottom").addClass("fixed"); }else{ $(".header-bottom").removeClass("fixed"); } }); }); </script> </div> </div> </div>  <div class="welcome-section"> <div class="container"> <div class="wel-text"> <h3>Welcome!</h3> <h4>A Good Strategy Will Carry You Right Through Retirement</h4> <p>Koleacene anritma hasesera deyuleser kertyase socis natoqu eagnis dist mte dulmuese feugiata lecenaser stricies phaledat nas seasnec sit amm easer erment. Utdolores urliquamiserat vpstas kertyase fertase lacus uisque nullakeirta bertyasera ferrode buytasas leriuyase misutasa doloetuytse.</p> <p>Koleacene anritma hasesera deyuleser kertyase socis natoqu eagnis dist mte dulmuese feugiata lecenaser stricies phaledat nas seasnec sit amm easer erment. Utdolores urliquamiserat vpstas kertyase fertase lacus uisque nullakeirta bertyasera ferrode buytasas leriuyase misutasa doloetuytse.</p> </div> </div> </div>   <div class="service-section" id="service"> <div class="container"> <h3>Services</h3> <h5>Making Your Life Easier</h5> <div class="serve-grids"> <div class="col-md-6 service-grid"> <div class="icon"> <i class="s1"> </i> </div> <div class="icon-text"> <h4>Location</h4> <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.</p> </div> <div class="clearfix"> </div> </div> <div class="col-md-6 service-grid"> <div class="icon"> <i class="s2"> </i> </div> <div class="icon-text"> <h4>PLANNING</h4> <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.</p> </div> <div class="clearfix"> </div> </div> <div class="col-md-6 service-grid"> <div class="icon"> <i class="s3"> </i> </div> <div class="icon-text"> <h4>bank services</h4> <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.</p> </div> <div class="clearfix"> </div> </div> <div class="col-md-6 service-grid"> <div class="icon"> <i class="s4"> </i> </div> <div class="icon-text"> <h4>INVESTMENT</h4> <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.</p> </div> <div class="clearfix"> </div> </div> <div class="clearfix"></div> </div> </div> </div>  <div class="insurance-section" id="insurance"> <div class="container"> <h3>Insurance</h3> <h5>Protect in ur Life</h5> <div class="insurance-grids"> <div class="col-md-6 insurance-grid"> <img src="images/i1.jpg" title="couple" /> </div> <div class="col-md-6 insurance-grid"> <img src="images/i2.jpg" title="couple" /> </div> <div class="clearfix"></div> </div> <h4>Protection</h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat.</p> <ul class="insure"> <li><a href="#"><i class="tick"></i></a>Lorem ipsu

评论收藏

内容反馈