tum
/
whitesports


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376
							<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Eco Green Template | Home page</title>

<!-- Stylesheets -->

<link href="css/bootstrap.css" rel="stylesheet">

<link href="css/revolution-slider.css" rel="stylesheet">

<link href="css/style.css" rel="stylesheet">

<!--Favicon-->

<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">

<link rel="icon" href="images/favicon.ico" type="image/x-icon">

<!-- Responsive -->

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<link href="css/responsive.css" rel="stylesheet">

<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->

<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->

</head>


<body>

<div class="page-wrapper"> 	

    <!-- Preloader -->

 	
    <!-- .preloader -->

    <div class="preloader"></div>

    <!-- /.preloader -->


    <!--Header search-->

    <section class="header-search">

        <div class="container">

            <div class="row">

                <div class="col-md-12 col-sm-12 col-xs-12">

                <div class="search-form pull-right">

                        <form action="#">

                            <div class="search">

                                <input type="search" name="search" value="" placeholder="Search Something">

                                <button type="submit"><span class="fa fa-search" aria-hidden="true"></span></button>

                            </div>

                        </form>

                    </div>

                </div>

            </div>

        </div>

    </section>

    <!--End Header search-->


    <!-- Main Header-->

    <header class="main-header">

        <div class="header-top">

            <div class="container">

                <div class="info-outer clearfix">

                    <ul class="main-header-info pull-left">

                        <li><i class="fa fa-phone" aria-hidden="true"></i>Call: &nbsp; 123 4561 5523 </li>

                        <li><i class="fa fa-envelope" aria-hidden="true"></i><a href="#">Email:&nbsp; info@templatepath.com</a></li>

                    </ul>

                    <div class="header-top-info pull-right">

                        <div class="header-info">

                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>

                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>

                            <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>

                            <li><a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a></li>

                        </div>

                        <button class="donate-box-btn">donate now</button>

                    </div>

                </div>

            </div>

        </div>                    

        <div class="header-lower">

            <div class="container">

                <div class="header-area clearfix">

                    <div class="logo pull-left">

                        <figure>

                            <a href="index.html"><img src="images/logo.png" alt=""></a>

                        </figure>

                    </div>

                    <nav class="main-menu pull-right">

                        <div class="navbar-header clearfix">

                            <!-- Toggle Button -->      

                            <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>

                        </div>

                        
                        <div class="navbar-collapse collapse clearfix">

                            <ul class="navigation clearfix">

                                <li class="current"><a href="index.html">Home</a></li>

                                <li><a href="about.html">About</a></li>

                                <li class="dropdown"><a href="#">Causes</a>

                                    <ul>

                                        <li><a href="causes.html">our causes</a></li>

                                        <li><a href="cause-details.html">causes details</a></li>

                                    </ul>

                                </li>

                                <li class="dropdown"><a href="#">events</a>

                                    <ul>

                                        <li><a href="events.html">events</a></li>

                                        <li><a href="events-details.html">events details</a></li>

                                    </ul>

                                </li>

                                <li class="dropdown"><a href="#">Pages</a>

                                    <ul>

                                        <li><a href="team.html">our team</a></li> 

                                        <li><a href="single-profile.html">single volateer</a></li> 

                                        <li><a href="gallery.html">our gallery</a></li> 

                                    </ul>

                                </li>

                                <li class="dropdown"><a href="#">Blog</a>

                                    <ul>

                                        <li><a href="blog.html">our blog</a></li>

                                        <li><a href="single-blog.html">blog details</a></li>

                                    </ul>

                                </li>

                                
                                <li><a href="contact-us.html">Contact</a></li>

                            </ul>

                        </div>                    

                    </nav>

                    <div class="search-button">

                        <div class="toggle-search">

                            <button><span class="fa fa-search" aria-hidden="true"></span></button>

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <div class="sticky-header">

        	<div class="container clearfix">

                <!--Logo-->

                <div class="logo">

                    <a href="index.html"><img src="images/logo.png" alt=""></a>

                </div>

                
                <!--Right Col-->

                <div class="right-col">

                    <!-- Main Menu -->

                    <nav class="main-menu">

                        <div class="navbar-header clearfix">

                            <!-- Toggle Button -->      

                            <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>

                        </div>

                        
                        <div class="navbar-collapse collapse clearfix">

                            <ul class="navigation clearfix">

                                <li class="current"><a href="index.html">Home</a></li>

                                <li><a href="about.html">About</a></li>

                                <li class="dropdown"><a href="#">Causes</a>

                                    <ul>

                                        <li><a href="causes.html">our causes</a></li>

                                        <li><a href="cause-details.html">causes details</a></li>

                                    </ul>

                                </li>

                                <li class="dropdown"><a href="#">events</a>

                                    <ul>

                                        <li><a href="events.html">events</a></li>

                                        <li><a href="events-details.html">events details</a></li>

                                    </ul>

                                </li>

                                <li class="dropdown"><a href="#">Pages</a>

                                    <ul>

                                        <li><a href="team.html">our team</a></li> 

                                        <li><a href="single-profile.html">single volateer</a></li> 

                                        <li><a href="gallery.html">our gallery</a></li> 

                                    </ul>

                                </li>

                                <li class="dropdown"><a href="#">Blog</a>

                                    <ul>

                                        <li><a href="blog.html">our blog</a></li>

                                        <li><a href="single-blog.html">blog details</a></li>

                                    </ul>

                                </li>

                                
                                <li><a href="contact-us.html">Contact</a></li>

                            </ul>

                        </div>                    

                    </nav><!-- Main Menu End-->

                </div>                

            </div>

        </div>

    </header>

    <!--End Main Header -->

    
    <!--Main Slider-->

    <section class="main-slider">

        <div class="tp-banner-container">

            <div class="tp-banner">

                <ul> 

                    <li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-thumb="images/main-slider/1.jpg"  data-saveperformance="off"  data-title="Awesome Title Here">

                        <img src="images/main-slider/1.jpg"  alt=""  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">                  

                        <div class="tp-caption sft sfb tp-resizeme"

                        data-x="left" data-hoffset="15"

                        data-y="center" data-voffset="-118"

                        data-speed="1500"

                        data-start="0"

                        data-easing="easeOutExpo"

                        data-splitin="none"

                        data-splitout="none"

                        data-elementdelay="0.01"

                        data-endelementdelay="0.3"

                        data-endspeed="1200"

                        data-endeasing="Power4.easeIn">

                            <h3>eco Green</h3>

                        </div> 

                        <div class="tp-caption sft sfb tp-resizeme"

                        data-x="left" data-hoffset="15"

                        data-y="center" data-voffset="-62"

                        data-speed="1500"

                        data-start="0"

                        data-easing="easeOutExpo"

                        data-splitin="none"

                        data-splitout="none"

                        data-elementdelay="0.01"

                        data-endelementdelay="0.3"

                        data-endspeed="1200"

                        data-endeasing="Power4.easeIn">

                            <h1>For our Future</h1>

                        </div>

                        <div class="tp-caption sft sfb tp-resizeme"

                        data-x="left" data-hoffset="15"

                        data-y="center" data-voffset="14"

                        data-speed="1500"

                        data-start="0"

                        data-easing="easeOutExpo"

                        data-splitin="none"

                        data-splitout="none"

                        data-elementdelay="0.01"

                        data-endelementdelay="0.3"

                        data-endspeed="1200"

                        data-endeasing="Power4.easeIn">

                            <p>Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia <br>deserunt mollit anim id est laborum.</p>

                        </div>                    

                        <div class="tp-caption sfb sfb tp-resizeme"

                        data-x="left" data-hoffset="20"

                        data-y="center" data-voffset="105"

                        data-speed="1500"

                        data-start="500"

                        data-easing="easeOutExpo"

                        data-splitin="none"

                        data-splitout="none"

                        data-elementdelay="0.01"

                        data-endelementdelay="0.3"

                        data-endspeed="1200"

                        data-endeasing="Power4.easeIn"><button class="btn-style-one donate-box-btn">donate now</button></div>

                    </li>

                    <li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-thumb="images/main-slider/2.jpg"  data-saveperformance="off"  data-title="Awesome Title Here">

                        <img src="images/main-slider/2.jpg"  alt=""  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">                   

                        <div class="tp-caption sft sfb tp-resizeme"

                        data-x="right" data-hoffset="-15"

                        data-y="center" data-voffset="-118"

                        data-speed="1500"

                        data-start="0"

                        data-easing="easeOutExpo"

                        data-splitin="none"

                        data-splitout="none"

                        data-elementdelay="0.01"

                        data-endelementdelay="0.3"

                        data-endspeed="1200"

                        data-endeasing="Power4.easeIn">

                            <h3>eco Green</h3>

                        </div> 

                        <div class="tp-caption sft sfb tp-resizeme"

                        data-x="right" data-hoffset="-15"

                        data-y="center" data-voffset="-62"

                        data-speed="1500"

                        data-start="0"

                        data-easing="easeOutExpo"

                        data-splitin="none"

                        data-splitout="none"

                        data-elementdelay="0.01"

                        data-endelementdelay="0.3"

                        data-endspeed="1200"

                        data-endeasing="Power4.easeIn">

                            <h1>For our Future</h1>

                        </div> 

                        <div class="tp-caption sft sfb tp-resizeme"

                        data-x="right" data-hoffset="-15"

                        data-y="center" data-voffset="14"

                        data-speed="1500"

                        data-start="0"

                        data-easing="easeOutExpo"

                        data-splitin="none"

                        data-splitout="none"

                        data-elementdelay="0.01"

                        data-endelementdelay="0.3"

                        data-endspeed="1200"

                        data-endeasing="Power4.easeIn">

                            <p class="text-right">Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia <br>deserunt mollit anim id est laborum.</p>

                        </div>                    

                        <div class="tp-caption sfb sfb tp-resizeme"

                        data-x="right" data-hoffset="-20"

                        data-y="center" data-voffset="105"

                        data-speed="1500"

                        data-start="500"

                        data-easing="easeOutExpo"

                        data-splitin="none"

                        data-splitout="none"

                        data-elementdelay="0.01"

                        data-endelementdelay="0.3"

                        data-endspeed="1200"

                        data-endeasing="Power4.easeIn"><button class="btn-style-one donate-box-btn">donate now</button></div>

                    </li>                   

                </ul>                

            	<div class="tp-bannertimer"></div>

            </div>

        </div>

    </section>

    <!--End Main Slider-->


    <!--couses-section-->

    <section class="about-section">

        <div class="container">

            <div class="sec-title text-center">

                <h3>Our Mission</h3>

                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do</p>

            </div>

            <div class="row">

                <div class="item-column col-md-4 col-sm-6 col-xs-12">

                    <div class="item-holder text-center">

                        <div class="icon-holder">

                            <div class="icon-box">

                                <span class="flaticon-faucet"></span>

                            </div>

                        </div>

                        <div class="item-content">

                            <a href="#"><h5>Save Our Water</h5></a>

                            <p>Excepteur sint occaecat cupidatat non <br>proident sunt in culpa qui officia <br>deserunt</p>

                            <div class="link-btn">

                                <a href="#" class="btn-style-two">read more</a>

                            </div>              

                        </div>

                    </div>

                </div>

                <div class="item-column col-md-4 col-sm-6 col-xs-12">

                    <div class="item-holder text-center">

                        <div class="icon-holder">

                            <div class="icon-box">

                                <span class="flaticon-forest"></span>

                            </div>

                        </div>

                        <div class="item-content">

                            <a href="#"><h5>Save Our Water</h5></a>

                            <p>Excepteur sint occaecat cupidatat non <br>proident sunt in culpa qui officia <br>deserunt</p>

                            <div class="link-btn">

                                <a href="#" class="btn-style-two">read more</a>

                            </div>              

                        </div>

                    </div>

                </div>

                <div class="item-column col-md-4 col-sm-6 col-xs-12">

                    <div class="item-holder text-center">

                        <div class="icon-holder">

                            <div class="icon-box">

                                <span class="flaticon-recycle-symbol-of-three-arrows"></span>

                            </div>

                        </div>

                        <div class="item-content">

                            <a href="#"><h5>Save Our Water</h5></a>

                            <p>Excepteur sint occaecat cupidatat non <br>proident sunt in culpa qui officia <br>deserunt</p>

                            <div class="link-btn">

                                <a href="#" class="btn-style-two">read more</a>

                            </div>              

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </section>

    <!--End couses-section-->


    <!--welcome-section-->

    <section class="welcome-section">

        <div class="container">

            <div class="image-container">

                <div class="row">

                    <div class="col-lg-6 col-md-4 col-sm-12 col-xs-12">

                        <div class="image-column">

                            <div class="image-box">

                                <figure>

                                    <img src="images/resource/1.jpg" alt="">

                                </figure>

                            </div>

                        </div>                            

                    </div>

                    <div class="col-lg-6 col-md-8 col-sm-12 col-xs-12">

                        <div class="image-column">

                            <div class="image-content">

                                <div class="section-title">

                                    <h3>Urgent Cause</h3>

                                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit</p>

                                </div>

                                <a href="#"><h4>Raise fund <br>for Tree Plant</h4></a>

                                <div class="causes-progress">

                                    <div class="progress-item">

                                        <div class="progress" data-value="70">

                                            <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">

                                                <div class="value-holder"><span class="value"></span>%</div>

                                            </div>

                                        </div>

                                    </div>

                                    <ul class="list-inline">

                                        <li>Raised: <span>$40,000</span></li>

                                        <li class="text-thm">Goal: <span>$50,000</span></li>

                                    </ul>

                                </div>

                                <div class="content-text">

                                    <p>Commodo consequat. Duis aute irure dolor in reprehenderit in voluptate <br>velit esse cillum dolore eu fugiat.nulla.pariatur. Excepteur sint occaecat <br>cupidatat non proident.</p>

                                </div>

                                <button class="btn-style-one donate-box-btn">donate now</button>

                            </div>

                        </div>                            

                    </div>

                </div>

            </div>

        </div>

    </section>

    <!--End welcome-section-->


    <!--volunteers-section-->

    <section class="volunteers-section">

        <div class="container">

            <div class="sec-title text-center">

                <h3>Our Volunteers</h3>

                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do</p>

            </div>

            <div class="row">

                <div class="col-md-4 col-sm-6 col-xs-12">

                    <div class="image-holder text-center">

                        <div class="image-box">

                            <figure>

                                <img src="images/resource/2.jpg" alt="">

                            </figure>

                            <div class="overly-box">

                                <div class="contact-list">

                                    <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>

                                    <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>

                                    <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>

                                    <a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>

                                </div>

                            </div>

                        </div>

                        <div class="image-content">

                            <a href="single-profile.html"><h5>Linda Feldman</h5>

                            <span>Fund Organaizer</span></a>

                            <p>Duis aute irure dolor in voluptate velit esse <br>cillum dolore eu fugiat nulla pariatur <br>excepteur sint. </p>

                            <div class="link-btn">

                                <a href="single-profile.html" class="btn-style-two">view details</a>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="col-md-4 col-sm-6 col-xs-12">

                    <div class="image-holder text-center">

                        <div class="image-box">

                            <figure>

                                <img src="images/resource/3.jpg" alt="">

                            </figure>

                            <div class="overly-box">

                                <div class="contact-list">

                                    <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>

                                    <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>

                                    <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>

                                    <a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>

                                </div>

                            </div>

                        </div>

                        <div class="image-content">

                            <a href="single-profile.html"><h5>Tony Brown</h5></a>

                            <span>Fund Organaizer</span>

                            <p>Duis aute irure dolor in voluptate velit esse <br>cillum dolore eu fugiat nulla pariatur <br>excepteur sint. </p>

                            <div class="link-btn">

                                <a href="single-profile.html" class="btn-style-two">view details</a>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="col-md-4 col-sm-6 col-xs-12">

                    <div class="image-holder text-center">

                        <div class="image-box">

                            <figure>

                                <img src="images/resource/4.jpg" alt="">

                            </figure>

                            <div class="overly-box">

                                <div class="contact-list">

                                    <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>

                                    <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>

                                    <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>

                                    <a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>

                                </div>

                            </div>

                        </div>

                        <div class="image-content">

                            <a href="single-profile.html"><h5>Jessica Tailor</h5></a>

                            <span>Fund Organaizer</span>

                            <p>Duis aute irure dolor in voluptate velit esse <br>cillum dolore eu fugiat nulla pariatur <br>excepteur sint. </p>

                            <div class="link-btn">

                                <a href="single-profile.html" class="btn-style-two">view details</a>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </section>

    <!--End volunteers-section-->


    <!--counter-section-->

    <section class="counter-section" style="background-image: url(./images/background/2.jpg)">

        <div class="container">

            <div class="counter-area">

                <div class="row">

                    <div class="col-md-3 col-sm-6 col-xs-12">

                        <div class="fact-counter text-center">

                            <span class="timer" data-from="0" data-to="670" data-speed="2000" data-refresh-interval="10">1</span>

                            <h6>Our Services</h6>

                        </div>

                    </div>

                    <div class="col-md-3 col-sm-6 col-xs-12">

                        <div class="fact-counter text-center">

                            <span class="timer" data-from="0" data-to="150" data-speed="2000" data-refresh-interval="10">1</span>

                            <h6>Our doctors</h6>

                        </div>

                    </div>

                    <div class="col-md-3 col-sm-6 col-xs-12">

                        <div class="fact-counter text-center">

                            <span class="timer" data-from="0" data-to="900" data-speed="2000" data-refresh-interval="10">1</span>

                            <h6>happy Donators</h6>

                        </div>

                    </div>

                    <div class="col-md-3 col-sm-6 col-xs-12">

                        <div class="fact-counter text-center">

                            <span class="timer" data-from="0" data-to="24" data-speed="2000" data-refresh-interval="10">1</span>

                            <h6>hours support</h6>

                        </div>

                    </div>

                </div>

            </div>

        </div>    

    </section>

    <!--End counter-section-->


    <!--gellary-section-->

    <section class="gallery-section">

        <div class="container">

            <div class="sec-title text-center">

                <h3>our gallery</h3>

                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do</p>

            </div>

            <div class="row inner-container">

                <div class="col-md-4 col-sm-6 col-xs-12">

                    <div class="inner-box">

                        <div class="img_holder">

                            <img src="images/gallery/1.jpg" alt="images" class="img-responsive">

                        </div>

                        <div class="overlay-box text-center">                       

                            <a href="images/gallery/1.jpg" class="fancybox"><i class="fa fa-picture-o" aria-hidden="true"></i></a>

                            <h5>tincidunt ipsum</h5>

                        </div> 

                    </div>                                           

                </div>

                <div class="col-md-4 col-sm-6 col-xs-12">

                    <div class="inner-box">

                        <div class="img_holder">

                            <img src="images/gallery/2.jpg" alt="images" class="img-responsive">

                        </div>

                        <div class="overlay-box text-center">

                            <a href="images/gallery/2.jpg" class="fancybox"><i class="fa fa-picture-o" aria-hidden="true"></i></a>

                            <h5>tincidunt ipsum</h5>

                        </div>  

                    </div>

                </div>

                <div class="col-md-4 col-sm-6 col-xs-12">

                    <div class="inner-box">

                        <div class="img_holder">

                            <img src="images/gallery/3.jpg" alt="images" class="img-responsive">

                        </div>

                        <div class="overlay-box text-center">

                            <a href="images/gallery/3.jpg" class="fancybox"><i class="fa fa-picture-o" aria-hidden="true"></i></a>

                            <h5>tincidunt ipsum</h5>

                        </div>  

                    </div>

                </div>

                <div class="col-md-4 col-sm-6 col-xs-12">

                    <div class="inner-box">

                        <div class="img_holder">

                            <img src="images/gallery/4.jpg" alt="images" class="img-responsive">

                        </div>

                        <div class="overlay-box text-center">

                            <a href="images/gallery/4.jpg" class="fancybox"><i class="fa fa-picture-o" aria-hidden="true"></i></a>

                            <h5>tincidunt ipsum</h5>

                        </div>  

                    </div>

                </div>

                <div class="col-md-4 col-sm-6 col-xs-12">

                    <div class="inner-box">

                        <div class="img_holder">

                            <img src="images/gallery/5.jpg" alt="images" class="img-responsive">

                        </div>

                        <div class="overlay-box text-center">

                            <a href="images/gallery/5.jpg" class="fancybox"><i class="fa fa-picture-o" aria-hidden="true"></i></a>

                            <h5>tincidunt ipsum</h5>

                        </div>  

                    </div>

                </div>

                <div class="col-md-4 col-sm-6 col-xs-12">

                    <div class="inner-box">

                        <div class="img_holder">

                            <img src="images/gallery/6.jpg" alt="images" class="img-responsive">

                        </div>

                        <div class="overlay-box text-center">

                            <a href="images/gallery/6.jpg" class="fancybox"><i class="fa fa-picture-o" aria-hidden="true"></i></a>

                            <h5>tincidunt ipsum</h5>

                        </div>  

                    </div>

                </div>

            </div>

            <div class="link-btn text-center">

                <a href="gallery.html" class="btn-style-one">view all</a>

            </div>

        </div>

    </section>

    <!--End gellary-section-->


    <!--donation-form section-->

    <div class="donation-form" style="background-image: url(./images/background/3.jpg);">

        <div class="container">

            <div class="row">

                <div class="col-md-6 col-sm-12 col-xs-12">

                    <div class="sponsor-logo">

                        <div class="row">

                            <div class="logo-column col-md-4 col-sm-6 col-xs-12">

                                <figure>

                                    <a href="#"><img src="images/clients/1.png" alt=""></a>

                                </figure>

                            </div>

                            <div class="logo-column col-md-4 col-sm-6 col-xs-12">

                                <figure>

                                    <a href="#"><img src="images/clients/2.png" alt=""></a>

                                </figure>

                            </div>

                            <div class="logo-column col-md-4 col-sm-6 col-xs-12">

                                <figure>

                                    <a href="#"><img src="images/clients/3.png" alt=""></a>

                                </figure>

                            </div>

                            <div class="logo-column col-md-4 col-sm-6 col-xs-12">

                                <figure>

                                    <a href="#"><img src="images/clients/4.png" alt=""></a>

                                </figure>

                            </div>

                            <div class="logo-column col-md-4 col-sm-6 col-xs-12">

                                <figure>

                                    <a href="#"><img src="images/clients/5.png" alt=""></a>

                                </figure>

                            </div>

                            <div class="logo-column col-md-4 col-sm-6 col-xs-12">

                                <figure>

                                    <a href="#"><img src="images/clients/6.png" alt=""></a>

                                </figure>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="col-md-6 col-sm-12 col-xs-12">

                    <div class="comment-box">                      

                        <div class="default-form-area">

                            <h3>Make a Donation</h3>

                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit <br> sed do eiusmod incididunt labore.</p>

                            <form  action="#" class="donate-form default-form">

                                <div class="row">

                                    <div class="col-md-12 col-sm-12 col-xs-12">

                                        <div class="form-group payment-options">

                                            <h6>payment type</h6>

                                            <div class="option-block">

                                                <div class="radio">

                                                    <label>

                                                        <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>

                                                        One Time

                                                    </label>

                                                </div>

                                                <div class="radio">

                                                    <label>

                                                        <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">

                                                        Recurring

                                                    </label>

                                                </div>

                                            </div>   

                                        </div>

                                    </div>

                                    <div class="col-md-6 col-sm-12 col-xs-12">

                                        <div class="form-group">

                                            <h6>I Want to Donate for</h6>

                                            <select class="text-capitalize selectpicker form-control required" name="form_subject" data-style="g-select" data-width="100%">

                                                <option>I Want to Donate for</option>

                                                <option>Insurance</option>

                                                <option>Finance</option>

                                            </select>

                                        </div>

                                    </div>

                                    <div class="col-md-6 col-sm-12 col-xs-12">

                                        <div class="form-group">

                                            <h6>Currency</h6>

                                            <select class="text-capitalize selectpicker form-control required" name="form_subject" data-style="g-select" data-width="100%">

                                                <option>Currency</option>

                                                <option>Insurance</option>

                                                <option>Finance</option>

                                            </select>

                                        </div>

                                    </div>

                                    <div class="col-md-12 col-sm-12 col-xs-12">

                                        <div class="form-group mar-btm">

                                            <h6>How much do you want to donate?</h6>

                                            <select class="text-capitalize selectpicker form-control required" name="form_subject" data-style="g-select" data-width="100%">

                                                <option value="0" selected="">$50</option>

                                                <option>Insurance</option>

                                                <option>Finance</option>

                                            </select>

                                        </div>

                                    </div>

                                    <div class="col-md-12 col-sm-12 col-xs-12">

                                        <div class="form-group">

                                            <button class="btn-style-one donate-box-btn" type="submit"> donate now </button>

                                        </div>

                                    </div>

                                </div>                              

                            </form>

                        </div> 

                    </div>

                </div>

            </div>

        </div>

    </div>

    <!--End donation-form section-->


    <!--events-section-->

    <section class="events-section">

        <div class="container">

            <div class="row">

                <div class="col-md-6 col-sm-12 col-xs-12">

                    <div class="sec-title">

                        <h4>Upcoming Event</h4>

                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do</p>

                    </div>

                    <div class="blog-side">

                        <div class="item">

                            <div class="image-box">

                                <figure>

                                    <a href="events-details.html"><img src="images/blog/3.jpg" alt=""></a>

                                </figure>

                                <div class="overly-text">

                                    <h5>20<br><span>jan</span></h5>

                                </div>

                            </div>

                            <div class="image-content">

                                <a href="events-details.html"><h5>Etiam vel neqe</h5></a>

                                <ul>

                                    <li><i class="fa fa-clock-o" aria-hidden="true"></i>9.00 AM - 11.00 PM</li>

                                    <li><i class="fa fa-map-marker" aria-hidden="true"></i>29 Newyork City</li>

                                </ul>

                                <p>Lorem ipsum dolor sit amet consectetur elit sed do eiusmod tempor incididunt</p>    

                            </div>

                        </div>

                        <div class="item">

                            <div class="image-box">

                                <figure>

                                    <a href="events-details.html"><img src="images/blog/4.jpg" alt=""></a>

                                </figure>

                                <div class="overly-text">

                                    <h5>20<br><span>jan</span></h5>

                                </div>

                            </div>

                            <div class="image-content">

                                <a href="events-details.html"><h5>ligula vitae eges</h5></a>

                                <ul>

                                    <li><i class="fa fa-clock-o" aria-hidden="true"></i>9.00 AM - 11.00 PM</li>

                                    <li><i class="fa fa-map-marker" aria-hidden="true"></i>29 Newyork City</li>

                                </ul>

                                <p>Lorem ipsum dolor sit amet consectetur elit sed do eiusmod tempor incididunt</p>    

                            </div>

                        </div>

                        <div class="item">

                            <div class="image-box">

                                <figure>

                                    <a href="events-details.html"><img src="images/blog/5.jpg" alt=""></a>

                                </figure>

                                <div class="overly-text">

                                    <h5>20<br><span>jan</span></h5>

                                </div>

                            </div>

                            <div class="image-content">

                                <a href="events-details.html"><h5>odio convallis</h5></a>

                                <ul>

                                    <li><i class="fa fa-clock-o" aria-hidden="true"></i>9.00 AM - 11.00 PM</li>

                                    <li><i class="fa fa-map-marker" aria-hidden="true"></i>29 Newyork City</li>

                                </ul>

                                <p>Lorem ipsum dolor sit amet consectetur elit sed do eiusmod tempor incididunt</p>    

                            </div>

                        </div>

                    </div>                 

                </div>

                <div class="col-md-6 col-sm-12 col-xs-12">

                    <div class="accordin-side">

                        <div class="sec-title">

                            <h4>Why Choose us?</h4>

                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do</p>

                        </div>

                        <div class="accordion-box">

                            <div class="accordion animated out" data-delay="0" data-animation="fadeInUp">

                                <div class="acc-btn">

                                    <h6>Imperdiet elit sed nulla porta</h6>

                                    <div class="toggle-icon">

                                        <i class="plus fa fa-angle-up"></i><i class="minus fa fa-angle-down"></i>

                                    </div>

                                </div>

                                <div class="acc-content">

                                    <p>Lorem ipsum dolor sit amet consectetur adipis elit sed do eiusmo tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.</p>

                                </div>

                            </div>

                            <div class="accordion animated out" data-delay="0" data-animation="fadeInUp">

                                <div class="acc-btn active">

                                    <h6>velit sed massa mollis porttitor</h6>

                                    <div class="toggle-icon">

                                        <i class="plus fa fa-angle-up"></i><i class="minus fa fa-angle-down"></i>

                                    </div>

                                </div>

                                <div class="acc-content collapsed">

                                    <p>Lorem ipsum dolor sit amet consectetur adipis elit sed do eiusmo tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.</p>

                                </div>

                            </div>

                            <div class="accordion animated out" data-delay="0" data-animation="fadeInUp">

                                <div class="acc-btn">

                                    <h6>Imperdiet elit sed nulla porta</h6>

                                    <div class="toggle-icon">

                                        <i class="plus fa fa-angle-up"></i><i class="minus fa fa-angle-down"></i>

                                    </div>

                                </div>

                                <div class="acc-content">

                                    <p>Lorem ipsum dolor sit amet consectetur adipis elit sed do eiusmo tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.</p>

                                </div>

                            </div>

                            <div class="accordion animated out" data-delay="0" data-animation="fadeInUp">

                                <div class="acc-btn">

                                    <h6>Imperdiet elit sed nulla porta</h6>

                                    <div class="toggle-icon">

                                        <i class="plus fa fa-angle-up"></i><i class="minus fa fa-angle-down"></i>

                                    </div>

                                </div>

                                <div class="acc-content">

                                    <p>Lorem ipsum dolor sit amet consectetur adipis elit sed do eiusmo tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.</p>

                                </div>

                            </div>

                            <div class="accordion animated out" data-delay="0" data-animation="fadeInUp">

                                <div class="acc-btn">

                                    <h6>Imperdiet elit sed nulla porta</h6>

                                    <div class="toggle-icon">

                                        <i class="plus fa fa-angle-up"></i><i class="minus fa fa-angle-down"></i>

                                    </div>

                                </div>

                                <div class="acc-content">

                                    <p>Lorem ipsum dolor sit amet consectetur adipis elit sed do eiusmo tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.</p>

                                </div>

                            </div>

                        </div>

                    </div>                        

                </div>

            </div>

        </div>

    </section>

    <!--End events-section-->


    <!--testimonials Style-->

    <section class="testimonials-section" style="background-image: url(./images/testimonials/1.jpg);">

        <div class="container">              

            <!--Testimonial Carousel-->

            <div class="testimonial-carousel single-item-carousel">

                <!--Slide Item-->                                    

                <div class="slide-item">

                    <div class="inner-box text-center">

                        <div class="icon-box">

                            <i class="fa fa-quote-right" aria-hidden="true"></i>

                        </div>

                        <h5>“Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod <br>tempor incididunt ut labore</h5>

                        <div class="item">

                            <div class="image-box text-center">

                                <figure>

                                    <img src="images/testimonials/1.png" alt="">

                                </figure>

                            </div>

                            <div class="image-content">

                                <h6>Samanta Doe</h6>

                                <span>Fitness Analyst</span>

                            </div>

                        </div>

                    </div>

                </div>

                <!--Slide Item-->                  

                <div class="slide-item">

                    <div class="inner-box text-center">

                        <div class="icon-box">

                            <i class="fa fa-quote-right" aria-hidden="true"></i>

                        </div>

                        <h5>“Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod <br>tempor incididunt ut labore</h5>

                        <div class="item">

                            <div class="image-box">

                                <figure>

                                    <img src="images/testimonials/1.png" alt="">

                                </figure>

                            </div>

                            <div class="image-content">

                                <h6>Samanta Doe</h6>

                                <span>Fitness Analyst</span>

                            </div>    

                        </div>

                    </div>

                </div>

                <!--Slide Item-->                  

                <div class="slide-item">

                    <div class="inner-box text-center">

                        <div class="icon-box">

                            <i class="fa fa-quote-right" aria-hidden="true"></i>

                        </div>

                        <h5>“Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod <br>tempor incididunt ut labore</h5>

                        <div class="item">

                            <div class="image-box">

                                <figure>

                                    <img src="images/testimonials/1.png" alt="">

                                </figure>

                            </div>

                            <div class="image-content">

                                <h6>Samanta Doe</h6>

                                <span>Fitness Analyst</span>

                            </div>    

                        </div>

                    </div>

                </div>

            </div>                

        </div>

    </section>

    <!--End testimonials Style-->


    <!--testimonials Style-->

    <section class="news-section">

        <div class="container">

            <div class="section-title text-center">

                <h3>Latest news</h3>

                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do</p>

            </div>                 

            <!--Testimonial Carousel-->

            <div class="news-carousel two-column-carousel">

                <!--Slide Item-->                  

                <div class="slide-item clearfix">                    

                    <div class="image-box">

                        <figure>

                            <a href="single-blog.html"><img src="images/blog/1.jpg" alt=""></a>

                        </figure>

                        <div class="date-box text-center">

                            <h5>20<br><span>jan</span></h5>

                        </div>

                    </div>

                    <div class="inner-box">

                        <div class="info-outer">

                            <a href="single-blog.html"><h5>Curabitur ut erat</h5></a>

                            <ul>

                                <li><i class="fa fa-user" aria-hidden="true"></i>Admin</li>

                                <li><i class="fa fa-comments-o" aria-hidden="true"></i>29 Comments</li>

                            </ul>

                            <h6>Lorem ipsum dolor sit amet consectetur adipisicing sed do</h6>

                            <div class="link-btn">

                                <a href="single-blog.html">view details</a>

                            </div>

                        </div>

                    </div>

                </div>

                <!--Slide Item-->

                <div class="slide-item clearfix">                    

                    <div class="image-box">

                        <figure>

                            <a href="single-blog.html"><img src="images/blog/2.jpg" alt=""></a>

                        </figure>

                        <div class="date-box text-center">

                            <h5>20<br><span>jan</span></h5>

                        </div>

                    </div>

                    <div class="inner-box">

                        <div class="info-outer">

                            <a href="single-blog.html"><h5>Curabitur ut erat</h5></a>

                            <ul>

                                <li><i class="fa fa-user" aria-hidden="true"></i>Admin</li>

                                <li><i class="fa fa-comments-o" aria-hidden="true"></i>29 Comments</li>

                            </ul>

                            <h6>Lorem ipsum dolor sit amet consectetur adipisicing sed do</h6>

                            <div class="link-btn">

                                <a href="single-blog.html">view details</a>

                            </div>

                        </div>

                    </div>

                </div>

                <!--Slide Item-->

                <div class="slide-item clearfix">                    

                    <div class="image-box">

                        <figure>

                            <a href="single-blog.html"><img src="images/blog/1.jpg" alt=""></a>

                        </figure>

                        <div class="date-box text-center">

                            <h5>20<br><span>jan</span></h5>

                        </div>

                    </div>

                    <div class="inner-box">

                        <div class="info-outer">

                            <a href="single-blog.html"><h5>Curabitur ut erat</h5></a>

                            <ul>

                                <li><i class="fa fa-user" aria-hidden="true"></i>Admin</li>

                                <li><i class="fa fa-comments-o" aria-hidden="true"></i>29 Comments</li>

                            </ul>

                            <h6>Lorem ipsum dolor sit amet consectetur adipisicing sed do</h6>

                            <div class="link-btn">

                                <a href="single-blog.html">view details</a>

                            </div>

                        </div>

                    </div>

                </div>

                <!--Slide Item-->

                <div class="slide-item clearfix">                    

                    <div class="image-box">

                        <figure>

                            <a href="single-blog.html"><img src="images/blog/2.jpg" alt=""></a>

                        </figure>

                        <div class="date-box text-center">

                            <h5>20<br><span>jan</span></h5>

                        </div>

                    </div>

                    <div class="inner-box">

                        <div class="info-outer">

                            <a href="single-blog.html"><h5>Curabitur ut erat</h5></a>

                            <ul>

                                <li><i class="fa fa-user" aria-hidden="true"></i>Admin</li>

                                <li><i class="fa fa-comments-o" aria-hidden="true"></i>29 Comments</li>

                            </ul>

                            <h6>Lorem ipsum dolor sit amet consectetur adipisicing sed do</h6>

                            <div class="link-btn">

                                <a href="single-blog.html">view details</a>

                            </div>

                        </div>

                    </div>

                </div>

                <!--Slide Item-->

                <div class="slide-item clearfix">                    

                    <div class="image-box">

                        <figure>

                            <a href="single-blog.html"><img src="images/blog/1.jpg" alt=""></a>

                        </figure>

                        <div class="date-box text-center">

                            <h5>20<br><span>jan</span></h5>

                        </div>

                    </div>

                    <div class="inner-box">

                        <div class="info-outer">

                            <a href="single-blog.html"><h5>Curabitur ut erat</h5></a>

                            <ul>

                                <li><i class="fa fa-user" aria-hidden="true"></i>Admin</li>

                                <li><i class="fa fa-comments-o" aria-hidden="true"></i>29 Comments</li>

                            </ul>

                            <h6>Lorem ipsum dolor sit amet consectetur adipisicing sed do</h6>

                            <div class="link-btn">

                                <a href="single-blog.html">view details</a>

                            </div>

                        </div>

                    </div>

                </div>

                <!--Slide Item-->

                <div class="slide-item clearfix">                    

                    <div class="image-box">

                        <figure>

                            <a href="single-blog.html"><img src="images/blog/2.jpg" alt=""></a>

                        </figure>

                        <div class="date-box text-center">

                            <h5>20<br><span>jan</span></h5>

                        </div>

                    </div>

                    <div class="inner-box">

                        <div class="info-outer">

                            <a href="single-blog.html"><h5>Curabitur ut erat</h5></a>

                            <ul>

                                <li><i class="fa fa-user" aria-hidden="true"></i>Admin</li>

                                <li><i class="fa fa-comments-o" aria-hidden="true"></i>29 Comments</li>

                            </ul>

                            <h6>Lorem ipsum dolor sit amet consectetur adipisicing sed do</h6>

                            <div class="link-btn">

                                <a href="single-blog.html">view details</a>

                            </div>

                        </div>

                    </div>

                </div>

            </div>                

        </div>

    </section>

    <!--End testimonials Style-->


    <!--Main Footer-->

    <footer class="main-footer" style="background-image: url(./images/footer/4.jpg);">

    	<div class="container">

            <!--Widgets Section-->

            <div class="widgets-section">

            	<div class="row">                          

                    <!--Footer Column-->

                	<div class="footer-column col-md-3 col-sm-6 col-xs-12">

                    	<div class="about-widget">

                            <div class="footer-logo">

                                <a href="index.html"><img src="images/logo-2.png" alt=""></a>

                            </div> 

                            <div class="widget-content">

                            	<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin</p>

                                <p>Richard McClintock a Latin professor. <br>at Hampden-Sydney College in Virginia, looked up one of the more</p>

                            </div> 

                            <ul class="social-links">

                                <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>

                                <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>

                                <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>

                                <li><a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a></li>

                                <li><a href="#"><i class="fa fa-vimeo" aria-hidden="true"></i></a></li>

                            </ul>                 

                        </div>

                    </div>                    

                    <!--Footer Column-->

                	<div class="footer-column col-md-3 col-sm-6 col-xs-12">

                    	<div class="gallery-column">

                            <h5>Our Gallery</h5>

                            <div class="gallery-content">

                                <div class="item">

                                    <div class="image-box">

                                        <figure>

                                            <a href="gallery.html"><img src="images/footer/1.jpg" alt=""></a>

                                        </figure>

                                    </div>

                                    <a href="gallery.html"><h6>Ante eget ligula var</h6></a>

                                    <span>12 Augest 2016</span>

                                </div>

                                <div class="item">

                                    <div class="image-box">

                                        <figure>

                                            <a href="gallery.html"><img src="images/footer/2.jpg" alt=""></a>

                                        </figure>

                                    </div>

                                    <a href="gallery.html"><h6>Sed massa mollis</h6></a>

                                    <span>12 Augest 2016</span>

                                </div>

                                <div class="item">

                                    <div class="image-box">

                                        <figure>

                                            <a href="gallery.html"><img src="images/footer/3.jpg" alt=""></a>

                                        </figure>

                                    </div>

                                    <a href="gallery.html"><h6>Curabitur ut erat ac</h6></a>

                                    <span>12 Augest 2016</span>

                                </div>

                            </div>

                        </div>

                    </div> 

                    <!--Footer Column-->

                    <div class="footer-column col-md-3 col-sm-6 col-xs-12">

                        <div class="links-widget">

                            <h5>quick links</h5>

                            <ul class="links-list">

                                <li><a href="about.html"><i class="fa fa-angle-right" aria-hidden="true"></i>About Us</a></li>

                                <li><a href="causes.html"><i class="fa fa-angle-right" aria-hidden="true"></i>Causes</a></li>

                                <li><a href="gallery.html"><i class="fa fa-angle-right" aria-hidden="true"></i>Gallery</a></li>

                                <li><a href="team.html"><i class="fa fa-angle-right" aria-hidden="true"></i>Volunteers</a></li>

                                <li><a href="blog.html"><i class="fa fa-angle-right" aria-hidden="true"></i>Latest News</a></li>

                            </ul>

                        </div>

                    </div>             	                            

                    <!--Footer Column-->

                	<div class="footer-column col-md-3 col-sm-6 col-xs-12">

                        <div class="contact-links">

                            <h5>contact us</h5>

                            <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod.</span>

                            <div class="widget-content">

                                <div class="footer-info">

                                    <i class="fa fa-home" aria-hidden="true"></i>

                                    <h6>1201 park street,Fifth <br>Avenue,</h6>

                                </div>

                                <div class="footer-info">

                                    <i class="fa fa-phone" aria-hidden="true"></i>

                                    <h6>[88] 657 524 332</h6>

                                </div>

                                <div class="footer-info">

                                    <i class="fa fa-envelope-o" aria-hidden="true"></i>

                                    <a href="#"><h6>info@ecogreen.com</h6></a>

                                </div>

                            </div>

                        </div>

                        <div class="newsletter">

                            <h5>Newsletter</h5>

                            <div class="default-form-area">

                                <form method="post" action="index.html" class="subscribe-form">

                                    <div class="form-group">

                                        <input type="email" name="useremail" value="" placeholder="Email Address" required="">

                                        <button type="submit" data-loading-text="Please wait..."><i class="fa fa-long-arrow-right" aria-hidden="true"></i></button>

                                    </div>

                                </form>                               

                            </div>

                        </div>

                    </div>                 

                </div>

            </div>         

        </div>        

        <!--Footer Bottom-->

        <div class="footer-bottom">

        	<div class="container">

                <div class="text-center footer-text"><p>Copyright &copy; Ecogreen 2017. All Rights Reserved</p></div>

            </div>            

        </div>         

    </footer>

    <!--Main Footer-->


