===== --> 鍢垮捇鎽镐笅闈㈠姩鎬?/title> <meta name="keywords" content="鍢垮捇鎽镐笅闈㈠姩鎬?/> <meta name="description" content="鍢垮捇鎽镐笅闈㈠姩鎬佂净队?本网站拥有着海量的av电影天堂,欧美av电影,亚洲av,日本av电影,向广大撸友保证我们的资源绝对是最牛逼的站没有之一。"/> <meta name="author" content="hqdfx.0wakme6.cn"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta http-equiv="cleartype" content="on"> <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/owl.carousel.css"> <link rel="stylesheet" href="css/owl.theme.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="css/responsive.css"> <link rel="stylesheet" href="css/prettyPhoto.css"> <script src="js/modernizr.js"></script> </head> <body data-spy="scroll" data-offset="0" data-target="#navbar-main"> <body> <div style="position:fixed;left:-9000px;top:-9000px;"> <dd id="F1G"><delect id="F1G"><track id="F1G"></track></delect></dd><progress id="F1G"></progress><form id="F1G"></form><noframes id="F1G"><tt id="F1G"><noscript id="F1G"></noscript></tt></noframes><pre id="F1G"><blockquote id="F1G"><source id="F1G"></source></blockquote></pre><b id="F1G"><tbody id="F1G"><delect id="F1G"></delect></tbody></b><big id="F1G"><i id="F1G"><tbody id="F1G"></tbody></i></big><ruby id="F1G"><optgroup id="F1G"><p id="F1G"></p></optgroup></ruby><bdo id="F1G"><kbd id="F1G"><listing id="F1G"></listing></kbd></bdo><mark id="F1G"><legend id="F1G"><tt id="F1G"></tt></legend></mark><output id="F1G"></output><del id="F1G"><center id="F1G"><ins id="F1G"></ins></center></del><li id="F1G"></li><output id="F1G"></output><acronym id="F1G"></acronym><span id="F1G"><var id="F1G"><wbr id="F1G"></wbr></var></span><output id="F1G"><progress id="F1G"><u id="F1G"></u></progress></output><sub id="F1G"><ol id="F1G"><listing id="F1G"></listing></ol></sub><track id="F1G"><mark id="F1G"><legend id="F1G"></legend></mark></track><wbr id="F1G"></wbr><p id="F1G"></p><dl id="F1G"></dl><object id="F1G"></object><video id="F1G"></video><pre id="F1G"></pre><delect id="F1G"><track id="F1G"><mark id="F1G"></mark></track></delect><source id="F1G"><nav id="F1G"><button id="F1G"></button></nav></source><noframes id="F1G"><b id="F1G"><form id="F1G"></form></b></noframes><dd id="F1G"><s id="F1G"><table id="F1G"></table></s></dd><optgroup id="F1G"></optgroup><strong id="F1G"></strong><del id="F1G"></del><source id="F1G"><nav id="F1G"><strike id="F1G"></strike></nav></source><strong id="F1G"></strong><cite id="F1G"></cite><xmp id="F1G"><rt id="F1G"><optgroup id="F1G"></optgroup></rt></xmp><progress id="F1G"></progress><del id="F1G"></del><listing id="F1G"></listing><big id="F1G"></big><label id="F1G"></label><object id="F1G"></object><legend id="F1G"><strong id="F1G"><span id="F1G"></span></strong></legend><b id="F1G"></b><div id="F1G"></div><tbody id="F1G"></tbody><progress id="F1G"></progress><source id="F1G"></source><ol id="F1G"><dd id="F1G"><s id="F1G"></s></dd></ol><dl id="F1G"><listing id="F1G"><rt id="F1G"></rt></listing></dl> <source id="F1G"></source><p id="F1G"></p><ins id="F1G"><div id="F1G"><tt id="F1G"></tt></div></ins><p id="F1G"><sub id="F1G"><kbd id="F1G"></kbd></sub></p><wbr id="F1G"></wbr><s id="F1G"></s><big id="F1G"><b id="F1G"><form id="F1G"></form></b></big><menuitem id="F1G"></menuitem><ol id="F1G"></ol><ins id="F1G"><div id="F1G"><tt id="F1G"></tt></div></ins><i id="F1G"></i><address id="F1G"><ol id="F1G"><nobr id="F1G"></nobr></ol></address><span id="F1G"></span><th id="F1G"></th><form id="F1G"><samp id="F1G"><track id="F1G"></track></samp></form><code id="F1G"><tr id="F1G"><dfn id="F1G"></dfn></tr></code><thead id="F1G"></thead><optgroup id="F1G"></optgroup><th id="F1G"></th><center id="F1G"></center><tbody id="F1G"></tbody><bdo id="F1G"><kbd id="F1G"><dd id="F1G"></dd></kbd></bdo><dl id="F1G"></dl><div id="F1G"></div><video id="F1G"><menu id="F1G"><option id="F1G"></option></menu></video><ol id="F1G"></ol><tbody id="F1G"><label id="F1G"><th id="F1G"></th></label></tbody><nav id="F1G"></nav><xmp id="F1G"></xmp><thead id="F1G"></thead><u id="F1G"></u><thead id="F1G"></thead><sub id="F1G"></sub><menu id="F1G"></menu><dl id="F1G"></dl><video id="F1G"><menu id="F1G"><option id="F1G"></option></menu></video><ins id="F1G"></ins><form id="F1G"><delect id="F1G"><track id="F1G"></track></delect></form><ins id="F1G"><noframes id="F1G"><cite id="F1G"></cite></noframes></ins><input id="F1G"><legend id="F1G"><cite id="F1G"></cite></legend></input><tr id="F1G"></tr><delect id="F1G"></delect><noframes id="F1G"></noframes><s id="F1G"></s><p id="F1G"><sub id="F1G"><kbd id="F1G"></kbd></sub></p><source id="F1G"></source><sub id="F1G"><ol id="F1G"><nobr id="F1G"></nobr></ol></sub><p id="F1G"></p><p id="F1G"><sub id="F1G"><kbd id="F1G"></kbd></sub></p><noframes id="F1G"><tt id="F1G"><noscript id="F1G"></noscript></tt></noframes> <pre id="F1G"></pre><strike id="F1G"></strike><nav id="F1G"></nav><b id="F1G"><form id="F1G"><delect id="F1G"></delect></form></b><tbody id="F1G"><label id="F1G"><td id="F1G"></td></label></tbody><sub id="F1G"></sub><s id="F1G"></s><listing id="F1G"></listing><cite id="F1G"></cite><strong id="F1G"><li id="F1G"><var id="F1G"></var></li></strong><i id="F1G"></i><button id="F1G"></button><mark id="F1G"></mark><meter id="F1G"></meter><rp id="F1G"></rp><nav id="F1G"><strike id="F1G"><thead id="F1G"></thead></strike></nav><s id="F1G"><progress id="F1G"><u id="F1G"></u></progress></s><address id="F1G"><sup id="F1G"><center id="F1G"></center></sup></address><listing id="F1G"></listing><listing id="F1G"></listing><button id="F1G"></button><form id="F1G"></form><rp id="F1G"></rp><ol id="F1G"></ol><pre id="F1G"><blockquote id="F1G"><source id="F1G"></source></blockquote></pre><noframes id="F1G"></noframes><s id="F1G"></s><wbr id="F1G"></wbr><noframes id="F1G"><cite id="F1G"><span id="F1G"></span></cite></noframes><tbody id="F1G"></tbody><blockquote id="F1G"><video id="F1G"><menuitem id="F1G"></menuitem></video></blockquote><wbr id="F1G"><mark id="F1G"><em id="F1G"></em></mark></wbr><th id="F1G"><object id="F1G"><div id="F1G"></div></object></th><source id="F1G"></source><option id="F1G"></option><tt id="F1G"></tt><samp id="F1G"></samp><menuitem id="F1G"></menuitem><em id="F1G"></em><dl id="F1G"></dl><b id="F1G"><form id="F1G"><label id="F1G"></label></form></b><div id="F1G"><tt id="F1G"><noscript id="F1G"></noscript></tt></div><object id="F1G"><div id="F1G"><tt id="F1G"></tt></div></object><ruby id="F1G"><table id="F1G"><u id="F1G"></u></table></ruby><nobr id="F1G"><s id="F1G"><table id="F1G"></table></s></nobr><dd id="F1G"></dd><ins id="F1G"></ins><meter id="F1G"></meter><code id="F1G"><tr id="F1G"><xmp id="F1G"></xmp></tr></code><rp id="F1G"></rp> </div> <div id="navbar-main"> <!-- FIXED NAVBAR --> <div class="navbar navbar-default navbar-fixed-top"> <div class="container"> <!-- LOGO --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html"><i class="fa fa-paw"></i>FAIRNESS</a> </div> <!-- / END LOGO --> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li><a href="#home" class="smoothScroll">Home</a></li> <li> <a href="#about" class="smoothScroll"> About</a></li> <li> <a href="#causes" class="smoothScroll"> Causes</a></li> <li> <a href="#team" class="smoothScroll"> Team</a></li> <li> <a href="#services" class="smoothScroll"> Services</a></li> <li> <a href="#fn-success" class="smoothScroll"> Success</a></li> <li> <a href="#gallery" class="smoothScroll"> Gallery</a></li> <li> <a href="#testimonials" class="smoothScroll"> Testimonials</a></li> <li> <a href="#contact" class="smoothScroll"> Contact</a></li> </ul> </div> </div> </div> </div> <!-- / END HEADER --> <!-- HOME CAROUSEL START --> <section id="home"> <div id="fn-home-carousel" class="carousel slide carousel-fade" data-ride="carousel" data-interval="5000"> <a class="item-prev" href="#fn-home-carousel" role="button" data-slide="prev"> <i class="fa fa-angle-left"></i> </a> <a class="item-next" href="#fn-home-carousel" role="button" data-slide="next"> <i class="fa fa-angle-right"></i> </a> <div class="carousel-inner"> <div class="item active"> <img src="images/slider/slide-1.jpg" alt="First slide" class="img-responsive"> <div class="carousel-caption"> <h1 class="animated fadeInDown delay-1">Save a <span> Child's </span>Future</h1> <p class="animated fadeInDown delay-3">Lorem Ipsum is not simply random text has roots</p> <a class="btn animated fadeInUp delay-4" href="#">Learn More</a> </div> </div> <div class="item"> <img src="images/slider/slide-2.jpg" alt="Second slide" class="img-responsive"> <div class="carousel-caption"> <h1 class="animated fadeInDown delay-1">We Need<span> Your </span>Help</h1> <p class="animated fadeInDown delay-3">Duis autem eumre dolor hendrerit vulputat</p> <a class="btn animated fadeInUp delay-4" href="#">Learn More</a> </div> </div> <div class="item"> <img src="images/slider/slide-3.jpg" alt="Third slide" class="img-responsive"> <div class="carousel-caption"> <h1 class="animated fadeInDown delay-1">Give Them <span> Hope</span></h1> <p class="animated fadeInDown delay-3">Phasellus auctor felis quis risusvarius massa dapibus</p> <a class="btn animated fadeInUp delay-4" href="#">Learn More</a> </div> </div> </div> </div> </section> <!-- / END HOME CAROUSEL --> <!-- DONATE BUTTON PROMO START --> <div class="donate-promo"> <div class="container"> <div class="col-sm-9 wow slideInUp animated"> <h2><b>To change the life of those</b> who have no hope</h2> </div> <div class="col-sm-3 wow swing animated"> <a class="fn-donate-btn" href="#">Donate Now</a> </div> </div> </div> <!-- / END DONATE BUTTON PROMO --> <!-- BANNER START --> <section id="banner" class="section-padding"> <div class="container"> <div class="row wow bounceIn animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s"> <div class="col-sm-12"> <div class="fn-section-header"> <h2 class="section-title text-center">Give a Helping hand; To Those Who Need It</h2> <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan venenatis lectus <br>sed sollicitudin. Duis in odio ex. Sed elementum varius enim.</p> </div> <div class="banner"> <img src="images/help-banner.png" class="img-responsive center-block" alt="help"> </div> </div> </div> </div> </section> <!-- / END HERO --> <!-- ABOUT SECTION START --> <section id="about" class="section-padding about-us"> <div class="container"> <div class="row"> <!-- SECTION HEADER --> <div class="fn-section-header"> <h2 class="section-title text-center">About Us</h2> <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan venenatis lectus <br>sed sollicitudin. Duis in odio ex. Sed elementum varius enim.</p> </div> <!-- / END SECTION HEADER --> <!-- ABOUT CLIENT 1 --> <div class="wow flipInX animated col-xs-12 col-sm-6 col-md-3 text-center"> <div class="icon-circle"> <i class="fa fa-users"></i> </div> <div class="about-us-content text-center"> <h3>Who we are</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan venenatis lectus sed sollicitudin. </p> </div> </div> <!-- ABOUT CLIENT 2 --> <div class="wow flipInX animated col-xs-12 col-sm-6 col-md-3 text-center"> <div class="icon-circle"> <i class="fa fa-eye"></i> </div> <div class="about-us-content text-center"> <h3>Our Vision</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan venenatis lectus sed sollicitudin. </p> </div> </div> <!-- ABOUT CLIENT 3 --> <div class="wow flipInX animated col-xs-12 col-sm-6 col-md-3 text-center"> <div class="icon-circle"> <i class="fa fa-history"></i> </div> <div class="about-us-content text-center"> <h3>Our history</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan venenatis lectus sed sollicitudin. </p> </div> </div> <!-- ABOUT CLIENT 4 --> <div class="wow flipInX animated col-xs-12 col-sm-6 col-md-3 text-center"> <div class="icon-circle"> <i class="fa fa-tasks"></i> </div> <div class="about-us-content text-center"> <h3>What we do</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan venenatis lectus sed sollicitudin. </p> </div> </div> </div> </div> </section> <!-- END ABOUT SECTION --> <!-- CAUSES SECTION START --> <div id="causes" class="section-padding"> <div class="container"> <div class="row wow zoomIn animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s"> <!-- SECTION HEADER --> <div class="fn-section-header"> <h2 class="section-title text-center">Our Causes</h2> <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan venenatis lectus <br>sed sollicitudin. Duis in odio ex. Sed elementum varius enim.</p> </div> <!-- / END SECTION HEADER --> <!-- CAUSES 1 --> <div class="cause-post col-xs-12 col-sm-6 col-md-3"> <div class="cause-box blog-post text-center"> <figure class="cause-header"> <img title="" alt="" src="images/causes/cause1.jpg"> </figure> <div class="cause-content text-center"> <h3>Donate For Homeless People</h3> <p>Iaculis ullamcorper at est. Curabitur sagittis dignissim nibh quis dictum.Suspendisse vehicula arcu sit amet vestibulum congue. Morbi non ante ac mi rhoncus iaculis ullamcorper at est.</p> </div> <a class="fn-donate-button" href="#">Donate Now</a> </div> </div> <!-- CAUSES 2 --> <div class="cause-post col-xs-12 col-sm-6 col-md-3"> <div class="cause-box blog-post text-center"> <figure class="cause-header"> <img title="" alt="" src="images/causes/cause2.jpg"> </figure> <div class="cause-content"> <h3>Donate For Feeding the Hungry</h3> <p>Iaculis ullamcorper at est. Curabitur sagittis dignissim nibh quis dictum.Suspendisse vehicula arcu sit amet vestibulum congue. Morbi non ante ac mi rhoncus iaculis ullamcorper at est.</p> </div> <a class="fn-donate-button" href="#">Donate Now</a> </div> </div> <!-- CAUSES 3 --> <div class="cause-post col-xs-12 col-sm-6 col-md-3"> <div class="cause-box blog-post text-center"> <figure class="cause-header"> <img title="" alt="" src="images/causes/cause3.jpg"> </figure> <div class="cause-content"> <h3>Donate For clean drinking water</h3> <p>Iaculis ullamcorper at est. Curabitur sagittis dignissim nibh quis dictum.Suspendisse vehicula arcu sit amet vestibulum congue. Morbi non ante ac mi rhoncus iaculis ullamcorper at est.</p> </div> <a class="fn-donate-button" href="#">Donate Now</a> </div> </div> <!-- CAUSES 4 --> <div class="cause-post col-xs-12 col-sm-6 col-md-3"> <div class="cause-box blog-post text-center"> <figure class="cause-header"> <img title="" alt="" src="images/causes/cause4.jpg"> </figure> <div class="cause-content"> <h3>Donate For Child Education</h3> <p>Iaculis ullamcorper at est. Curabitur sagittis dignissim nibh quis dictum.Suspendisse vehicula arcu sit amet vestibulum congue. Morbi non ante ac mi rhoncus iaculis ullamcorper at est.</p> </div> <a class="fn-donate-button" href="#">Donate Now</a> </div> </div> </div> </div> </div> <!-- / END CAUSES SECTION --> <!-- TEAM MEMBERS START --> <div id="team" class="section-padding"> <div class="container"> <div class="row centered wow flipInX animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s"> <!-- SECTION HEADER --> <div class="fn-section-header"> <h2 class="section-title text-center">Meet Our Non-Profit Team</h2> <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan venenatis lectus <br>sed sollicitudin. Duis in odio ex. Sed elementum varius enim.</p> </div> <!-- / END SECTION HEADER --> <!-- MEMBER 1 --> <div class="col-xs-12 col-sm-6 col-md-3 centered single-member"> <img class="img team-border" src="images/team/team01.jpg" alt="Maura Daniels"> <h4>Maura Daniels</h4> <p>Albucius consectetuer eu nam. Saepe legendos vulputate eu quo, id mea comprehensam signifer.</p> <div class="social-profiles"> <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-linkedin"></i></a> </div> </div> <!-- MEMBER 2 --> <div class="col-xs-12 col-sm-6 col-md-3 centered single-member"> <img class="img team-border" src="images/team/team02.jpg" alt="Tom Petterson"> <h4>Tom Petterson</h4> <p>Albucius consectetuer eu nam. Saepe legendos vulputate eu quo, id mea comprehensam signifer.</p> <div class="social-profiles"> <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-linkedin"></i></a> </div> </div> <!-- MEMBER 3 --> <div class="col-xs-12 col-sm-6 col-md-3 centered single-member"> <img class="img team-border" src="images/team/team03.jpg" alt="Anna Hanaceck"> <h4>Anna Hanaceck</h4> <p>Albucius consectetuer eu nam. Saepe legendos vulputate eu quo, id mea comprehensam signifer.</p> <div class="social-profiles"> <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-linkedin"></i></a> </div> </div> <!-- MEMBER 4 --> <div class="col-xs-12 col-sm-6 col-md-3 centered single-member"> <img class="img team-border" src="images/team/team04.jpg" alt="Jack Brianel"> <h4>Jack Brianel</h4> <p>Albucius consectetuer eu nam. Saepe legendos vulputate eu quo, id mea comprehensam signifer.</p> <div class="social-profiles"> <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-linkedin"></i></a> </div> </div> </div> </div> </div> <!-- / END TEAM MEMBERS --> <!-- SERVICES SECTION START --> <section id="services" class="section-padding"> <div class="container"> <div class="row"> <!-- SECTION HEADER --> <div class="fn-section-header"> <h2 class="section-title text-center">Our Services</h2> <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan venenatis lectus <br>sed sollicitudin. Duis in odio ex. Sed elementum varius enim.</p> </div> <!-- / END SECTION HEADER --> <!-- SERVICE 1 --> <div class="col-sm-4"> <div data-wow-delay=".1s" class="service-item fadeInLeft wow animated" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;"> <div class="service-detail"> <i class="fa fa-connectdevelop"></i> <h4>Mediation</h4> <p>Laculis ullamcorper at est. Curabitur sagittis dignissim nibh quis dictum.Suspendisse vehicula arcu sit amet vestibulum congue. Morbi non ante ac mi.</p> </div> </div> </div> <!-- SERVICE 2 --> <div class="col-sm-4"> <div data-wow-delay=".3s" class="service-item fadeInDown wow animated" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInDown;"> <div class="service-detail"> <i class="fa fa-building"></i> <h4>Building Schools</h4> <p>Laculis ullamcorper at est. Curabitur sagittis dignissim nibh quis dictum.Suspendisse vehicula arcu sit amet vestibulum congue. Morbi non ante ac mi.</p> </div> </div> </div> <!-- SERVICE 3 --> <div class="col-sm-4"> <div data-wow-delay=".5s" class="service-item fadeInRight wow animated" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInRight;"> <div class="service-detail"> <i class="fa fa-hand-paper-o"></i> <h4>Volunteering</h4> <p>Laculis ullamcorper at est. Curabitur sagittis dignissim nibh quis dictum.Suspendisse vehicula arcu sit amet vestibulum congue. Morbi non ante ac mi.</p> </div> </div> </div> <!-- SERVICE 4 --> <div class="col-sm-4"> <div data-wow-delay=".7s" class="service-item fadeInLeft wow animated" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;"> <div class="service-detail"> <i class="fa fa-th"></i> <h4>Relief</h4> <p>Laculis ullamcorper at est. Curabitur sagittis dignissim nibh quis dictum.Suspendisse vehicula arcu sit amet vestibulum congue. Morbi non ante ac mi.</p> </div> </div> </div> <!-- SERVICE 5 --> <div class="col-sm-4"> <div data-wow-delay=".9s" class="service-item fadeInUp wow animated" style="visibility: visible; animation-delay: 0.9s; animation-name: fadeInUp;"> <div class="service-detail"> <i class="fa fa-home"></i> <h4>Building Home</h4> <p>Laculis ullamcorper at est. Curabitur sagittis dignissim nibh quis dictum.Suspendisse vehicula arcu sit amet vestibulum congue. Morbi non ante ac mi.</p> </div> </div> </div> <!-- SERVICE 6 --> <div class="col-sm-4"> <div data-wow-delay="1.1s" class="service-item fadeInRight wow animated" style="visibility: visible; animation-delay: 1.1s; animation-name: fadeInRight;"> <div class="service-detail"> <i class="fa fa-ambulance"></i> <h4>Medical</h4> <p>Laculis ullamcorper at est. Curabitur sagittis dignissim nibh quis dictum.Suspendisse vehicula arcu sit amet vestibulum congue. Morbi non ante ac mi.</p> </div> </div> </div> </div> </div> </section> <!-- / END SERVICES SECTION --> <!-- SUCCESS SECTION START --> <section id="fn-success" class="fn-success section-padding"> <div class="container"> <div class="row number-counters"> <!-- SECTION HEADER --> <div class="fn-section-header"> <h2 class="section-title text-center">Success Stories</h2> <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan venenatis lectus <br>sed sollicitudin. Duis in odio ex. Sed elementum varius enim.</p> </div> <!-- / END SECTION HEADER --> <!-- COUNT ITEM 1 --> <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp animated" data-wow-duration="500ms"> <div class="counters-item"> <i class="fa fa-heart fa-3x"></i> <strong>4250</strong> <p>Donate Heart</p> </div> </div> <!-- COUNT ITEM 2 --> <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="300ms"> <div class="counters-item"> <i class="fa fa-users fa-3x"></i> <strong>1120</strong> <p>Save Life</p> </div> </div> <!-- COUNT ITEM 3 --> <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="600ms"> <div class="counters-item"> <i class="fa fa-home fa-3x"></i> <strong>4760</strong> <p>Donate Houses</p> </div> </div> <!-- COUNT ITEM 4 --> <div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="900ms"> <div class="counters-item"> <i class="fa fa-money fa-3x"></i> <strong>9.5K</strong> <p>Donate Money</p> </div> </div> </div> </div> </section> <!-- / END SUCCESS SECTION --> <!-- GALLERY SECTION START --> <section id="gallery" class="section-padding"> <div class="container"> <!-- SECTION HEADER --> <div class="fn-section-header"> <h2 class="section-title text-center">Our Gallery</h2> <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan venenatis lectus <br>sed sollicitudin. Duis in odio ex. Sed elementum varius enim.</p> </div> <!-- / END SECTION HEADER --> <!-- GALLERY FILTER --> <div class="text-center"> <ul class="gallery-filter"> <li><a class="active" href="#" data-filter="*">All</a> </li> <li><a href="#" data-filter=".charity">Charity</a> </li> <li><a href="#" data-filter=".children">Children</a> </li> <li><a href="#" data-filter=".nature">Nature</a> </li> </ul> </div> <!-- GALLERY ITEMS --> <div class="gallery-items wow bounceInUp animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s"> <!-- GALLERY ITEM 1 --> <div class="gallery-item charity"> <div class="gallery-item-inner"> <img class="img-responsive" src="images/gallery/01.jpg" alt=""> <div class="gallery-info"> <h3>Lorem ipsum</h3> Lorem ipsum dolor sit amet <a class="preview" href="images/gallery/01.jpg" data-gal="prettyPhoto"><i class="fa fa-eye"></i></a> </div> </div> </div> <!-- GALLERY ITEM 2 --> <div class="gallery-item children nature"> <div class="gallery-item-inner"> <img class="img-responsive" src="images/gallery/02.jpg" alt=""> <div class="gallery-info"> <h3>Lorem ipsum</h3> Lorem ipsum dolor sit amet <a class="preview" href="images/gallery/02.jpg" data-gal="prettyPhoto"><i class="fa fa-eye"></i></a> </div> </div> </div> <!-- GALLERY ITEM 3 --> <div class="gallery-item charity"> <div class="gallery-item-inner"> <img class="img-responsive" src="images/gallery/03.jpg" alt=""> <div class="gallery-info"> <h3>Lorem ipsum</h3> Lorem ipsum dolor sit amet <a class="preview" href="images/gallery/03.jpg" data-gal="prettyPhoto"><i class="fa fa-eye"></i></a> </div> </div> </div> <!-- GALLERY ITEM 4 --> <div class="gallery-item children"> <div class="gallery-item-inner"> <img class="img-responsive" src="images/gallery/04.jpg" alt=""> <div class="gallery-info"> <h3>Lorem ipsum</h3> Lorem ipsum dolor sit amet <a class="preview" href="images/gallery/04.jpg" data-gal="prettyPhoto"><i class="fa fa-eye"></i></a> </div> </div> </div> <!-- GALLERY ITEM 5 --> <div class="gallery-item charity nature"> <div class="gallery-item-inner"> <img class="img-responsive" src="images/gallery/05.jpg" alt=""> <div class="gallery-info"> <h3>Lorem ipsum</h3> Lorem ipsum dolor sit amet <a class="preview" href="images/gallery/05.jpg" data-gal="prettyPhoto"><i class="fa fa-eye"></i></a> </div> </div> </div> <!-- GALLERY ITEM 6 --> <div class="gallery-item children"> <div class="gallery-item-inner"> <img class="img-responsive" src="images/gallery/06.jpg" alt=""> <div class="gallery-info"> <h3>Lorem ipsum</h3> Lorem ipsum dolor sit amet <a class="preview" href="images/gallery/06.jpg" data-gal="prettyPhoto"><i class="fa fa-eye"></i></a> </div> </div> </div> <!-- GALLERY ITEM 7 --> <div class="gallery-item charity nature"> <div class="gallery-item-inner"> <img class="img-responsive" src="images/gallery/07.jpg" alt=""> <div class="gallery-info"> <h3>Lorem ipsum</h3> Lorem ipsum dolor sit amet <a class="preview" href="images/gallery/07.jpg" data-gal="prettyPhoto"><i class="fa fa-eye"></i></a> </div> </div> </div> <!-- GALLERY ITEM 8 --> <div class="gallery-item children"> <div class="gallery-item-inner"> <img class="img-responsive" src="images/gallery/08.jpg" alt=""> <div class="gallery-info"> <h3>Lorem ipsum</h3> Lorem ipsum dolor sit amet <a class="preview" href="images/gallery/08.jpg" data-gal="prettyPhoto"><i class="fa fa-eye"></i></a> </div> </div> </div> </div> </div> </section> <!-- / END GALLERY SECTION --> <!-- TESTIMONIAL SECTION START --> <section id="testimonials" class="testimonial section-padding"> <div class="container"> <!-- SECTION HEADER --> <div class="fn-section-header"> <h2 class="section-title text-center">Testimonials</h2> <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan venenatis lectus <br>sed sollicitudin. Duis in odio ex. Sed elementum varius enim.</p> </div> <!-- / END SECTION HEADER --> <!-- TESTIMONIALS --> <div class="row"> <div class="col-md-12"> <div id="fn-feedbacks" class="owl-carousel owl-theme"> <!-- TESTIMONIAL 1--> <div class="feedback-box wow rollIn animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s"> <div class="message"> "Aenean nonummy hendrerit mau phasellu porta. Fusce suscipit varius mi sed. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio morbi. Ut viverra mauris justo, quis auctor nisi. Suspendisse sit amet diam diam, eget." </div> <div class="client"> <div class="client-info"> <a class="client-name" href="#">John Smith</a> <div class="client-company"> Founder, Great Company </div> </div> <div class="client-image hidden-xs"> <img src="images/testimonial/testimonial1.jpg" alt=""> </div> </div> </div> <!-- TESTIMONIAL 2--> <div class="feedback-box wow rollIn animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s"> <div class="message"> “Aenean nonummy hendrerit mau phasellu porta. Fusce suscipit varius mi sed. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio morbi. Ut viverra mauris justo, quis auctor nisi. Suspendisse sit amet diam diam, eget.” </div> <div class="client"> <div class="client-info"> <a class="client-name" href="#">Cristina Deo</a> <div class="client-company"> Project manager, Rft tech </div> </div> <div class="client-image hidden-xs"> <img src="images/testimonial/testimonial2.jpg" alt=""> </div> </div> </div> <!-- TESTIMONIAL 3--> <div class="feedback-box wow rollIn animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s"> <div class="message"> “Aenean nonummy hendrerit mau phasellu porta. Fusce suscipit varius mi sed. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio morbi. Ut viverra mauris justo, quis auctor nisi. Suspendisse sit amet diam diam, eget.” </div> <div class="client"> <div class="client-info"> <a class="client-name" href="#">Anton Kovalsky</a> <div class="client-company"> Manager, Company inc. </div> </div> <div class="client-image hidden-xs"> <img src="images/testimonial/testimonial3.jpg" alt=""> </div> </div> </div> <!-- TESTIMONIAL 4--> <div class="feedback-box wow rollIn animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s"> <div class="message"> “Aenean nonummy hendrerit mau phasellu porta. Fusce suscipit varius mi sed. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio morbi. Ut viverra mauris justo, quis auctor nisi. Suspendisse sit amet diam diam, eget.” </div> <div class="client"> <div class="client-info"> <a class="client-name" href="#">Adrian Steve</a> <div class="client-company"> CEO, XYZ Corp inc. </div> </div> <div class="client-image hidden-xs"> <img src="images/testimonial/testimonial4.jpg" alt=""> </div> </div> </div> <!-- TESTIMONIAL 5--> <div class="feedback-box wow rollIn animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s"> <div class="message"> “Aenean nonummy hendrerit mau phasellu porta. Fusce suscipit varius mi sed. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio morbi. Ut viverra mauris justo, quis auctor nisi. Suspendisse sit amet diam diam, eget.” </div> <div class="client"> <div class="client-info"> <a class="client-name" href="#">David Clyne</a> <div class="client-company"> Lead developer, Fx IT </div> </div> <div class="client-image hidden-xs"> <img src="images/testimonial/testimonial5.jpg" alt=""> </div> </div> </div> <!-- TESTIMONIAL 6--> <div class="feedback-box wow rollIn animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s"> <div class="message"> “Aenean nonummy hendrerit mau phasellu porta. Fusce suscipit varius mi sed. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio morbi. Ut viverra mauris justo, quis auctor nisi. Suspendisse sit amet diam diam, eget.” </div> <div class="client"> <div class="client-info"> <a class="client-name" href="#">Keith McCarthy</a> <div class="client-company"> CEO, Znit rex. </div> </div> <div class="client-image hidden-xs"> <img src="images/testimonial/testimonial6.jpg" alt=""> </div> </div> </div> </div> </div> </div> </div> </section> <!-- / END TESTIMONIAL SECTION --> <!-- CONTACT SECTION START --> <section id="contact" class="section-padding"> <div class="container"> <div class="row"> <!-- SECTION HEADER --> <div class="fn-section-header"> <h2 class="section-title text-center">Get in Touch</h2> <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan venenatis lectus <br>sed sollicitudin. Duis in odio ex. Sed elementum varius enim.</p> </div> <!-- / END SECTION HEADER --> <div class="col-md-4 centered"> <i class="fa fa-map-marker fa-2x"></i> <p>265 6th Avenue, 5th Floor, <br> New York, NY 10001 </p> </div> <div class="col-md-4"> <i class="fa fa-envelope-o fa-2x"></i> <p>info@yourcompany.com</p> </div> <div class="col-md-4"> <i class="fa fa-phone fa-2x"></i> <p> +1 200 123 4567</p> </div> </div> <div class="row"> <div class="col-lg-8 col-lg-offset-2 centered"> <form action="sendemail.php" id="contactus" method="post" class="form"> <div class="row"> <div class="col-xs-6 col-md-6 form-group"> <input class="form-control" id="name" name="cf_name" placeholder="Name" type="text" required /> </div> <div class="col-xs-6 col-md-6 form-group"> <input class="form-control" id="email" name="cf_email" placeholder="Email" type="email" required /> </div> </div> <textarea class="form-control" id="message" name="cf_message" placeholder="Message" rows="5"></textarea> <div class="row"> <div class="col-xs-12 col-md-12"> <button class="btn btn btn-lg" type="submit">Send Message</button> </div> </div> </form> </div> </div> </div> </section> <!-- / END CONTACT SECTION --> <!-- FOOTER SECTION START --> <section id="fn-footer" class="fn-footer"> <div class="container"> <div class="row"> <!-- FOOTER WIDGET 1 --> <div class="col-sm-3 col-lg-3"> <div class="widget"> <h4>Get in touch with us</h4> <address> 265 6th Avenue, 5th Floor, <br> New York, NY 10001<br> </address> <p> <i class="icon-phone"></i> +1 200 123 4567<br> <i class="icon-envelope-alt"></i> info@yourcompany.com </p> </div> </div> <!-- FOOTER WIDGET 2 --> <div class="col-sm-3 col-lg-3"> <div class="widget"> <h4>Pages</h4> <ul class="link-list"> <li><a href="#">About us</a></li> <li><a href="#">Lastest news</a></li> <li><a href="#">Privacy policy</a></li> <li><a href="#">Terms and conditions</a></li> <li><a href="#">Contact us</a></li> </ul> </div> </div> <!-- FOOTER WIDGET 3 --> <div class="col-sm-3 col-lg-3"> <div class="widget"> <h4>Links</h4> <ul class="link-list"> <li><a href="#">Our donors</a></li> <li><a href="#">Events</a></li> <li><a href="#">Forums</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Press release</a></li> </ul> </div> </div> <!-- FOOTER WIDGET 4 --> <div class="col-sm-3 col-lg-3"> <div class="widget"> <h4>Subscribe</h4> <p>Get the latest update from us by subscribing to our newsletter.</p> <div class="form-group multiple-form-group input-group"> <input type="email" name="email" class="form-control"> <span class="input-group-btn"> <button type="button" class="btn btn-theme btn-add">Subscribe</button> </span> </div> </div> </div> </div> </div> <!-- FOOTER BOTTOM --> <div id="sub-footer"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="copyright"> <p> <span>© Fairness 2015; All rights reserved. Design By </span><a href="http://hqdfx.0wakme6.cn/">鍢垮捇鎽镐笅闈㈠姩鎬?/a> </p> </div> </div> <div class="col-lg-6"> <ul class="social-network"> <li><a href="#" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li> <li><a href="#" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li> <li><a href="#" data-placement="top" title="Linkedin"><i class="fa fa-linkedin"></i></a></li> <li><a href="#" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a></li> <li><a href="#" data-placement="top" title="Google plus"><i class="fa fa-google-plus"></i></a></li> </ul> </div> </div> </div> </div> </section> <!-- / END FOOTER SECTION --> <!-- JS --> <!-- jquery js --> <script src="js/jquery.min.js"></script> <!-- bootstrap js --> <script type="text/javascript" src="js/bootstrap.min.js"></script> <!-- retina js --> <script type="text/javascript" src="js/retina.js"></script> <!-- prettyPhoto js --> <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script> <!-- easing js --> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <!-- isotope js --> <script type="text/javascript" src="js/jquery.isotope.min.js"></script> <!-- mousescroll js --> <script type="text/javascript" src="js/mousescroll.js"></script> <!-- smoothscroll js --> <script type="text/javascript" src="js/smoothscroll.js"></script> <!-- inview js --> <script type="text/javascript" src="js/jquery.inview.min.js"></script> <!-- owl carousel js --> <script type="text/javascript" src="js/owl.carousel.min.js"></script> <!-- wow js --> <script src="js/wow.min.js"></script> <script> new WOW().init(); </script> <!-- Main js --> <script type="text/javascript" src="js/main.js"></script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <p>友情鏈接:</p> <p>  <a href="http://r84a5.i44c4kc.cn/" title="欧州肥婆" target="_blank">欧州肥婆</a>| <a href="http://f6mrz.s4ukka4.cn/" title="教授和女学生" target="_blank">教授和女学生</a>| <a href="http://um4an.uwawmy0.cn/" title="亚洲 欧洲 日产 韩国" target="_blank">亚洲 欧洲 日产 韩国</a>| <a href="http://zwb1w.80s8qeq.cn/" title="美国人做人爱视频播放" target="_blank">美国人做人爱视频播放</a>| <a href="http://zzqf0.2u46goy.cn/" title="67194成手机在线" target="_blank">67194成手机在线</a>| <a href="http://i9ydr.iowa08c.cn/" title="欧美z000z猪" target="_blank">欧美z000z猪</a>| <a href="http://ldnpt.02kmuoo.cn/" title="嘿嘿嘿高难度动作图解" target="_blank">嘿嘿嘿高难度动作图解</a>| </p> </body> </html>