<!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' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.1.min.js"></script>
<!--webfonts-->
<link href='#css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700|Six+Caps' rel='stylesheet' type='text/css'>
<!--//webfonts-->
</head>
<body>
<!--start-home-->
<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>
<!--- banner Slider starts Here --->
<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 for menu -->
<script>
$( "span.menu" ).click(function() {
$( ".top-menu" ).slideToggle( "slow", function() {
// Animation complete.
});
});
</script>
<!-- script for menu -->
<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>
<!--/welcome-->
<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>
<!--/news-->
<!--/services-->
<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>
<!--/insurance-->
<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
中老年人健康咨询网站模板是一款适合老年人养老保健HTML网站模板。_html网站模板_网页源码移动端前端_H5模板_自.rar
143 浏览量
2023-08-05
16:03:53
上传
评论
收藏 889KB RAR 举报
中老年人健康咨询网站模板是一款适合老年人养老保健HTML网站模板。_html网站模板_网页源码移动端前端_H5模板_自.rar （25个子文件） 
中老年人健康咨询网站模板是一款适合老年人养老保健HTML网站模板。 moban621 js 
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资源评论
