<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Humanity</title>
<meta name="generator" content="Bootply" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="css/styles.css" rel="stylesheet">
<link rel="stylesheet" href="css/demo.css" />
<link rel="stylesheet" href="css/testimonial.css" />
<link rel="stylesheet" href="css/font-awesome.min.css">
<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="header container">
<div class="visible-xs visible-sm col-xs-12 col-sm-12 text-center sm-logo">
<a rel="home" href="index.html">
<img src="img/logo.png" width="200" alt="logo">
</a>
</div>
</div>
<div class="navbar" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="service.html">Sevices</a></li>
<li class="selected"><a href="gallery.html">Gallery</a></li>
<li class= "hidden-xs hidden-sm">
<a rel="home" href="index.html"><img class="logo" src="img/logo.png" width="200" alt="logo"></a>
</li>
<li><a href="event.html">Events</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="donate.html">Donate</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="divider col-sm-12 col-xs-12 col-md-12">
<div class="header-text"><span>Gallery</span> Images</div>
</div>
<section id="clients">
<!-- Team Inner -->
<div class="inner team">
<!-- Header -->
<!-- Members -->
<div class="team-members inner-details">
<!-- Member -->
<div class="col-xs-4 member animated" data-animation="fadeInUp" data-animation-delay="0">
<div class="member-inner">
<!-- Team Member Image -->
<a class="team-image">
<!-- Img -->
<img src="images/clients/9.jpg" alt="" />
</a>
<div class="member-details">
<div class="member-details-inner">
<!-- Name -->
<h2 class="member-name light">Lorem ipsum dolor</h2>
<!-- Description -->
<p class="member-description">Lorem ipsum dolor sit amet consectetur adipiscing.</p>
<!-- Socials -->
<div class="socials">
<!-- Link -->
<a href="#"><i class="fa fa-link"></i></a>
</div><!-- End Socials -->
</div> <!-- End Detail Inner -->
</div><!-- End Details -->
</div> <!-- End Member Inner -->
</div><!-- End Member -->
<!-- Member -->
<div class="col-xs-4 member animated" data-animation="fadeInUp" data-animation-delay="100">
<div class="member-inner">
<!-- Team Member Image -->
<a class="team-image">
<!-- Img -->
<img src="images/clients/2.jpg" alt="" />
</a>
<div class="member-details">
<div class="member-details-inner">
<!-- Name -->
<h2 class="member-name light">Lorem ipsum dolor</h2>
<!-- Description -->
<p class="member-description">Lorem ipsum dolor sit amet consectetur adipiscing.</p>
<!-- Socials -->
<div class="socials">
<!-- Image -->
<a href="#"><i class="fa fa-camera"></i></a>
</div><!-- End Socials -->
</div> <!-- End Detail Inner -->
</div><!-- End Details -->
</div> <!-- End Member Inner -->
</div><!-- End Member -->
<!-- Member -->
<div class="col-xs-4 member animated" data-animation="fadeInUp" data-animation-delay="200">
<div class="member-inner">
<!-- Team Member Image -->
<a class="team-image">
<!-- Img -->
<img src="images/clients/3.jpg" alt="" />
</a>
<div class="member-details">
<div class="member-details-inner">
<!-- Name -->
<h2 class="member-name light">Lorem ipsum dolor</h2>
<!-- Description -->
<p class="member-description">Lorem ipsum dolor sit amet consectetur adipiscing.</p>
<!-- Socials -->
<div class="socials">
<!-- Link -->
<a href="#"><i class="fa fa-link"></i></a>
</div><!-- End Socials -->
</div> <!-- End Detail Inner -->
</div><!-- End Details -->
</div> <!-- End Member Inner -->
</div><!-- End Member -->
<!-- Member -->
<div class="col-xs-4 member animated" data-animation="fadeInUp" data-animation-delay="300">
<div class="member-inner">
<!-- Team Member Image -->
<a class="team-image">
<!-- Img -->
<img src="images/clients/4.jpg" alt="" />
</a>
<div class="member-details">
<div class="member-details-inner">
<!-- Name -->
<h2 class="member-name light">Lorem ipsum dolor</h2>
<!-- Description -->
<p class="member-description">Lorem ipsum dolor sit amet consectetur adipiscing.</p>
<!-- Socials -->
<div class="socials">
<!-- Image -->
<a href="#"><i class="fa fa-camera"></i></a>
</div><!-- End Socials -->
</div> <!-- End Detail Inner -->
</div><!-- End Details -->
</div> <!-- End Member Inner -->
</div><!-- End Member -->
<!-- Member -->
<div class="col-xs-4 member animated" data-animation="fadeInUp" data-animation-delay="400">
<div class="member-inner">
<!-- Team Member Image -->
<a class="team-image">
<!-- Img -->
<img src="images/clients/5.jpg" alt="" />
</a>
<div class="member-details">
<div class="member-details-inner">
<!-- Name -->
<h2 class="member-name light">Lorem ipsum dolor</h2>
<!-- Description -->
<p class="member-description">Lorem ipsum dolor sit amet consectetur adipiscing.</p>
<!-- Socials -->
<div class="socials">
<!-- Link -->
<a href="#"><i class="fa fa-link"></i></a>
</div><!-- End Socials -->
</div> <!-- End Detail Inner -->
</div><!-- End Details -->
</div> <!-- End Member Inner -->
</div><!-- End Mem
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
这套HTML源代码文件是一个完整的网页模板,适用于各种类型的网站。它采用了最新的HTML5和CSS3技术,具有响应式设计,能够适应不同设备的屏幕尺寸。此外,它还包含了丰富的JavaScript插件,可以实现各种复杂的交互效果。这套源代码文件还具有高度的可定制性。您可以根据自己的需求对页面进行布局调整、颜色更改以及内容替换,轻松打造出符合您项目风格的网站。同时,我们的代码结构清晰、注释详细,方便您学习和理解HTML、CSS和JavaScript等前端技术。您可能面临着课程设计、毕业设计等挑战。这套源代码文件将成为您的得力助手,帮助您展示自己的才华和技能。通过使用这套源代码文件,您可以轻松地完成网站搭建任务,为您的课程设计或毕业设计增添亮点。总的来说,这套HTML源代码文件是一个高效、实用、易用的工具,无论你是专业的网页设计师,还是业余的编程爱好者,都值得拥有。
资源推荐
资源详情
资源评论
收起资源包目录
慈善招募动态网站模板-适配移动端&PC端-HTML网站源码.zip (113个子文件)
bootstrap.min.css 114KB
styles.css 27KB
font-awesome.min.css 23KB
testimonial.css 3KB
demo.css 1KB
fontawesome-webfont.eot 59KB
bx_loader.gif 8KB
progress.gif 3KB
gallery.html 20KB
team.html 16KB
event.html 16KB
index.html 13KB
service.html 9KB
donate.html 9KB
collection.html 9KB
contact.html 8KB
about.html 8KB
donate.jpg 446KB
bg.jpg 438KB
5.jpg 254KB
1.jpg 254KB
9.jpg 254KB
4.jpg 254KB
2.jpg 251KB
6.jpg 251KB
8.jpg 251KB
gal-bg-feet-01.jpg 202KB
7.jpg 188KB
3.jpg 188KB
slide3.jpg 180KB
bg.jpg 162KB
gal-bg-women.jpg 148KB
gal-bg-hands-01.jpg 144KB
gal-tn-man-02.jpg 122KB
divider.jpg 117KB
child2.jpg 116KB
gal-bg-man-01.jpg 102KB
2.jpg 98KB
go.jpg 96KB
slide1.jpg 96KB
blog-bg-school-01.jpg 92KB
3.jpg 70KB
gal-tn-children-03.jpg 68KB
sea.jpg 66KB
blog-bg-children-02.jpg 66KB
slide2.jpg 54KB
team2.jpg 47KB
app-profile-screen.jpg 47KB
flikr3.jpg 41KB
team1.jpg 40KB
flikr4.jpg 37KB
donor_08.jpg 36KB
donor_15.jpg 34KB
flikr6.jpg 34KB
flikr1.jpg 34KB
flikr2.jpg 33KB
donor_10.jpg 31KB
donor_09.jpg 30KB
donor_14.jpg 28KB
donor_02.jpg 28KB
donor_06.jpg 28KB
donor_05.jpg 25KB
donor_04.jpg 24KB
1.jpg 24KB
donor_01.jpg 23KB
flikr5.jpg 23KB
donor_13.jpg 23KB
donor_11.jpg 23KB
donor_12.jpg 17KB
team3.jpg 16KB
donor_07.jpg 16KB
avatar-1.jpg 16KB
donor_03.jpg 15KB
avatar-5.jpg 8KB
avatar-2.jpg 7KB
avatar-6.jpg 7KB
avatar-3.jpg 7KB
avatar-4.jpg 6KB
white.jpg 2KB
jquery-2.1.1.js 242KB
jquery.min.js 82KB
bootstrap.min.js 27KB
jquery.bxslider.min.js 19KB
nav-hover.min.js 2KB
main.js 1KB
FontAwesome.otf 92KB
carousel-tn-children-01.png 138KB
child.png 138KB
supersized-logo.png 4KB
caousel-next.png 3KB
caousel-prev.png 3KB
back.png 3KB
forward.png 3KB
lab.png 2KB
thumb-back.png 2KB
thumb-forward.png 2KB
paperplane.png 2KB
logo.png 2KB
nav-dot.png 2KB
like.png 2KB
共 113 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 7416
- 资源: 4499
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功