{template:header}

    <!-- Hero Area start -->
    <div class="hero-area bgs-cover overlay pt-155 pb-170" style="background-image: url(/static/image/hero.jpg);">
        <div class="container container-1370">
            <div class="hero-content text-center text-white">
                <h1>{Get_randTags(1)}</h1>
                <p>Only when the society comes together and contributesIt was popularised in the t we will be able to
                    make an impact.</p>
                <div class="hero-btns pt-30 rpt-10">
                    <a class="btn" href="#">Donate Now</a>
                    <a class="btn btn--yellow btn--style-two" href="#">Contac us</a>
                </div>
            </div>
        </div>
    </div>
    <!-- Hero Area end -->


    <!-- Urgent cause area start -->
    <div class="urgent-cause-area overlay bgs-cover pt-120 pb-90 rel z-1" style="background-image: url(/static/image/urgent-causes.jpg);">
        <div class="container container-1370">
            <div class="row gap-40">
                <div class="col-xl-3 col-md-6">
                    <div class="urgent-cause-content mb-30 rmb-65">
                        <div class="section-title mb-30">
                            <span class="section-title__subtitle mb-30">Urgent cause</span>
                            <h3>We help more than <span>9k children</span> every year</h3>
                        </div>
                        <p>BigHearts is the largest global crowdfunding community connecting nonprofits, donors, and
                            companies in nearly every country. We help nonprofits from</p>
                        <a class="btn ml-5 mt-35" href="#">View All causes</a>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="cause-item">
                        <div class="image">
                            <img src="/static/picture/cause1.jpg" alt="Cause">
                        </div>
                        <div class="content">
                            <h5><a href="causes.html">{Get_randTags(1)}</a></h5>
                            <p>You believe, as we do, that every child deserves a future. Every last child.</p>
                            <div class="cause-price">
                                <span>Raised : $87,689</span>
                                <span>Goal : $87,689</span>
                            </div>
                            <div class="progress">
                                <div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 75%">
                                </div>
                            </div>
                            <div class="cause-btn">
                                <a class="btn" href="#">查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="cause-item">
                        <div class="image">
                            <img src="/static/picture/cause2.jpg" alt="Cause">
                        </div>
                        <div class="content">
                            <h5><a href="causes.html">{Get_randTags(1)}</a></h5>
                            <p>You believe, as we do, that every child deserves a future. Every last child.</p>
                            <div class="cause-price">
                                <span>Raised : $87,689</span>
                                <span>Goal : $87,689</span>
                            </div>
                            <div class="progress">
                                <div class="progress-bar progress-bar--yellow progress-bar-animated progress-bar-striped" style="width: 60%"></div>
                            </div>
                            <div class="cause-btn">
                                <a class="btn btn--yellow" href="#">查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="cause-item">
                        <div class="image">
                            <img src="/static/picture/cause3.jpg" alt="Cause">
                        </div>
                        <div class="content">
                            <h5><a href="causes.html">{Get_randTags(1)}</a></h5>
                            <p>You believe, as we do, that every child deserves a future. Every last child.</p>
                            <div class="cause-price">
                                <span>Raised : $87,689</span>
                                <span>Goal : $87,689</span>
                            </div>
                            <div class="progress">
                                <div class="progress-bar progress-bar--green progress-bar-animated progress-bar-striped" style="width: 70%"></div>
                            </div>
                            <div class="cause-btn">
                                <a class="btn btn--green" href="#">查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="urgent-cause-shapes">
            <img class="one top_image_bounce" src="/static/picture/half-circle-with-dots.png" alt="Shape">
            <img class="two left_image_bounce" src="/static/picture/circle-with-line-red.png" alt="Shape">
            <img class="three right_image_bounce" src="/static/picture/circle-with-line-green.png" alt="Shape">
        </div>
    </div>
    <!-- Urgent cause area end -->


    <!-- About area start -->
    <div class="about-area py-120">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="about-image-part">
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="image">
                                    <img src="/static/picture/about1.jpg" alt="About">
                                </div>
                                <div class="project-complete mb-30">
                                    <div class="project-complete__icon">
                                        <i class="flaticon-charity"></i>
                                    </div>
                                    <div class="project-complete__content">
                                        <h5>{Get_randTags(1)}</h5>
                                        <span>Donet for charity</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="image mt-65 rmt-15 rel">
                                    <img src="/static/picture/about2.jpg" alt="About">
                                    <div class="experiences-years">
                                        <span class="experiences-years__number">25</span>
                                        <span class="experiences-years__text">Years Experiences</span>
                                    </div>
                                </div>
                                <div class="image">
                                    <img src="/static/picture/about3.jpg" alt="About">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-content-part rmt-65">
                        <div class="section-title mb-60">
                            <span class="section-title__subtitle mb-10">About us</span>
                            <h2>{Get_randTags(1)}</h2>
                        </div>
                        <p>There are many variations of passages of orem Ipsum available, but the majority have suffered
                            alteration in some form, by cted ipsum dolor sit amet, consectetur adipisicing elit, sed do
                            usmod mponcid idunt ut labore et dolore magna aliqua.</p>
                        <div class="counter-item counter-text-wrap mt-30">
                            <div class="counter-item__icon"><i class="flaticon-solidarity"></i></div>
                            <div class="counter-item__content">
                                <span class="count-text" data-speed="3000" data-stop="876000">0</span>
                                <span class="counter-title">Raised by 78,000 people in one year</span>
                            </div>
                        </div>
                        <div class="counter-item counter-text-wrap">
                            <div class="counter-item__icon counter-item__icon--green"><i class="flaticon-help"></i>
                            </div>
                            <div class="counter-item__content">
                                <span class="count-text" data-speed="3000" data-stop="45000">0</span>
                                <span class="counter-title">Volunteers are available to help you</span>
                            </div>
                        </div>
                        <a class="btn ml-5 mt-25" href="#">Didcover more</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- About area end -->


    <!-- Why Choose Us area start -->
    <div class="why-choose-area overlay py-120">
        <div class="container">
            <div class="row gap-100 align-items-center">
                <div class="col-lg-6">
                    <div class="why-choose-content text-white rmb-65">
                        <div class="section-title mb-60">
                            <span class="section-title__subtitle mb-10">Why Choose Us</span>
                            <h2>{Get_randTags(1)}</h2>
                        </div>
                        <div class="vission-mission-tab">
                            <ul class="nav mb-25" role="tablist">
                                <li class="nav-item">
                                    <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#mission">{Get_randTags(1)}</button>
                                </li>
                                <li class="nav-item">
                                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#vission">{Get_randTags(1)}</button>
                                </li>
                                <li class="nav-item">
                                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#velu">{Get_randTags(1)}</button>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane fade show active" id="mission">Our Mission: There are many
                                    variations of passages of Lorem Ipsum available, but the majority have suffered
                                    alteration in some form, by injected humour, or random aset words which don't look
                                    even slightly believable.</div>
                                <div class="tab-pane fade" id="vission">Our Vission: There are many variations of
                                    passages of Lorem Ipsum available, but the majority have suffered alteration in some
                                    form, by injected humour, or random aset words which don't look even slightly
                                    believable.</div>
                                <div class="tab-pane fade" id="velu">Our Company Velu: There are many variations of
                                    passages of Lorem Ipsum available, but the majority have suffered alteration in some
                                    form, by injected humour, or random aset words which don't look even slightly.</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="why-choose-video">
                        <div class="video rel">
                            <img src="/static/picture/video-bg.jpg" alt="Video">
                            <a class="video-play video-play--one" href="#" data-effect="mfp-zoom-in"><i class="fa fa-play"></i></a>
                        </div>
                        <img class="leaf-shape top_image_bounce" src="/static/picture/three-round-green.png" alt="Shape">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Why Choose Us area end -->


    <!-- Our cause area start -->
    <div class="our-cause-area pt-120 pb-90 rel z-1">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-6 col-lg-8 col-md-10">
                    <div class="section-title text-center mb-50">
                        <span class="section-title__subtitle mb-10">Our Causes</span>
                        <h3>{Get_randTags(1)}</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem autem voluptatem obcaecati
                            consectetur adipisicing</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-3 col-md-6">
                    <div class="cause-item">
                        <div class="image">
                            <img src="/static/picture/cause1.jpg" alt="Cause">
                        </div>
                        <div class="content">
                            <h5><a href="causes.html">{Get_randTags(1)}</a></h5>
                            <p>You believe, as we do, that every child deserves a future. Every last child.</p>
                            <div class="cause-price">
                                <span>Raised : $87,689</span>
                                <span>Goal : $87,689</span>
                            </div>
                            <div class="progress">
                                <div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 75%">
                                </div>
                            </div>
                            <div class="cause-btn">
                                <a class="btn" href="#">查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="cause-item">
                        <div class="image">
                            <img src="/static/picture/cause3.jpg" alt="Cause">
                        </div>
                        <div class="content">
                            <h5><a href="causes.html">{Get_randTags(1)}</a></h5>
                            <p>You believe, as we do, that every child deserves a future. Every last child.</p>
                            <div class="cause-price">
                                <span>Raised : $87,689</span>
                                <span>Goal : $87,689</span>
                            </div>
                            <div class="progress">
                                <div class="progress-bar progress-bar--green progress-bar-animated progress-bar-striped" style="width: 70%"></div>
                            </div>
                            <div class="cause-btn">
                                <a class="btn btn--green" href="#">查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="cause-item">
                        <div class="image">
                            <img src="/static/picture/cause2.jpg" alt="Cause">
                        </div>
                        <div class="content">
                            <h5><a href="causes.html">{Get_randTags(1)}</a></h5>
                            <p>You believe, as we do, that every child deserves a future. Every last child.</p>
                            <div class="cause-price">
                                <span>Raised : $87,689</span>
                                <span>Goal : $87,689</span>
                            </div>
                            <div class="progress">
                                <div class="progress-bar progress-bar--yellow progress-bar-animated progress-bar-striped" style="width: 60%"></div>
                            </div>
                            <div class="cause-btn">
                                <a class="btn btn--yellow" href="#">查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="cause-item">
                        <div class="image">
                            <img src="/static/picture/cause1.jpg" alt="Cause">
                        </div>
                        <div class="content">
                            <h5><a href="causes.html">{Get_randTags(1)}</a></h5>
                            <p>You believe, as we do, that every child deserves a future. Every last child.</p>
                            <div class="cause-price">
                                <span>Raised : $87,689</span>
                                <span>Goal : $87,689</span>
                            </div>
                            <div class="progress">
                                <div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 75%">
                                </div>
                            </div>
                            <div class="cause-btn">
                                <a class="btn" href="#">查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="our-cause-shapes">
            <img class="one top_image_bounce" src="/static/picture/three-round-green.png" alt="Shape">
        </div>
    </div>
    <!-- Our cause area end -->


    <!-- Features area start -->
    <div class="features-area rel bgs-cover z-1" style="background-image: url(/static/image/feature-bg.jpg);">
        <div class="container">
            <div class="row">
                <div class="col-xl-3">
                    <div class="feature-left-wrap bgs-cover text-white overlay" style="background-image: url(/static/image/feature-slider-bg.jpg);">
                        <div class="feature-left-slider">
                            <div class="feature-single-slide">
                                <div class="section-title mb-40">
                                    <h3>{Get_randTags(1)}</h3>
                                    <p>Your little help can make milion childrean smile model sentence structures</p>
                                </div>
                                <a class="btn" href="#">查看详情</a>
                            </div>
                            <div class="feature-single-slide">
                                <div class="section-title mb-40">
                                    <h3>{Get_randTags(1)}</h3>
                                    <p>Your little help can make milion childrean smile model sentence structures</p>
                                </div>
                                <a class="btn btn--yellow" href="#">查看详情</a>
                            </div>
                            <div class="feature-single-slide">
                                <div class="section-title mb-40">
                                    <h3>{Get_randTags(1)}</h3>
                                    <p>Your little help can make milion childrean smile model sentence structures</p>
                                </div>
                                <a class="btn btn--green" href="#">查看详情</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-9">
                    <div class="feature-content">
                        <div class="row justify-content-between">
                            <div class="col-lg-8">
                                <div class="section-title mb-35">
                                    <span class="section-title__subtitle mb-10">Our Features</span>
                                    <h2>{Get_randTags(1)}</h2>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem autem voluptatem
                                        obcaecati consectetur adipisicing</p>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="slider-arrow text-lg-end mb-20">
                                    <button class="feature-prev"><i class="flaticon-left-chevron"></i></button>
                                    <button class="feature-next"><i class="flaticon-next"></i></button>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="feature-right-slider mt-20">
                                    <div class="feature-item">
                                        <div class="feature-item__icon"><i class="flaticon-help"></i></div>
                                        <h4><a href="cause-details.html">{Get_randTags(1)}</a></h4>
                                        <p>Lorem ipsum dolor sit amet consect cingo eiusmod tempor sentence structures
                                            to generate Lorem Ipsum </p>
                                    </div>
                                    <div class="feature-item">
                                        <div class="feature-item__icon feature-item__icon--green"><i class="flaticon-solidarity"></i></div>
                                        <h4><a href="cause-details.html">{Get_randTags(1)}</a></h4>
                                        <p>Lorem ipsum dolor sit amet consect cingo eiusmod tempor sentence structures
                                            to generate Lorem Ipsum </p>
                                    </div>
                                    <div class="feature-item">
                                        <div class="feature-item__icon feature-item__icon--yellow"><i class="flaticon-donation"></i></div>
                                        <h4><a href="cause-details.html">{Get_randTags(1)}</a></h4>
                                        <p>Lorem ipsum dolor sit amet consect cingo eiusmod tempor sentence structures
                                            to generate Lorem Ipsum </p>
                                    </div>
                                    <div class="feature-item">
                                        <div class="feature-item__icon"><i class="flaticon-help"></i></div>
                                        <h4><a href="cause-details.html">{Get_randTags(1)}</a></h4>
                                        <p>Lorem ipsum dolor sit amet consect cingo eiusmod tempor sentence structures
                                            to generate Lorem Ipsum </p>
                                    </div>
                                    <div class="feature-item">
                                        <div class="feature-item__icon feature-item__icon--green"><i class="flaticon-solidarity"></i></div>
                                        <h4><a href="cause-details.html">{Get_randTags(1)}</a></h4>
                                        <p>Lorem ipsum dolor sit amet consect cingo eiusmod tempor sentence structures
                                            to generate Lorem Ipsum </p>
                                    </div>
                                    <div class="feature-item">
                                        <div class="feature-item__icon feature-item__icon--yellow"><i class="flaticon-donation"></i></div>
                                        <h4><a href="cause-details.html">{Get_randTags(1)}</a></h4>
                                        <p>Lorem ipsum dolor sit amet consect cingo eiusmod tempor sentence structures
                                            to generate Lorem Ipsum </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="feature-shapes">
            <img class="one right_image_bounce" src="/static/picture/three-round-green.png" alt="Shape">
        </div>
    </div>
    <!-- Features area end -->


    <!-- Our Event area start -->
    <div class="our-event-area pt-120 pb-95 rel z-1">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-6 col-lg-8 col-md-10">
                    <div class="section-title text-center mb-65">
                        <span class="section-title__subtitle mb-10">Our Event</span>
                        <h3>{Get_randTags(1)}</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem autem voluptatem obcaecati
                            consectetur adipisicing</p>
                    </div>
                </div>
            </div>
            <div class="row events-active">
                <div class="col-xl-4 col-md-6 item">
                    <div class="event-item">
                        <img src="/static/picture/event1.jpg" alt="Event">
                        <div class="event-item__hover">
                            <h4><a href="event-details.html">Free Medical Camping</a></h4>
                            <ul>
                                <li><i class="flaticon-time"></i> <span>Jan 18, 2013</span></li>
                                <li><i class="flaticon-map"></i> <span>melbourne City</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-md-6 item">
                    <div class="event-item">
                        <img src="/static/picture/event2.jpg" alt="Event">
                        <div class="event-item__hover">
                            <h4><a href="event-details.html">Free Medical Camping</a></h4>
                            <ul>
                                <li><i class="flaticon-time"></i> <span>Jan 18, 2013</span></li>
                                <li><i class="flaticon-map"></i> <span>melbourne City</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-md-6 item">
                    <div class="event-item">
                        <img src="/static/picture/event3.jpg" alt="Event">
                        <div class="event-item__hover">
                            <h4><a href="event-details.html">Free Medical Camping</a></h4>
                            <ul>
                                <li><i class="flaticon-time"></i> <span>Jan 18, 2013</span></li>
                                <li><i class="flaticon-map"></i> <span>melbourne City</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-md-6 item">
                    <div class="event-item">
                        <img src="/static/picture/event5.jpg" alt="Event">
                        <div class="event-item__hover">
                            <h4><a href="event-details.html">Free Medical Camping</a></h4>
                            <ul>
                                <li><i class="flaticon-time"></i> <span>Jan 18, 2013</span></li>
                                <li><i class="flaticon-map"></i> <span>melbourne City</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-md-6 item">
                    <div class="event-item">
                        <img src="/static/picture/event6.jpg" alt="Event">
                        <div class="event-item__hover">
                            <h4><a href="event-details.html">Free Medical Camping</a></h4>
                            <ul>
                                <li><i class="flaticon-time"></i> <span>Jan 18, 2013</span></li>
                                <li><i class="flaticon-map"></i> <span>melbourne City</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-md-6 item">
                    <div class="event-item">
                        <img src="/static/picture/event4.jpg" alt="Event">
                        <div class="event-item__hover">
                            <h4><a href="event-details.html">Free Medical Camping</a></h4>
                            <ul>
                                <li><i class="flaticon-time"></i> <span>Jan 18, 2013</span></li>
                                <li><i class="flaticon-map"></i> <span>melbourne City</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Our Event area end -->


    <!-- Become Volunteer area start -->
    <div class="become-volunteer-area py-120 overflow-hidden rel z-1">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="volunteer-image rmb-65">
                        <img src="/static/picture/valunteer-left.png" alt="valunteer">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="volunteer-content form-style-one text-white">
                        <div class="section-title mb-45">
                            <span class="section-title__subtitle mb-10">Our Volunteer</span>
                            <h3>Become a <span>volunteer</span></h3>
                        </div>
                        <form action="#" class="volunteer-form">
                            <div class="row">
                                <div class="col-xl-9 mb-10">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                        incididunt</p>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="name">Your Name</label>
                                        <input type="text" id="name" name="name" class="form-control" value="" placeholder="Your Name" required="">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="email">Your Email</label>
                                        <input type="email" id="email" name="email" class="form-control" value="" placeholder="Email Address" required="">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="phone_number">Phone Number</label>
                                        <input type="text" id="phone_number" name="phone_number" class="form-control" value="" placeholder="Phone Number">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="birth-day">Date Of Birth</label>
                                        <input type="date" id="birth-day" name="birth-day" class="form-control" value="">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="message">Message</label>
                                        <textarea name="message" id="message" class="form-control" rows="3" placeholder="Write Your Messages" required=""></textarea>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group pt-10 mb-0">
                                        <button type="submit" class="btn ml-5">Send us a message</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="become-volunteer-shapes">
            <img class="one" src="/static/picture/valunteer-bg.png" alt="Shape">
            <img class="two" src="/static/picture/valunteer-bg.png" alt="Shape">
        </div>
    </div>
    <!-- Become Volunteer area end -->


    <!-- Volunteer area start -->
    <div class="volunteer-area pt-120 pb-90 rel z-1">
        <div class="container container-1170">
            <div class="row justify-content-center">
                <div class="col-xl-6 col-lg-8 col-md-10">
                    <div class="section-title text-center mb-60">
                        <span class="section-title__subtitle mb-10">Our Volunteers</span>
                        <h3>Meet <span>With Volunteers</span></h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem autem voluptatem obcaecati
                            consectetur adipisicing</p>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-xl-4 col-sm-6">
                    <div class="valunteer-item valunteer-item--green">
                        <div class="valunteer-item__img">
                            <img src="/static/picture/valunteer1.jpg" alt="Valunteer">
                            <div class="share">
                                <button><i class="flaticon-share"></i></button>
                                <div class="share__socials">
                                    <a href="#"><i class="flaticon-google-plus-logo"></i></a>
                                    <a href="#" class="twitter"><i class="flaticon-twitter"></i></a>
                                    <a href="#" class="facebook"><i class="flaticon-facebook"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="valunteer-item__designation">
                            <h5>Robart Jonson</h5>
                            <span>volunteer</span>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-sm-6">
                    <div class="valunteer-item">
                        <div class="valunteer-item__img">
                            <img src="/static/picture/valunteer2.jpg" alt="Valunteer">
                            <div class="share">
                                <button><i class="flaticon-share"></i></button>
                                <div class="share__socials">
                                    <a href="#"><i class="flaticon-google-plus-logo"></i></a>
                                    <a href="#" class="twitter"><i class="flaticon-twitter"></i></a>
                                    <a href="#" class="facebook"><i class="flaticon-facebook"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="valunteer-item__designation">
                            <h5>Leslie Alexander</h5>
                            <span>volunteer</span>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-sm-6">
                    <div class="valunteer-item valunteer-item--yellow">
                        <div class="valunteer-item__img">
                            <img src="/static/picture/valunteer3.jpg" alt="Valunteer">
                            <div class="share">
                                <button><i class="flaticon-share"></i></button>
                                <div class="share__socials">
                                    <a href="#"><i class="flaticon-google-plus-logo"></i></a>
                                    <a href="#" class="twitter"><i class="flaticon-twitter"></i></a>
                                    <a href="#" class="facebook"><i class="flaticon-facebook"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="valunteer-item__designation">
                            <h5>Kristin Watson</h5>
                            <span>volunteer</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="valunteet-shapres">
            <img class="one top_image_bounce" src="/static/picture/hand-glass.png" alt="Shape">
            <img class="two left_image_bounce" src="/static/picture/circle-with-line-red.png" alt="Shape">
            <img class="three right_image_bounce" src="/static/picture/heart.png" alt="Shape">
            <img class="four top_image_bounce" src="/static/picture/house-heart.png" alt="Shape">
        </div>
    </div>
    <!-- Volunteer area end -->


    <!-- Testimonials area start -->
    <div class="testimonials-area bgc-black bgs-cover py-120" style="background-image: url(/static/image/testimonial-bg.png);">
        <div class="container">
            <div class="row gap-100 align-items-center">
                <div class="col-lg-5">
                    <div class="testimonial-left-image rmb-65">
                        <img src="/static/picture/testimonial-left.png" alt="Testimonials">
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="testimonial-content-slider text-white">
                        <div class="testimonial-content-item">
                            <div class="icon"><i class="flaticon-quote"></i></div>
                            <div class="text">Available, but the majority have suffered alteration soform, by injected
                                humour, or randomised words whdon't look even htly believable. you are going to use.
                            </div>
                            <h4>Robart Jonson</h4>
                            <span class="designation">Doner, Canada</span>
                        </div>
                        <div class="testimonial-content-item">
                            <div class="icon"><i class="flaticon-quote"></i></div>
                            <div class="text">You are going to use. Available, but the majority have suffered alteration
                                soform, by injected humour, or randomised words whdon't look even htly believable.</div>
                            <h4>Jesse Rayford</h4>
                            <span class="designation">Doner, Canada</span>
                        </div>
                        <div class="testimonial-content-item">
                            <div class="icon"><i class="flaticon-quote"></i></div>
                            <div class="text">Randomised words whdon't look even htly believable Available, but the
                                majority have suffered alteration soform, by injected humour, or you are going to use.
                            </div>
                            <h4>Ralph Alfred</h4>
                            <span class="designation">Doner, Canada</span>
                        </div>
                    </div>
                    <div class="testimonial-thumb-slider">
                        <div class="testimonial-thumb-item">
                            <img src="/static/picture/testi-thumb1.jpg" alt="Author">
                        </div>
                        <div class="testimonial-thumb-item">
                            <img src="/static/picture/testi-thumb2.jpg" alt="Author">
                        </div>
                        <div class="testimonial-thumb-item">
                            <img src="/static/picture/testi-thumb3.jpg" alt="Author">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Testimonials area end -->


    <!-- FAQ area start -->
    <div class="faq-area py-120">
        <div class="container ">
            <div class="row gap-100">
                <div class="col-lg-6">
                    <div class="faq-image-part">
                        <div class="row">
                            <div class="col-6">
                                <div class="image">
                                    <img src="/static/picture/about1.jpg" alt="About">
                                    <img class="shape one top_image_bounce" src="/static/picture/three-round-green.png" alt="Shape">
                                </div>
                                <div class="image">
                                    <img src="/static/picture/about3.jpg" alt="About">
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="image">
                                    <img src="/static/picture/about2.jpg" alt="About">
                                </div>
                                <div class="image">
                                    <img src="/static/picture/about3.jpg" alt="About">
                                    <img class="shape two right_image_bounce" src="/static/picture/three-round-red.png" alt="Shape">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="faq-content-part rmt-65 rel z-2">
                        <div class="section-title mb-45 for-hide-summary">
                            <span class="section-title__subtitle mb-10">Faq</span>
                            <h2>How can we <span>help you?</span></h2>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem voluptatem obcaecati
                                consectetur adipisicing</p>
                        </div>
                        <div class="faq-accordion" id="faqAccordion">
                            <div class="accordion-item">
                                <h4 class="accordion-header" id="headingOne">
                                    <button type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                        How can i get help?
                                    </button>
                                </h4>
                                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        Lorem ipsum dolor sit amet, vix an natum labitur eleifnd, mel am laoreet
                                        menandri. Ei justo complectitur duo. Ei mundi solet ut soletu possit quo.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h4 class="accordion-header" id="headingTwo">
                                    <button class="collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                        What’s Service We Provided?
                                    </button>
                                </h4>
                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        Lorem ipsum dolor sit amet, vix an natum labitur eleifnd, mel am laoreet
                                        menandri. Ei justo complectitur duo. Ei mundi solet ut soletu possit quo.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h4 class="accordion-header" id="headingThree">
                                    <button class="collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                        How can i get help by bizco?
                                    </button>
                                </h4>
                                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        Lorem ipsum dolor sit amet, vix an natum labitur eleifnd, mel am laoreet
                                        menandri. Ei justo complectitur duo. Ei mundi solet ut soletu possit quo.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- FAQ area end -->


    <!-- Call to action area start -->
    <div class="cta-area overlay bgs-cover pt-110 rpt-120 pb-120" style="background-image: url(/static/image/cta.jpg);">
        <div class="container container-1170">
            <div class="row justify-content-center">
                <div class="col-xl-8 col-lg-10">
                    <div class="section-title text-center text-white">
                        <h2>Welcome To Save Life And Make A Positive <span>Impact</span></h2>
                        <p>Only when the society comes together and contributeswe will be able to make an impact.</p>
                        <a class="btn mt-30" href="#">Donate Now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Call to action area end -->


    <!-- Blog area start -->
    <div class="blog-area pt-120 pb-90 rel z-1">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-x col-lg-8 col-md-10">
                    <div class="section-title text-center mb-60">
                        <span class="section-title__subtitle mb-10">Our Blog Post</span>
                        <h2>Our Latest <span>News & Update</span></h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem autem voluptatem obcaecati
                            consectetur adipisicing</p>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-xl-4 col-md-6">
                    <div class="blog-item">
                        <div class="blog-item__img">
                            <img src="/static/picture/blog1.jpg" alt="Blog">
                            <div class="post-date">
                                <b>13</b>
                                <span>dec</span>
                            </div>
                        </div>
                        <div class="blog-item__content">
                            <ul class="blog-meta">
                                <li><i class="flaticon-user"></i> <a href="#">Wade Warren</a></li>
                                <li><i class="flaticon-bubble-chat"></i> <a href="#">05 Comment</a></li>
                            </ul>
                            <h4><a href="blog-details.html">tincidunt egeting semper</a></h4>
                            <p>Maximus a augue. Nullam ante nunc poraretra are oullam fringill sem ealiquam
                                suscipit.......</p>
                            <a href="blog-details.html" class="read-more">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-md-6">
                    <div class="blog-item">
                        <div class="blog-item__img">
                            <img src="/static/picture/blog2.jpg" alt="Blog">
                            <div class="post-date">
                                <b>20</b>
                                <span>dec</span>
                            </div>
                        </div>
                        <div class="blog-item__content">
                            <ul class="blog-meta">
                                <li><i class="flaticon-user"></i> <a href="#">Wade Warren</a></li>
                                <li><i class="flaticon-bubble-chat"></i> <a href="#">05 Comment</a></li>
                            </ul>
                            <h4><a href="blog-details.html">Aenean viverra rhoncus </a></h4>
                            <p>Maximus a augue. Nullam ante nunc poraretra are oullam fringill sem ealiquam
                                suscipit.......</p>
                            <a href="blog-details.html" class="read-more">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-md-6">
                    <div class="blog-item">
                        <div class="blog-item__img">
                            <img src="/static/picture/blog3.jpg" alt="Blog">
                            <div class="post-date">
                                <b>31</b>
                                <span>dec</span>
                            </div>
                        </div>
                        <div class="blog-item__content">
                            <ul class="blog-meta">
                                <li><i class="flaticon-user"></i> <a href="#">Wade Warren</a></li>
                                <li><i class="flaticon-bubble-chat"></i> <a href="#">05 Comment</a></li>
                            </ul>
                            <h4><a href="blog-details.html">Donec vitae sapien libero</a></h4>
                            <p>Maximus a augue. Nullam ante nunc poraretra are oullam fringill sem ealiquam
                                suscipit.......</p>
                            <a href="blog-details.html" class="read-more">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <img class="blog-shape-one top_image_bounce" src="/static/picture/three-round-yellow.png" alt="Shape">
    </div>
    <!-- Blog area end -->


    <!-- Client Logo area start -->
    <div class="client-logo-area bgc-lighter py-30">
        <div class="container">
            <div class="client-logo-wrap">
                <div class="client-logo-item">
                    <a href="#"><img src="/static/picture/client-logo1.png" alt="Client Logo"></a>
                </div>
                <div class="client-logo-item">
                    <a href="#"><img src="/static/picture/client-logo2.png" alt="Client Logo"></a>
                </div>
                <div class="client-logo-item">
                    <a href="#"><img src="/static/picture/client-logo3.png" alt="Client Logo"></a>
                </div>
                <div class="client-logo-item">
                    <a href="#"><img src="/static/picture/client-logo4.png" alt="Client Logo"></a>
                </div>
                <div class="client-logo-item">
                    <a href="#"><img src="/static/picture/client-logo5.png" alt="Client Logo"></a>
                </div>
            </div>
        </div>
    </div>
    <!-- Client Logo area end -->


    <!-- footer area start -->
    <footer class="footer-area overlay text-white pt-120 bgs-cover" style="background-image: url('/static/image/footer-bg.jpg');">
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-lg-3 col-md-6 col-sm-8">
                    <div class="widget widget_about">
                        <div class="logo_footer mb-25">
                            <a href="">
                                <img src="/static/picture/logo-white.png" alt="Logo">
                            </a>
                        </div>
                        <p>Wimply dummy text of the priatype industry orem Ipsum has Maecenas quis eros at ante lacinia
                            efficitur.</p>
                        <div class="social-style-one pt-20">
                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="flaticon-google-plus-logo"></i></a>
                            <a href="#"><i class="flaticon-linkedin"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-4 col-6">
                    <div class="widget widget_nav_menu">
                        <h5 class="widget-title">About</h5>
                        <ul>
                            <li><a href="#">Home</a></li>
                            <li><a href="#">Donation</a></li>
                            <li><a href="#">About us</a></li>
                            <li><a href="#">Event</a></li>
                            <li><a href="#">Features</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-4 col-6">
                    <div class="widget widget_nav_menu">
                        <h5 class="widget-title">Quick links</h5>
                        <ul>
                            <li><a href="#">Causes</a></li>
                            <li><a href="#">About</a></li>
                            <li><a href="#">New campaign</a></li>
                            <li><a href="#">Site map</a></li>
                            <li><a href="#">Stories</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-4 col-6">
                    <div class="widget widget_nav_menu">
                        <h5 class="widget-title">Explore</h5>
                        <ul>
                            <li><a href="#">Donate</a></li>
                            <li><a href="#">Campaigns</a></li>
                            <li><a href="#">Fundraise</a></li>
                            <li><a href="#">Volunteers</a></li>
                            <li><a href="#">Sponsors</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-8">
                    <div class="widget widget_gallery">
                        <h4 class="widget-title">Photo Gallery</h4>
                        <div class="gallery-photos">
                            <a href="/static/picture/gallery1.jpg"><img src="/static/picture/gallery1.jpg" alt="Gallery"></a>
                            <a href="/static/picture/gallery2.jpg"><img src="/static/picture/gallery2.jpg" alt="Gallery"></a>
                            <a href="/static/picture/gallery3.jpg"><img src="/static/picture/gallery3.jpg" alt="Gallery"></a>
                            <a href="/static/picture/gallery4.jpg"><img src="/static/picture/gallery4.jpg" alt="Gallery"></a>
                            <a href="/static/picture/gallery5.jpg"><img src="/static/picture/gallery5.jpg" alt="Gallery"></a>
                            <a href="/static/picture/gallery6.jpg"><img src="/static/picture/gallery6.jpg" alt="Gallery"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom mt-50">
            <div class="container">
                <div class="footer-bottom__inner">
                    <div class="donate-by">
                        <span>Donate by :</span>
                        <img src="/static/picture/donate-by.png" alt="Donate By">
                    </div>
                    <div class="copyright">
                        <p>Copyright &copy; 2024.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- footer area end -->

    <!-- back to top area start -->
    <div class="back-to-top">
        <span class="back-top"><i class="fa fa-angle-up"></i></span>
    </div>
    <!-- back to top area end -->

    <!-- all plugins here -->
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/nice-select.min.js"></script>
    <script src="/static/js/circle-progress.min.js"></script>
    <script src="/static/js/skill.bars.jquery.min.js"></script>
    <script src="/static/js/magnific.min.js"></script>
    <script src="/static/js/appear.min.js"></script>
    <script src="/static/js/isotope.min.js"></script>
    <script src="/static/js/imageload.min.js"></script>
    <script src="/static/js/slick.min.js"></script>

    <!-- main js  -->
    <script src="/static/js/main.js"></script>
	
</body>

</html>