<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Kind Heart Charity - Free Bootstrap 5.2.2 CSS Template</title>
<!-- CSS FILES -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-icons.css" rel="stylesheet">
<link href="css/templatemo-kind-heart-charity.css" rel="stylesheet">
</head>
<body id="section_1">
<header class="site-header">
<div class="container">
<div class="row">
<div class="col-lg-8 col-12 d-flex flex-wrap">
<p class="d-flex me-4 mb-0">
<i class="bi-geo-alt me-2"></i>
Akershusstranda 20, 0150 Oslo, Norway
</p>
<p class="d-flex mb-0">
<i class="bi-envelope me-2"></i>
<a href="mailto:[email protected]">
[email protected]
</a>
</p>
</div>
<div class="col-lg-3 col-12 ms-auto d-lg-block d-none">
<ul class="social-icon">
<li class="social-icon-item">
<a href="#" class="social-icon-link bi-twitter"></a>
</li>
<li class="social-icon-item">
<a href="#" class="social-icon-link bi-facebook"></a>
</li>
<li class="social-icon-item">
<a href="#" class="social-icon-link bi-instagram"></a>
</li>
<li class="social-icon-item">
<a href="#" class="social-icon-link bi-youtube"></a>
</li>
<li class="social-icon-item">
<a href="#" class="social-icon-link bi-whatsapp"></a>
</li>
</ul>
</div>
</div>
</div>
</header>
<nav class="navbar navbar-expand-lg bg-light shadow-lg">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" class="logo img-fluid" alt="Kind Heart Charity">
<span>
Kind Heart Charity
<small>Non-profit Organization</small>
</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link click-scroll" href="#top">Home</a>
</li>
<li class="nav-item">
<a class="nav-link click-scroll" href="#section_2">About</a>
</li>
<li class="nav-item">
<a class="nav-link click-scroll" href="#section_3">Causes</a>
</li>
<li class="nav-item">
<a class="nav-link click-scroll" href="#section_4">Volunteer</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link click-scroll dropdown-toggle" href="#section_5" id="navbarLightDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">News</a>
<ul class="dropdown-menu dropdown-menu-light" aria-labelledby="navbarLightDropdownMenuLink">
<li><a class="dropdown-item" href="news.html">News Listing</a></li>
<li><a class="dropdown-item" href="news-detail.html">News Detail</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link click-scroll" href="#section_6">Contact</a>
</li>
<li class="nav-item ms-3">
<a class="nav-link custom-btn custom-border-btn btn" href="donate.html">Donate</a>
</li>
</ul>
</div>
</div>
</nav>
<main>
<section class="hero-section hero-section-full-height">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 col-12 p-0">
<div id="hero-slide" class="carousel carousel-fade slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/slide/volunteer-helping-with-donation-box.jpg" class="carousel-image img-fluid" alt="...">
<div class="carousel-caption d-flex flex-column justify-content-end">
<h1>be a Kind Heart</h1>
<p>Professional charity theme based on Bootstrap 5.2.2</p>
</div>
</div>
<div class="carousel-item">
<img src="images/slide/volunteer-selecting-organizing-clothes-donations-charity.jpg" class="carousel-image img-fluid" alt="...">
<div class="carousel-caption d-flex flex-column justify-content-end">
<h1>Non-profit</h1>
<p>You can support us to grow more</p>
</div>
</div>
<div class="carousel-item">
<img src="images/slide/medium-shot-people-collecting-donations.jpg" class="carousel-image img-fluid" alt="...">
<div class="carousel-caption d-flex flex-column justify-content-end">
<h1>Humanity</h1>
<p>Please tell your friends about our website</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#hero-slide" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
爱心慈善非营利组织网页模板-适配移动端设备-HTML网页源码.zip
版权申诉
59 浏览量
2024-04-01
15:37:07
上传
评论
收藏 2.27MB ZIP 举报
爱心慈善非营利组织网页模板-适配移动端设备-HTML网页源码.zip （49个子文件） 
爱心慈善非营利组织网页模板-适配移动端设备-HTML网页源码 html 
donate.html 18KB js 
bootstrap.min.js 59KB jquery.sticky.js 7KB click-scroll.js 1KB custom.js 673B jquery.min.js 84KB counter.js 4KB news-detail.html 31KB css bootstrap.min.css 190KB bootstrap-icons.css 72KB templatemo-kind-heart-charity.css 33KB index.html 51KB images 
different-people-doing-volunteer-work.jpg 262KB slide volunteer-selecting-organizing-clothes-donations-charity.jpg 136KB medium-shot-people-collecting-donations.jpg 180KB volunteer-helping-with-donation-box.jpg 169KB causes african-woman-pouring-water-recipient-outdoors.jpg 90KB group-african-kids-paying-attention-class.jpg 102KB poor-child-landfill-looks-forward-with-hope.jpg 165KB
logo.png 21KB smiling-casual-woman-dressed-volunteer-t-shirt-with-badge.jpg 54KB portrait-volunteer-who-organized-donations-charity.jpg 100KB news close-up-happy-people-working-together.jpg 95KB medium-shot-people-collecting-foodstuff.jpg 104KB medium-shot-volunteers-with-clothing-donations.jpg 89KB close-up-volunteer-oganizing-stuff-donation.jpg 115KB africa-humanitarian-aid-doctor.jpg 121KB avatar pretty-blonde-woman-wearing-white-t-shirt.jpg 29KB portrait-beautiful-young-woman-standing-grey-wall.jpg 24KB portrait-young-beautiful-woman-gesticulating.jpg 30KB studio-portrait-emotional-happy-funny.jpg 26KB portrait-young-redhead-bearded-male.jpg 25KB icons receive.png 7KB heart.png 7KB scholarship.png 6KB hands.png 5KB group-people-volunteering-foodbank-poor-people.jpg 136KB news.html 22KB fonts Metropolis Metropolis-Regular.woff 18KB .DS_Store 6KB Metropolis-SemiBold.woff2 13KB Metropolis-Light.woff 18KB Metropolis-Bold.woff2 13KB Metropolis-Bold.woff 18KB Metropolis-SemiBold.woff 18KB Metropolis-Light.woff2 13KB Metropolis-Regular.woff2 13KB bootstrap-icons.woff2 90KB bootstrap-icons.woff 120KB资源评论
