<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!--bootstarp-css-->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--/bootstarp-css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--js-->
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="js/jquery.min.js"></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>
<!--/js-->
<!-- animated-css -->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!-- /animated-css -->
</head>
<body>
<!--Header-->
<div class="header">
<div class="container">
<div class="logo">
<a href="#"><img src="images/logo.jpg" class="img-responsive" alt=""/></a>
<div class="clearfix"> </div>
</div>
<div class="header-right">
<div class="navigation">
<span class="menu"> </span>
<ul>
<li><a class="scroll" href="#about" title="ABOUT US"><span>ABOUT US</span></a></li>
<li><a href="#" class="active" title="offerings"><span>OFFERINGS</span></a></li>
<li><a class="scroll" href="#camps" title="CAMPS"><span>CAMPS</span></a></li>
<li><a class="scroll" href="#blogs" title="BLOGS"><span>BLOGS</span></a></li>
<li><a class="scroll" href="#contact" title="CONTACT US"><span>CONTACT US</span></a></li>
</ul>
</div>
<!--script-nav -->
<script>
$("span.menu").click(function(){
$(".navigation ul").slideToggle("slow" , function(){
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<div class="clearfix"> </div>
<!-- /script-nav -->
<div class="top-icons">
<span class="icon1"> </span>
<span class="icon2"> </span>
<span class="icon3"> </span>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--/Header Ends Here-->
<!--Header Banner Start Here-->
<div class="header-banner">
<div class="corner">
<h1>a comfort corner<br>for your child</h1>
<a class="more wow swing animated" data-wow-delay= "0.4s" href="#">LEARN MORE</a>
</div>
</div>
<div class="clearfix"> </div>
<!--/Header Banners Ends Here-->
<!--Welcome to Kids Corner Start Here-->
<div id="about" class="welcome">
<div class="container">
<h2>Welcome to Kids Corner</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse in laoreet purus. Phasellus turpis lacus, feugiat eu tincidunt a,
ultrices quis tellus. Ut eu justo a nunc gravida adipiscing. Aenean et lorem eget
nunc adipiscing dapibus. Nullam viverra tincidunt nisl, ut tincidunt orci. Nulla
facilisi. Etiam eu libero orci. Praesent sollicitudin risus nec auctor venenatis.
Nunc sed iaculis diam. Duis tortor eros, convallis ultrices consequat id, congue quis justo.
Curabitur ac tincidunt odio.</p>
<h3>If you are a parent looking for a place where your child will grow the best,look no further, <span style="color:#70C6E7">talk to us now.</span></h3>
</div>
</div>
<div class="clearfix"> </div>
<!--/Welcome to Kids Corner Ends Here-->
<!--our offerings Start Here-->
<div id="OFFERINGS" class="offerings">
<div class="container">
<h3>our offerings</h3>
<div class="grids">
<div class="col-md-4 grid wow bounceIn" data-wow-delay= "0.4s">
<span class="icon1"> </span>
<h2>School Pickups</h2>
<p>Duis neque quam, auctor id sem sed,
semper eleifend ligula. Donec mollis arcu
vel sem ornare rutrum in in magna. Pellentesque
in consectetur felis.</p>
</div>
<div class="col-md-4 grid wow bounceIn" data-wow-delay= "0.4s">
<span class="icon2"> </span>
<h2>Extensive Labrary</h2>
<p>Donec mollis arcu vel sem ornare rutrum in in magna.
Pellentesque in consectetur felis. Phasellus ultricies,
massa sed varius scelerisque, orci arcu placerat nunc.</p>
</div>
<div class="col-md-4 grid wow bounceIn" data-wow-delay= "0.4s">
<span class="icon3"> </span>
<h2>Outdoor Trips</h2>
<p>Pellentesque in consectetur felis.
Phasellus ultricies, massa sed varius scelerisque,
orci arcu placerat nunc, pretium cursus urna lacus non nibh.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="food">
<div class="col-md-4 services wow bounceIn" data-wow-delay= "0.4s">
<span class="icon1"> </span>
<h2>School Pickups</h2>
<p>Duis neque quam, auctor id sem sed,
semper eleifend ligula. Donec mollis arcu
vel sem ornare rutrum in in magna. Pellentesque
in consectetur felis.</p>
</div>
<div class="col-md-4 services wow bounceIn" data-wow-delay= "0.4s">
<span class="icon2"> </span>s
<h2>Extensive Labrary</h2>
<p>Donec mollis arcu vel sem ornare rutrum in in magna.
Pellentesque in consectetur felis. Phasellus ultricies,
massa sed varius scelerisque, orci arcu placerat nunc.</p>
</div>
<div class="col-md-4 services wow bounceIn" data-wow-delay= "0.4s">
<span class="icon3"> </span>
<h2>Outdoor Trips</h2>
<p>Pellentesque in consectetur felis.
Phasellus ultricies, massa sed varius scelerisque,
orci arcu placerat nunc, pretium cursus urna lacus non nibh.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--/our offerings Ends Here-->
<!--upcoming camps Start Here-->
<div id="camps" class="upcoming">
<div class="container">
<div class="top-p1">
<h3>upcoming camps</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse in laoreet purus. Phasellus turpis lacus, feugiat
eu tincidunt a, ultrices quis tellus. Ut eu justo a nunc gravida adipiscing.</p>
</div>
<div class="bootstrap-grids">
<div class="col-md-4 camps">
<a href="#"><img class="img-responsive" src="images/01.jpg" alt=""/></a>
<ul class="product_title titlelast">
<li class="s_head"><h3>soccer camps</h3><p>15th February 2014</p></li>
<li> <a href="#" class="fa-btn1 btn-2 btn-1e1">$35</a>
</li>
</ul>
<div class="clearfix"> </div>
<div class="Proin">
<p>Proin luctus felis quis ipsum iaculis iaculis.
Fusce turpis nisl, ullamcorper nec nisi pulvinar,
ornare dapibus purus. Pellentesque lobortis semper
egestas. Donec commodo nisl eu vulputate laoreet.</p>
<a class="button wow swing" data-wow-delay= "0.4s" href="#">ENROLL TODAY</a>
</div>
</div>
<div class="col-md-4 camps">
<a href="#"><img class="img-responsive" src="images/02.jpg" alt="" /></a>
<ul class="product_title titlelast">
<li class="s_head"><h3>soccer camps</h3>
<p>3rd March 2014</p>
</li>
<li><a href="#" class="fa-btn1 btn-2 btn-1e1">$75</a>
</li>
</ul>
<div class="clearfix"> </div>
<div class="Proin">
<p>Proin luctus felis quis ipsum iaculis iaculis.
Fusce turpis nisl, ullamcorper nec nisi pulvinar,
ornare dapibus purus
自适应式国外儿童服务机构网站html源码模板
需积分: 1 101 浏览量
2023-06-28
01:32:40
上传
评论
收藏 592KB RAR 举报
国外儿童服务机构网站.rar （36个子文件） 
国外儿童服务机构网站 js 
responsiveslides.min.js 3KB easing.js 5KB move-top.js 1KB owl.carousel.js 37KB wow.min.js 5KB jquery.min.js 94KB css style.css 26KB owl.carousel.css 8KB animate.css 67KB bootstrap.css 118KB
index.html 17KB images 
round.jpg 11KB br1.jpg 66KB 02.jpg 18KB second-banner.jpg 40KB header-banner.jpg 223KB
footericn.png 4KB 01.jpg 33KB menu.png 3KB br3.jpg 14KB first-icons.png 10KB br2.jpg 14KB round3.jpg 53KB trid-banner.jpg 22KB round2.jpg 33KB round4.jpg 49KB ion3.png 584B ion1.png 586B logo.jpg 3KB icoons3.png 3KB second-icons.png 11KB icoons2.png 3KB last-banner.jpg 14KB 03.jpg 21KB to-top1.png 639B ion2.png 812B资源评论
