<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Oblige Society & People Category Bootstrap Responsive web Template| Home :: w3layouts</title>
<!--meta tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Oblige Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--//meta tags ends here-->
<!--booststrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<!--//booststrap end-->
<!-- font-awesome icons -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!--stylesheets-->
<link href="css/style.css" rel='stylesheet' type='text/css' media="all">
<!--//stylesheets-->
<link href="//fonts.googleapis.com/css?family=Fira+Sans:400,500,600,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Oxygen:400,700" rel="stylesheet">
</head>
<body>
<div class="main-top" id="home">
<!-- header -->
<div class="headder-top">
<div class="container-fluid">
<!-- nav -->
<nav >
<div id="logo">
<h1><a class="" href="index.html">Oblige<span>Charity Fund </span></a></h1>
</div>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop">
<ul class="menu mt-2">
<li class="active"><a href="index.html">Home</a></li>
<li class="mx-lg-3 mx-md-2 my-md-0 my-1"><a href="#about">About</a></li>
<li><a href="#service">Services</a></li>
<li class="mx-lg-3 mx-md-2 my-md-0 my-1">
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle toogle-2">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span>
</label>
<a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a>
<input type="checkbox" id="drop-2">
<ul>
<li><a href="#gallery" class="drop-text">Gallery</a></li>
<li><a href="#team" class="drop-text">Volunteers</a></li>
<li><a href="#blog" class="drop-text">Blog</a></li>
</ul>
</li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</nav>
<!-- //nav -->
</div>
</div>
<!-- //header -->
<!-- banner -->
<div class="main-banner">
<div class="container">
<div class="style-banner ">
<h4 class="mb-1">Better Care and Better World</h4>
<h5>You have a good life,some other don't
</h5>
</div>
<div class="two-demo-button mt-lg-4 mt-3">
<p> Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum </p>
</div>
<div class="view-buttn mt-md-4 mt-sm-4 mt-3">
<a href="#about" class="btn scroll">About Us</a>
</div>
</div>
</div>
</div>
<!-- //banner -->
<section class="three-grids">
<div class="container-fluid">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6 p-0">
<div class="img-abt-info1">
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 banner-bottom-grid p-0">
<div class="w3layouts-abt-info">
<div class="mb-lg-3 mb-md-3 mb-2 abut-headder">
<h4>Donation</h4>
</div>
<p>sed do eiusmod tempor incididunt ut Lorem ipsum dolor sit amet</p>
<div class="view-price mt-3">
<a href="#contact" class=" scroll">Read More</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 p-0">
<div class="img-abt-info2">
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 banner-bottom-grid p-0">
<div class="w3layouts-abt-info">
<div class="mb-lg-3 mb-md-3 mb-2 abut-headder">
<h4>Fundrising</h4>
</div>
<p>sed do eiusmod tempor incididunt ut Lorem ipsum dolor sit amet</p>
<div class="view-price mt-3">
<a href="#contact" class=" scroll">Read More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- about -->
<section class="about py-lg-4 py-md-3 py-sm-3 py-3" id="about">
<div class="container py-lg-5 py-md-4 py-sm-4 py-3">
<div class="row">
<div class="col-lg-7 col-md-6">
<div class="wthree-about-txt mb-lg-5 mb-md-4 mb-3">
<h5>Our Mission</h5>
</div>
<div class="about-para-txt">
<p>sed do eiusmod tempor incididunt ut Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, eiusmod tempor incididunt ut labore et consectetur adipiscing sed do eiusmod tempor incididunt ut Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, eiusmod tempor incididunt ut labore et consectetur adipiscing</p>
<p class="mt-2">sed do eiusmod tempor incididunt ut Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, eiusmod tempor incididunt ut labore et consectetur adipiscing sed do eiusmod</p>
</div>
<div class="view-price mt-lg-5 mt-md-4 mt-3">
<a href="#contact" class=" scroll">Read More</a>
</div>
</div>
<div class="col-lg-5 col-md-6 about-imgs-txt">
</div>
</div>
</div>
</section>
<!-- about -->
<!--state -->
<section class="stats py-lg-4 py-md-3 py-sm-3 py-3">
<div class="container py-lg-5 py-md-4 py-sm-4 py-3">
<div class="stats-info row ">
<div class="col-lg-3 col-md-3 col-sm-6 col-6 stats-grid ">
<div class="register-left-num ">
<div class="count-icon">
<span class="fa fa-paw" aria-hidden="true"></span>
</div>
<div class="counter-number">1200</div>
<div class="stat-info pt-lg-3 pt-md-3 pt-sm-3 pt-3">
<h4>Donation</h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-6 stats-grid ">
<div
绿色宽屏风格响应式儿童慈善基金网页模板.zip
136 浏览量
2023-06-20
19:21:31
上传
评论
收藏 1.88MB ZIP 举报
绿色宽屏风格响应式儿童慈善基金网页模板.zip （36个子文件） 
22313 css 
style.css 30KB bootstrap.min.css 141KB font-awesome.min.css 30KB
index.html 32KB images 
g3.jpg 56KB g2.jpg 44KB s5.jpg 24KB b2.jpg 84KB s1.jpg 272KB s2.jpg 39KB
arrow.png 4KB g8.jpg 57KB s6.jpg 42KB aab1.jpg 35KB t3.jpg 39KB g7.jpg 41KB bb1.jpg 31KB g6.jpg 53KB t1.jpg 53KB t4.jpg 48KB g5.jpg 67KB bb2.jpg 39KB tt1.png 125KB info.png 112KB t2.jpg 52KB g4.jpg 41KB s3.jpg 29KB s4.jpg 37KB g1.jpg 61KB g9.jpg 55KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
