<?php

/**
 * Template Name: Home 4
 * @package donasion
 */

get_header();

?>

  <section class="slider1">
      <div class="slider1__wrapper">
          <div class="slider1__actives">
              <div class="slider1__item slider1__height slider1__img-01 sl-overlay d-flex align-items-center justify-content-center" data-background="<?php echo get_template_directory_uri(); ?>/assets/img/new/sl2.jpg">
                  <div class="container">
                      <div class="row">
                          <div class="col-xl-7">
                              <div class="slider1__content slider-content-white">
                                  <div class="mmb-5 fix">
                                      <h3 data-animation="fadeInUp" data-delay=".2s" data-duration="1.2s"
                                          class="animated fadeInUp">We create</h3>
                                  </div>
                                  <div class="mb-30 fix">
                                      <h2 data-animation="fadeInUp" data-delay=".5s" data-duration="1.2s"
                                          class="animated fadeInUp">
                                          Space for life
                                      </h2>
                                  </div>
                                  <div class="fix mb-20">
                                      <p data-animation="fadeInUp" data-delay=".7s" data-duration="1.2s"
                                          class="animated fadeInUp">
                                          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusm
                                          <br class="d-none d-md-inline-block">
                                          od tempor incididunt ut labore et dolore magna aliqua.
                                      </p>
                                  </div>
                                  <div class="fix pb-35">
                                      <a data-animation="fadeInUp" data-delay="1.2s" data-duration=".8s"
                                          href="services.html" class="site__btn1 animated fadeInUp mr-10">Learn
                                          More</a>
                                      <a data-animation="fadeInUp" data-delay="1.5s" data-duration=".8s"
                                          href="contact.html"
                                          class="site__btn2 animated fadeInUp d-none d-sm-inline-block">Get a
                                          quote</a>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </section>


  <section class="about-4-area pt-120 pb-120">
      <div class="container">
         <div class="row">
              <div class="col-lg-6">
                  <div class="about2__left">
                      <div class="about2__left-thumb">
                          <img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/assets/img/new/ab.jpg" alt="About Image">
                      </div>
                      <div class="about2__left-content">
                          <div class="about2__left-content-icon">
                              <i aria-hidden="true" class=" flaticon-helmet"></i>
                              <span>01</span>
                          </div>
                          <div class="about2__left-content-title">
                              <h3><a href="#">Any kind project planning</a></h3>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="col-lg-6">
                  <div class="about__wrapper pt-30">
                      <div class="title_style1 mb-20">
                          <h5>About us</h5>
                          <h2>standing on pure need & dope</h2>
                      </div>
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
                          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
                          enim ad minim veniam, quis nostrud exercitation ullamco laboris
                          nisi ut aliquip ex ea commodo consequat. Duis aute irure d olor
                          in reprehenderit in voluptate velit esse cillum dolore.</p>
                      <div class="mt-30">
                         <a href="service-details.html" class="site__btn1">Read More</a>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </section>


        <section class="portfolio-area ">
         <div class="containers">
           <div class="portfolio-full-slide owl-carousel">
               <div class="port-full-item">
                  <div class="tportfolio mb-30">
                     <div class="tportfolio__img">
                        <a class="popup-image" href="assets/img/portfolio/port-1.jpg" data-fancybox="gallery">
                           <img src="<?php echo get_template_directory_uri(); ?>/assets/img/new/p1.jpg" alt="" />
                        </a>
                        <div class="portfolio-plus">
                           <a href="assets/img/portfolio/port-1.jpg" data-fancybox="gallery">
                              <i class="fal fa-plus"></i>
                          </a>
                        </div>
                        <div class="tportfolio__text tportfolio__text-2">
                           <h3 class="tportfolio-title"><a href="portfolio-details.html">Binifox Busines</a></h3>
                           <h4>Busines, Agency</h4>
                        </div>
                     </div>
                  </div>
              </div>
              <div class="port-full-item">
                  <div class="tportfolio mb-30">
                     <div class="tportfolio__img">
                        <a class="popup-image" href="assets/img/portfolio/port-2.jpg" data-fancybox="gallery">
                           <img src="<?php echo get_template_directory_uri(); ?>/assets/img/new/p2.jpg" alt="" />
                        </a>
                        <div class="portfolio-plus">
                           <a href="assets/img/portfolio/port-1.jpg" data-fancybox="gallery">
                              <i class="fal fa-plus"></i>
                          </a>
                        </div>
                        <div class="tportfolio__text tportfolio__text-2">
                           <h3 class="tportfolio-title"><a href="portfolio-details.html">Binifox Busines</a></h3>
                           <h4>Busines, Agency</h4>
                        </div>
                     </div>
                  </div>
              </div>
              <div class="port-full-item">
                  <div class="tportfolio mb-30">
                     <div class="tportfolio__img">
                        <a class="popup-image" href="assets/img/portfolio/port-2.jpg" data-fancybox="gallery">
                           <img src="<?php echo get_template_directory_uri(); ?>/assets/img/new/p1.jpg" alt="" />
                        </a>
                        <div class="portfolio-plus">
                           <a href="assets/img/portfolio/port-1.jpg" data-fancybox="gallery">
                              <i class="fal fa-plus"></i>
                          </a>
                        </div>
                        <div class="tportfolio__text tportfolio__text-2">
                           <h3 class="tportfolio-title"><a href="portfolio-details.html">Binifox Busines</a></h3>
                           <h4>Busines, Agency</h4>
                        </div>
                     </div>
                  </div>
              </div>
              <div class="port-full-item">
                  <div class="tportfolio mb-30">
                     <div class="tportfolio__img">
                        <a class="popup-image" href="assets/img/portfolio/port-3.jpg" data-fancybox="gallery">
                           <img src="<?php echo get_template_directory_uri(); ?>/assets/img/new/p3.jpg" alt="" />
                        </a>
                        <div class="portfolio-plus">
                           <a href="assets/img/portfolio/port-1.jpg" data-fancybox="gallery">
                              <i class="fal fa-plus"></i>
                          </a>
                        </div>
                        <div class="tportfolio__text tportfolio__text-2">
                           <h3 class="tportfolio-title"><a href="portfolio-details.html">Binifox Busines</a></h3>
                           <h4>Busines, Agency</h4>
                        </div>
                     </div>
                  </div>
              </div>
              <div class="port-full-item">
                  <div class="tportfolio mb-30">
                     <div class="tportfolio__img">
                        <a class="popup-image" href="assets/img/portfolio/port-4.jpg" data-fancybox="gallery">
                           <img src="<?php echo get_template_directory_uri(); ?>/assets/img/new/p2.jpg" alt="" />
                        </a>
                        <div class="portfolio-plus">
                           <a href="assets/img/portfolio/port-1.jpg" data-fancybox="gallery">
                              <i class="fal fa-plus"></i>
                          </a>
                        </div>
                        <div class="tportfolio__text tportfolio__text-2">
                           <h3 class="tportfolio-title"><a href="portfolio-details.html">Binifox Busines</a></h3>
                           <h4>Busines, Agency</h4>
                        </div>
                     </div>
                  </div>
              </div>
              <div class="port-full-item">
                  <div class="tportfolio mb-30">
                     <div class="tportfolio__img">
                        <a class="popup-image" href="assets/img/portfolio/port-1.jpg" data-fancybox="gallery">
                           <img src="<?php echo get_template_directory_uri(); ?>/assets/img/new/p1.jpg" alt="" />
                        </a>
                        <div class="portfolio-plus">
                           <a href="assets/img/portfolio/port-1.jpg" data-fancybox="gallery">
                              <i class="fal fa-plus"></i>
                          </a>
                        </div>
                        <div class="tportfolio__text tportfolio__text-2">
                           <h3 class="tportfolio-title"><a href="portfolio-details.html">Binifox Busines</a></h3>
                           <h4>Busines, Agency</h4>
                        </div>
                     </div>
                  </div>
              </div>
           </div>
         </div>
        </section>

        <section class="service1 other_page1">
            <div class="projects1__wrapper position-relative">
                <h2 class="text-border-title1 features1-style">Service</h2>
                <div class="content_box_120_90">
                    <div class="container">
                        <div class="row mb-55">
                            <div class="col-md-12">
                                <div class="title_style1 text-center">
                                    <h5>Services</h5>
                                    <h2>What we do</h2>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-3 col-lg-4 col-md-6">
                                <div class="service1__item text-center mb-30">
                                    <span>01</span>
                                    <div class="service1__thumb">
                                        <img src="assets/img/png-icon/png-icon-01.png" alt="Service Image">
                                    </div>
                                    <div class="service1__content">
                                        <h3><a href="#">Building Repair & Construction</a></h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                            tempor.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-lg-4 col-md-6">
                                <div class="service1__item text-center mb-30">
                                    <span>02</span>
                                    <div class="service1__thumb">
                                        <img src="assets/img/png-icon/png-icon-02.png" alt="Service Image">
                                    </div>
                                    <div class="service1__content">
                                        <h3><a href="#">Any kind project planning</a></h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                            tempor.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-lg-4 col-md-6">
                                <div class="service1__item text-center mb-30">
                                    <span>03</span>
                                    <div class="service1__thumb">
                                        <img src="assets/img/png-icon/png-icon-03.png" alt="Service Image">
                                    </div>
                                    <div class="service1__content">
                                        <h3><a href="#">Home, office Interior design</a></h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                            tempor.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-lg-4 col-md-6">
                                <div class="service1__item text-center mb-30">
                                    <span>04</span>
                                    <div class="service1__thumb">
                                        <img src="assets/img/png-icon/png-icon-04.png" alt="Service Image">
                                    </div>
                                    <div class="service1__content">
                                        <h3><a href="#">Custom contract & management</a></h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                            tempor.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <div class="promotion-area">
           <div class="ab-bg" data-background="<?php echo get_template_directory_uri(); ?>/assets/img/new/pro-bg.jpg"></div>
            <div class="container-fluids">
                  <div class="row no-gutters">
                     <div class="col-xl-5">
                        <div class="promo-content">
                           <h6>Explore the Features </h6>
                           <h2>Full project management</h2>
                           <p>Vel illum dolore eu feugiat nulla facilisis at vero eros et accu qui blandit praesent lupta tum zril delenit augue dolore eu. Autem vel eum iriure dolor in hendrerit in vulput. </p>
                           <a href="#" class="site__btn1 ">Learn More</a>
                        </div>
                     </div>   
                  </div>
            </div>
        </div>

        <section class="counter1" id="counter1">
            <div class="counter1__wrapper position-relative">
                <h2 class="text-border-title1 features1-style">Counter</h2>
                <div class="content_box_120_70">
                    <div class="container">
                        <div class="row mb-55">
                            <div class="col-lg-8 offset-lg-2">
                                <div class="title_style1 text-center">
                                    <h5>Counter</h5>
                                    <h2>Get amazing puried with us.</h2>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-3 col-sm-6 text-center">
                                <div class="counter1__item mb-50">
                                    <div class="counter1__canvas">
                                        <div id="circle-1">
                                            <span class="counter1__percentage"></span>
                                        </div>
                                    </div>
                                    <div class="counter1__content">
                                        <h3 class="counter1__content--bg">78%</h3>
                                        <h4>Project done</h4>
                                        <p>Construction Simulator</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-sm-6 text-center">
                                <div class="counter1__item mb-50">
                                    <div class="counter1__canvas">
                                        <div id="circle-2">
                                            <span class="counter1__percentage"></span>
                                        </div>
                                    </div>
                                    <div class="counter1__content">
                                        <h3 class="counter1__content--bg">90%</h3>
                                        <h4>Happy Clients</h4>
                                        <p>Construction Simulator</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-sm-6 text-center">
                                <div class="counter1__item mb-50">
                                    <div class="counter1__canvas">
                                        <div id="circle-3">
                                            <span class="counter1__percentage"></span>
                                        </div>
                                    </div>
                                    <div class="counter1__content">
                                        <h3 class="counter1__content--bg">62%</h3>
                                        <h4>Completed Co.</h4>
                                        <p>Construction Simulator</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-sm-6 text-center">
                                <div class="counter1__item mb-50">
                                    <div class="counter1__canvas">
                                        <div id="circle-4">
                                            <span class="counter1__percentage"></span>
                                        </div>
                                    </div>
                                    <div class="counter1__content">
                                        <h3 class="counter1__content--bg">85%</h3>
                                        <h4>Country Cover</h4>
                                        <p>Construction Simulator</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

         <section class="cta-area cta-overlay pos-rel black-bg pt-120 pb-120 sl-overlay" data-background="<?php echo get_template_directory_uri(); ?>/assets/img/new/cta-bg.jpg"> 
            <div class="container">
                <div class="row justify-content-center text-center">
                  <div class="col-xl-8 col-lg-10">
                     <div class="single-couter counter-box mb-30 z-index d-none">
                        <div class="fact-icon">
                          <i class="flaticon-airplane"></i>
                        </div>
                    </div>
                     <div class="sec-wrapper z-index">
                           <div class="title_style1 text-center">
                              <h5 class="text-white">Get to Know Binifox</h5>
                              <h2 class="text-white">Do you have any question? Feel free to contact us.</h2>
                          </div>
                        <div class="ab-btn mt-30">
                           <a href="#" class="site__btn1">
                              Learn More
                           </a>
                        </div>
                     </div>
                  </div>
                </div>
            </div>
         </section>


        <!-- contact area  -->
        <section class="contact-area pt-120 pb-80 fix">
            <div class="container">
                 <div class="row">
                     <div class="col-xxl-5 col-xl-6 col-lg-6">
                         <div class="title_style1 p-0">
                            <h5 class="text-whites">contact with us</h5>
                            <h2 class="text-whites">Speak with our
                                 consultant</h2>
                        </div>
                         <div class="contact-info mr-50 mr-xs-0  mr-md-0">
                             <div class="single-contact-info d-flex align-items-center">
                                 <div class="contact-info-icon">
                                     <a href="#"><i class="fad fa-comments"></i></a>
                                 </div>
                                 <div class="contact-info-text mt-10">
                                     <span>Call Anytime</span>
                                     <h5><a href="tell:926668880000">92 666 888 0000</a></h5>
                                 </div>
                             </div>
                             <div class="single-contact-info d-flex align-items-center">
                                 <div class="contact-info-icon">
                                     <a href="#"><i class="fal fa-envelope"></i></a>
                                 </div>
                                 <div class="contact-info-text mt-10">
                                     <span>send email</span>
                                     <h5><a href="mailto:needhelp@company.com">needhelp@company.com</a> </h5>
                                 </div>
                             </div>
                             <div class="single-contact-info d-flex align-items-center">
                                 <div class="contact-info-icon">
                                     <a href="#"><i class="fal fa-map-marker-alt"></i></a>
                                 </div>
                                 <div class="contact-info-text mt-10">
                                     <span>visit office</span>
                                     <h5><a target="_blank" href="https://www.google.com/maps/place/Dhaka/@23.7806207,90.3492859,12z/data=!3m1!4b1!4m5!3m4!1s0x3755b8b087026b81:0x8fa563bbdd5904c2!8m2!3d23.8104753!4d90.4119873">86 Road Broklyn Street, New York</a></h5>
                                 </div>
                             </div>
                         </div>
                     </div>
                     <div class="col-xxl-7 col-xl-6 col-lg-6">
                         <div class="contact-form">
                             <form action="mail.php" id="contact-form" method="POST">
                                 <div class="row">
                                     <div class="col-xxl-6 col-xl-6 col-lg-6 mb-20">
                                         <input name="name" type="text" placeholder="Your Name">
                                     </div>
                                     <div class="col-xxl-6 col-xl-6 col-lg-6 mb-20">
                                         <input name="email" type="email" placeholder="Email Adress">
                                     </div>
                                     <div class="col-xxl-6 col-xl-6 col-lg-6 mb-20">
                                         <input name="phone" type="text" placeholder="Phone">
                                     </div>
                                     <div class="col-xxl-6 col-xl-6 col-lg-6 mb-20">
                                         <input name="subject" type="text" placeholder="Subject">
                                     </div>
                                     <div class="col-xxl-12 col-xl-12 col-lg-12 mb-20">
                                         <textarea placeholder="Write Massage" name="massage"></textarea>
                                     </div>
                                     <div class="col-xxl-12 col-xl-12 mb-20">
                                         <button type="submit" class="site__btn1 ">Send a message</button>
                                     </div>
                                 </div>
                             </form>
                             <p class="ajax-response"></p>
                         </div>
                     </div>
                 </div>
            </div>
        </section>
         <!-- contact area end -->

<?php get_footer();?>