</div>

<!--End pagewrapper-->


<!--Scroll to top-->

<div class="scroll-to-top scroll-to-target" data-target=".main-header"><span class="icon fa fa-long-arrow-up"></span></div>


<div id="donate-popup" class="donate-popup">

    <div class="close-donate theme-btn"><span class="fa fa-close"></span></div>

    <div class="popup-inner">

        <div class="container">

            <div class="donate-form-area">

                <h2>Donation Information</h2>

                <h4>How much would you like to donate:</h4>

                <form  action="#" class="donate-form default-form">

                    <ul class="chicklet-list clearfix">

                        <li>

                            <input type="radio" id="donate-amount-1" name="donate-amount" />

                            <label for="donate-amount-1" data-amount="1000" >$1000</label>

                        </li>

                        <li>

                            <input type="radio" id="donate-amount-2" name="donate-amount" checked="checked" />

                            <label for="donate-amount-2" data-amount="2000">$2000</label>

                        </li>

                        <li>

                            <input type="radio" id="donate-amount-3" name="donate-amount" />

                            <label for="donate-amount-3" data-amount="3000">$3000</label>

                        </li>

                        <li>

                            <input type="radio" id="donate-amount-4" name="donate-amount" />

                            <label for="donate-amount-4" data-amount="4000">$4000</label>

                        </li>

                        <li>

                            <input type="radio" id="donate-amount-5" name="donate-amount" />

                            <label for="donate-amount-5" data-amount="5000">$5000</label>

                        </li>

                        <li class="other-amount">


                            <div class="input-container" data-message="Every dollar you donate helps end hunger.">

                                <span>Or</span><input type="text" id="other-amount" placeholder="Other Amount"  />

                            </div>

                        </li>

                    </ul>

                    <h3>Donor Information</h3>

                    <div class="form-bg">

                        <div class="row clearfix">

                            <div class="col-md-6 col-sm-6 col-xs-12">           

                                <div class="form-group">

                                    <p>Your Name*</p>

                                    <input type="text" name="fname" placeholder="">

                                </div>

                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <div class="form-group">

                                    <p>Email*</p>

                                    <input type="text" name="fname" placeholder="">

                                </div>

                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <div class="form-group">

                                    <p>Address*</p>

                                    <input type="text" name="fname" placeholder="">

                                </div>

                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-12">

                                <div class="form-group">

                                    <p>Phn Num*</p>

                                    <input type="text" name="fname" placeholder="">

                                </div>

                            </div>

                        </div>

                    </div>

                    <ul class="payment-option">

                        <li>

                            <h4>Choose your payment method:</h4>

                        </li>

                        <li>

                            <div class="checkbox">

                                <label>

                                    <input name="pay-us" type="checkbox">

                                    <span>Paypal</span>

                                </label>

                            </div>

                        </li>

                        <li>

                           <div class="checkbox">

                                <label>

                                    <input name="pay-us" type="checkbox">

                                    <span>Offline Donation</span>

                                </label>

                            </div> 

                        </li>

                        <li>

                            <div class="checkbox">

                                <label>

                                    <input name="pay-us" type="checkbox">

                                    <span>Credit Card</span>

                                </label>

                            </div>

                        </li>

                        <li>

                            <div class="checkbox">

                                <label>

                                    <input name="pay-us" type="checkbox">

                                    <span>Debit Card</span>

                                </label>

                            </div>

                        </li>

                    </ul>

                    <div class="center"><button class="btn-style-one" type="submit">Donate Now</button></div>          

                </form>

            </div>

        </div>

    </div>

</div>


<script src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery-2.1.4.js"></script> 

<script src="js/jquery.bxslider.min.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="js/bootstrap-select.min.js"></script>

<script type="text/javascript" src="js/jquery-ui.min.js"></script>

<script src="js/revolution.min.js"></script>

<script src="js/isotope.js"></script>

<script src="js/jquery.fancybox.pack.js"></script>

<script src="js/jquery.fancybox-media.js"></script>

<script src="js/html5lightbox.js"></script>

<script src="js/circle-progress.js"></script>

<script src="js/owl.js"></script>

<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>

<script src="js/masterslider/masterslider.js"></script>

<script src="js/owl.carousel.min.js"></script>

<script src="js/mixitup.js"></script>

<script src="js/validate.js"></script>

<script src="js/wow.js"></script>

<script src="js/jquery.appear.js"></script>

<script src="js/jquery.countTo.js"></script>

<script src="js/jquery.counterup.min.js"></script>

<script src="js/script.js"></script>

</body>

</html>