白色欧美风格的慈善公益企业网站源码下载.zip资源-CSDN文库

共45个文件

jpg：16个

png：11个

js：6个

版权申诉

H5模版

网站模版

HTML模版

124 浏览量 2024-12-31 10:11:34 上传评论收藏 1.2MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

白色欧美风格的慈善公益企业网站源码下载.zip （45个子文件）

bootstrap.js 66KB

jquery.swipebox.min.js 7KB

numscroller-1.0.js 4KB

easing.js 5KB

move-top.js 1KB

jquery-2.1.4.min.js 82KB

css

style.css 43KB

ihover.css 126KB

iconeffects.css 14KB

bootstrap.css 138KB

swipebox.css 4KB

index.html 24KB

images

2.jpg 92KB

10.jpg 65KB

121.jpg 68KB

arr1.png 3KB

13.jpg 59KB

icon1.png 4KB

icon4.png 4KB

team4.jpg 36KB

15.jpg 107KB

logo.png 15KB

logo2.png 6KB

team3.jpg 24KB

img-sp.png 4KB

team2.jpg 22KB

12.jpg 114KB

64.jpg 175KB

icons.svg 1KB

tick.png 3KB

8.jpg 46KB

two.png 813B

arr.png 3KB

11.jpg 74KB

icon3.png 4KB

team1.jpg 31KB

3.jpg 113KB

7.jpg 58KB

4.jpg 67KB

icon2.png 4KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

<!DOCTYPE html> <html> <head> <title>Charity Life a Society & People Category Flat Bootstrap Responsive Website Template</title>  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/ihover.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/iconeffects.css" rel='stylesheet' type='text/css' /> <link rel="stylesheet" href="css/swipebox.css"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>   <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Montserrat+Alternates:400,700' rel='stylesheet' type='text/css'>  <script type="text/javascript" src="js/numscroller-1.0.js"></script>  <script src="js/jquery.swipebox.min.js"></script> <script type="text/javascript"> jQuery(function($) { $(".swipebox").swipebox(); }); </script>   <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script>  </head> <body>  <div class="banner"> <div class="container"> <div class="header-nav"> <nav class="navbar navbar-default">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <h1><a class="navbar-brand" href="index.html"><img src="images/logo2.png" alt="" /></a></h1> </div>  <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav nav1 cl-effect-11" id="cl-effect-11"> <li><a data-hover="HOME" class="scroll active" href="index.html">HOME</a></li> <li>/</li> <li><a data-hover="ABOUT" class="scroll" href="#about">ABOUT</a></li> <li>/</li> <li><a data-hover="GALLERY" class="scroll" href="#gallery">GALLERY</a></li> <li>/</li> <li><a data-hover="TEAM" class="scroll" href="#team">TEAM</a></li> <li>/</li> <li><a data-hover="SERVICES" class="scroll" href="#services">SERVICES</a></li> <li>/</li> <li><a data-hover="CONTACT" class="scroll" href="#contact">CONTACT</a></li> </ul> </div> <div class="clearfix"></div> </nav> </div> <div class="banner-info"> <div class="logo-text"> <img src="images/logo.png" alt="" /> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab.</p> <p>Perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.</p> <a class="scroll" href="#about"><img src="images/arr1.png" alt="" /></a> </div> </div> </div> </div>   <div id="about" class="about"> <div class="container"> <div class="col-md-3 about-left text-center"> <h3>About</h3> </div> <div class="col-md-9 about-right"> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab.Perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.</p> </div> <div class="clearfix"></div> <div class="abt-btm"> <div class="col-md-2 abt-btm-left"> <div class="hi-icon-wrap hi-icon-effect-7 hi-icon-effect-7b"> <a href="#" class="hi-icon glyphicon glyphicon-heart"></a> </div> </div> <div class="col-md-5 abt-btm-middle"> <h4>Our Story</h4> <h5>Perspiciatis unde omnis iste natus error sit voluptatem</h5> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab.Perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem.</p> </div> <div class="col-md-5 abt-btm-right mask"> <img src="images/11.jpg" alt="" class="img-responsive zoom-img"> </div> <div class="clearfix"></div> </div> </div> </div>   <div class="mission-gd"> <div class="container"> <div class="col-md-6 mission-left "> <div class="mis-img-left grid mask"> <figure class="effect-jazz"> <img class="img-responsive zoom-img" src="images/15.jpg" alt="img06"> <figcaption> <h4>Charity Life</h4> <p>When Jazz starts to chase cars, the whole world stands still.</p> </figcaption> </figure> </div> </div> <div class="col-md-6 mission-left grid-right-miss"> <div class="miss-left-gd text-left"> <div class="hi-icon-wrap hi-icon-effect-7 hi-icon-effect-7b"> <a href="#" class="hi-icon glyphicon glyphicon-star"></a> </div> </div> <div class="miss-right-gd"> <h4>Our Mission</h4> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p> </div> <div class="clearfix"></div> <div class="progress-gds"> <h5>Doloremque / 60%</h5> <div class="progress"> <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"> </div> </div> <h5>Laudantium / 45%</h5> <div class="progress"> <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 45%;"> </div> </div> <h5>Perspiciatis / 15%</h5> <div class="progress"> <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 15%;"> </div> </div> </div> </div> <div class="clearfix"></div> </div> </div>  <div class="simple"> <div class="container"> <h3>Help turn tears to smiles,together we create a special world.</h3> <div class="strip"></div> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab.Perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem</p> </div> </div>   <div id="team" class="team"> <div class="container"> <div class="col-md-3 about-left text-center"> <h3>Team</h3> </div> <div class="col-md-9 about-right"> <p>Sed ut perspiciatis unde omnis iste natus er

评论收藏

内容反馈

版权申诉