<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Relief a Society Category Bootstrap Responsive Web Template | Home :: w3layouts</title>
<!--/tags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="Relief 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 type="application/x-javascript">
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--//tags -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link href="css/easy-responsive-tabs.css" rel='stylesheet' type='text/css' />
<link href="css/fontawesome-all.css" rel="stylesheet">
<!-- //for bootstrap working -->
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700" rel="stylesheet">
</head>
<body>
<div class="top_header" id="home">
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="nav_top_fx_w3layouts_agileits">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="logo_wthree_agile">
<h1>
<a class="navbar-brand" href="index.html">
<i class="fas fa-heart" aria-hidden="true"></i> Relief
<span class="desc">Give a little. Help a lot.</span>
</a>
</h1>
</div>
</div>
<div id="navbar" class="navbar-collapse collapse">
<div class="nav_right_top">
<ul class="nav navbar-nav">
<li class="active">
<a href="index.html">Home</a>
</li>
<li>
<a class="scroll" href="#about">About</a>
</li>
<li>
<a class="scroll" href="#gallery">Gallery</a>
</li>
<li>
<a class="scroll" href="#price">Pricing</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<a class="scroll" href="#services">Services</a>
</li>
<li>
<a class="scroll" href="#test">Testimonials</a>
</li>
</ul>
</li>
<li>
<a class="scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="clearfix"></div>
</div>
<!-- banner -->
<div class="banner_top">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1" class=""></li>
<li data-target="#myCarousel" data-slide-to="2" class=""></li>
<li data-target="#myCarousel" data-slide-to="3" class=""></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="container">
<div class="carousel-caption">
<h3>Change Begins With You.</h3>
<div class="bnr-button">
<a class="act" href="single.html">Read More</a>
</div>
</div>
</div>
</div>
<div class="item item2">
<div class="container">
<div class="carousel-caption">
<h3>Make good things happen</h3>
<div class="bnr-button">
<a class="act" href="single.html">Read More</a>
</div>
</div>
</div>
</div>
<div class="item item3">
<div class="container">
<div class="carousel-caption">
<h3>Change Begins With You.</h3>
<div class="bnr-button">
<a class="act" href="single.html">Read More</a>
</div>
</div>
</div>
</div>
<div class="item item4">
<div class="container">
<div class="carousel-caption">
<h3>Make good things happen</h3>
<div class="bnr-button">
<a class="act" href="single.html">Read More</a>
</div>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="fa fa-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="fa fa-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<!-- The Modal -->
</div>
</div>
<!--//banner -->
<div class="banner_bottom donate-log">
<div class="donate-inner">
<div class="col-md-4 donate-f-login">
<div class="donate-log-in book-form">
<h5>Login Now</h5>
<form action="#" method="post">
<input type="text" name="Name" placeholder="Name" required="" />
<input type="email" name="Email" class="email" placeholder="Email" required="" />
<input type="password" name="Password" class="password" placeholder="Password" required="" />
<div class="check-box two">
<input name="chekbox" type="checkbox" id="brand1" value="">
<label for="brand1">
<span></span>Remember Me.</label>
</div>
<input type="submit" value="Submit">
</form>
</div>
</div>
<div class="col-md-8 donate-info">
<h4>Leave us a Message</h4>
<p>Maecenas quis neque libero. Class aptent taciti.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Pellentesque
convallis diam consequat magna vulputate malesuada. Cras a ornare elit. Nulla viverra pharetra sem, eget pulvinar neque
pharetra ac.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<!--/ab-->
<div class="banner_bottom" id="about">
<div class="container">
<h3 class="tittle_w3_agileinfo">About Our Relief</h3>
<div class="inner_sec_info_w3layouts">
<div class="help_full">
<ul class="rslides" id="slider4">
<li>
<div class="respon_info_img">
<img src="images/banner3.jpg" class="img-responsive" alt="Relief">
</div>
<div class="banner_bottom_left">
<h4>Feed For Hungry Child</h4>
<p>Maecenas quis neque libero. Class aptent taciti.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Pellentesque
convallis diam consequat magna vulputate malesuada. Cras a ornare elit. Nulla viverra pharetra sem, eget pulvinar
neque pharetra ac.</p>
<p>Lorem Ipsum convallis diam consequat magna vulputate malesuada. Cras a ornare elit. Nulla viverra pharetra sem, eget
pulvinar neque pharetra ac.</p>
<div class="ab_button">
<a class="btn btn-primary btn-lg hvr-underline-from-left" href="single.html" role="button">Read More </a>
</div>
</div>
</li>
<li>
<div class="respon_info_img">
<img s
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
探索全栈前端技术的魅力: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 (65个子文件)
[web前端]&[课程设计]&[网站源码]-慈善救济中心响应式网页模板
html
js
bootstrap.js 68KB
all.js 657KB
jquery.waypoints.min.js 9KB
easy-responsive-tabs.js 6KB
jquery.prettyPhoto.js 21KB
responsiveslides.min.js 3KB
jquery.chocolat.js 10KB
jquery-2.2.3.min.js 84KB
jquery-1.7.2.js 93KB
easing.js 5KB
move-top.js 1KB
simplyCountdown.js 6KB
script.js 1KB
jquery.quicksand.js 14KB
webfonts
fa-brands-400.woff 62KB
fa-brands-400.ttf 96KB
fa-brands-400.svg 496KB
fa-solid-900.woff 48KB
fa-solid-900.eot 100KB
fa-solid-900.ttf 100KB
fa-brands-400.woff2 53KB
fa-regular-400.woff2 12KB
fa-brands-400.eot 96KB
fa-regular-400.eot 30KB
fa-regular-400.woff 14KB
fa-regular-400.svg 105KB
fa-regular-400.ttf 30KB
fa-solid-900.woff2 38KB
fa-solid-900.svg 369KB
css
style.css 64KB
simplyCountdown.css 2KB
bootstrap.css 143KB
prettyPhoto.css 23KB
easy-responsive-tabs.css 5KB
fontawesome-all.css 42KB
index.html 40KB
single.html 13KB
images
g3.jpg 58KB
g2.jpg 71KB
last.jpg 27KB
last1.jpg 22KB
Thumbs.db 226KB
g8.jpg 69KB
top_move.png 513B
banner4.jpg 150KB
t3.jpg 15KB
banner3.jpg 101KB
p4.jpg 32KB
g7.jpg 47KB
left.png 412B
g6.jpg 73KB
t1.jpg 16KB
sprite.png 4KB
banner1.jpg 128KB
g5.jpg 48KB
tick.png 3KB
close.png 421B
t2.jpg 17KB
right.png 404B
p2.jpg 36KB
g4.jpg 55KB
p3.jpg 39KB
banner2.jpg 153KB
g1.jpg 72KB
p1.jpg 39KB
共 65 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- (178047214)基于springboot图书管理系统.zip
- 张郅奇 的Python学习过程
- (23775420)欧姆龙PLC CP1H-E CP1L-E CJ2M CP1E 以太网通讯.zip
- (174590622)计算机课程设计-IP数据包解析
- (175550824)泛海三江全系调试软件PCSet-All2.0.3 1
- (172742832)实验1 - LC并联谐振回路仿真实验报告1
- 网络搭建练习题.pkt
- 搜索引擎soler的相关介绍 从事搜索行业程序研发、人工智能、存储等技术人员和企业
- 搜索引擎lucen的相关介绍 从事搜索行业程序研发、人工智能、存储等技术人员和企业
- 基于opencv-dnn和一些超过330 FPS的npu
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功