<!--
Author: W3layouts
Author URL: http://w3layouts.com
-->
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Save Poor - Charity Category Responsive Website Template | Home : W3layouts</title>
<link href="//fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap" rel="stylesheet">
<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/style-starter.css">
</head>
<body>
<!--header-->
<header id="site-header" class="fixed-top">
<div class="container">
<nav class="navbar navbar-expand-lg stroke">
<h1><a class="navbar-brand mr-lg-5" href="index.html">
<img src="assets/images/logo.png" alt="Your logo" title="Your logo" />Save Poor
</a></h1>
<!-- if logo is image enable this
<a class="navbar-brand" href="#index.html">
<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
</a> -->
<button class="navbar-toggler collapsed bg-gradient" type="button" data-toggle="collapse"
data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
<span class="navbar-toggler-icon fa icon-close fa-times"></span>
</span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav w-100">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item @@about__active">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item @@causes__active">
<a class="nav-link" href="causes.html">Causes</a>
</li>
<li class="nav-item @@contact__active">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="ml-lg-auto mr-lg-0 m-auto">
<!--/search-right-->
<div class="search-right">
<a href="#search" title="search"><span class="fa fa-search" aria-hidden="true"></span></a>
<!-- search popup -->
<div id="search" class="pop-overlay">
<div class="popup">
<h4 class="mb-3">Search here</h4>
<form action="error.html" method="GET" class="search-box">
<input type="search" placeholder="Enter Keyword" name="search" required="required"
autofocus="">
<button type="submit" class="btn btn-style btn-primary">Search</button>
</form>
</div>
<a class="close" href="#close">×</a>
</div>
<!-- /search popup -->
</div>
<!--//search-right-->
</li>
<li class="align-self">
<a href="#donate" class="btn btn-style btn-primary ml-lg-3 mr-lg-2"><span class="fa fa-heart mr-1"></span> Donate</a>
</li>
</ul>
</div>
<!-- toggle switch for light and dark theme -->
<div class="mobile-position">
<nav class="navigation">
<div class="theme-switch-wrapper">
<label class="theme-switch" for="checkbox">
<input type="checkbox" id="checkbox">
<div class="mode-container">
<i class="gg-sun"></i>
<i class="gg-moon"></i>
</div>
</label>
</div>
</nav>
</div>
<!-- //toggle switch for light and dark theme -->
</nav>
</div>
</header>
<!-- //header -->
<!-- main-slider -->
<section class="w3l-main-slider" id="home">
<div class="companies20-content">
<div class="owl-one owl-carousel owl-theme">
<div class="item">
<li>
<div class="slider-info banner-view bg bg2">
<div class="banner-info">
<div class="container">
<div class="banner-info-bg text-left">
<p>Charity Life</p>
<h5>Charity, Faith and Hope. Help the Homeless. Charity life.</h5>
<a href="about.html" class="btn btn-primary btn-style">Read More</a>
</div>
</div>
</div>
</div>
</li>
</div>
<div class="item">
<li>
<div class="slider-info banner-view banner-top1 bg bg2">
<div class="banner-info">
<div class="container">
<div class="banner-info-bg text-left">
<p>Save Children</p>
<h5>Donate with Kindness. Every amount Donated by you Counts.</h5>
<a href="about.html" class="btn btn-primary btn-style">Read More</a>
</div>
</div>
</div>
</div>
</li>
</div>
<div class="item">
<li>
<div class="slider-info banner-view banner-top2 bg bg2">
<div class="banner-info">
<div class="container">
<div class="banner-info-bg text-left">
<p>Unconditional Help</p>
<h5>Give a Helping hand. We all need to come together. Our Mission.</h5>
<a href="about.html" class="btn btn-primary btn-style">Read More</a>
</div>
</div>
</div>
</div>
</li>
</div>
<div class="item">
<li>
<div class="slider-info banner-view banner-top3 bg bg2">
<div class="banner-info">
<div class="container">
<div class="banner-info-bg text-left">
<p>Unconditional Help</p>
<h5>Should Children suffer this way? Don't leave Orphans alone</h5>
<a href="about.html" class="btn btn-primary btn-style">Read More</a>
</div>
</div>
</div>
</div>
</li>
</div>
</div>
</div>
</section>
<!-- /main-slider -->
<!-- banner image bottom shape -->
<div class="position-relative">
<div class="shape overflow-hidden">
<svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor">
</path>
</svg>
</div>
</div>
<!-- //banner image bottom shape -->
<!-- home page block1 -->
<section class="homeblock1">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="box-wrap">
<h4><a href="#mission">View our Mission</a></h4>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mt-md-0 mt-sm-4 mt-3">
<div class="box-wrap">
<h4><a href="#team">Top Founders</a></h4>
</div>
</div>
<div class="c
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
探索全栈前端技术的魅力:HTML+CSS+JS+JQ+Bootstrap网站源码深度解析 在这个数字化时代,构建一个既美观又功能强大的网站成为了许多开发者和企业追逐的目标。本份资源精心汇集了一套完整网站源码,融合了HTML的骨架搭建、CSS的视觉美化、JavaScript的交互逻辑、jQuery的高效操作以及Bootstrap的响应式设计,全方位揭秘了现代网页开发的精髓。 HTML,作为网页的基础,它构建了信息的框架;CSS则赋予网页生动的外观,让设计创意跃然屏上;JavaScript的加入,使网站拥有了灵动的交互体验;jQuery,作为JavaScript的强力辅助,简化了DOM操作与事件处理,让编码更为高效;而Bootstrap的融入,则确保了网站在不同设备上的完美呈现,响应式设计让访问无界限。 通过这份源码,你将: 学习如何高效组织HTML结构,提升页面加载速度与SEO友好度; 掌握CSS高级技巧,如Flexbox与Grid布局,打造适应各种屏幕的视觉盛宴; 理解JavaScript核心概念,动手实现动画、表单验证等动态效果; 利用jQuery插件快速增强用户体验,实现滑动效果、Ajax请求等; 深入Bootstrap框架,掌握移动优先的开发策略,响应式设计信手拈来。 无论是前端开发新手渴望系统学习,还是资深开发者寻求灵感与实用技巧,这份资源都是不可多得的宝藏。立即深入了解,开启你的全栈前端探索之旅,让每一个网页都成为技术与艺术的完美融合!
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS+JQ+Bootstrap的扶贫项目动态展示响应式网页模板.7z (56个子文件)
[web前端]&[课程设计]&[网站源码]-扶贫项目动态展示响应式网页模板
html
assets
js
bootstrap.min.js 57KB
theme-change.js 692B
jquery-3.3.1.min.js 68KB
owl.carousel.js 88KB
counter.js 3KB
css
style-starter.css 265KB
images
team6.jpg 26KB
brand2.png 20KB
child.png 2KB
blog5.jpg 57KB
about.jpg 73KB
icon1.png 1KB
team4.jpg 30KB
banner4.jpg 212KB
logo.png 908B
team9.jpg 24KB
health.png 906B
brand1.png 10KB
innerbanner.jpg 138KB
team3.jpg 23KB
banner3.jpg 224KB
home.png 373B
blog3.jpg 61KB
barcode.png 25KB
team2.jpg 25KB
food.png 901B
brand3.png 19KB
world-map.png 13KB
banner1.jpg 178KB
blog2.jpg 54KB
blog4.jpg 68KB
team5.jpg 28KB
education.png 1KB
team7.jpg 16KB
brand6.png 14KB
volunteer.png 2KB
donate.png 2KB
team1.jpg 16KB
blog6.jpg 40KB
subscribe.png 51KB
banner2.jpg 127KB
brand5.png 17KB
blog1.jpg 64KB
brand4.png 24KB
eco.png 845B
team8.jpg 17KB
fonts
FontAwesome.otf 132KB
fontawesome-webfont.eot 162KB
fontawesome-webfont.woff 96KB
fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB
fontawesome-webfont.ttf 162KB
index.html 28KB
contact.html 15KB
about.html 26KB
causes.html 23KB
共 56 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2157
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功