
  <!-- ======= Hero Section ======= -->
  <section id="hero">
    <div class="hero-container">
      <div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade" data-bs-ride="carousel">


        <div class="carousel-inner" role="listbox">

          <!-- Slide 1 -->
          <div class="carousel-item active" style="background-image: url(assets/img/slide/imag-1.jpeg); background-size: cover; background-position:center">
            <div class="carousel-container">
              <div class="carousel-content">
                       <center>
                     <?php if( $this->session->flashdata('error') != "" ) : ?>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="alert alert-danger">
                                    <?php echo $this->session->flashdata('error'); ?>
                                        
                                    </div>
                            </div>
                        </div>
                    <?php endif; ?> 
                    <?php if( $this->session->flashdata('message') != "" ) : ?>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="alert alert-danger">
                                    <?php echo $this->session->flashdata('message'); ?>
                                        
                                    </div>
                        </div>
                    </div>
                    <?php endif; ?> 
                      <?php if( $this->session->flashdata('success') != "" ) : ?>
                    <div class="row">
                            <div class="col-lg-12">
                                <div class="alert alert-success">
                                    <?php echo $this->session->flashdata('success'); ?>
                                        
                                    </div>
                        </div>
                    </div>
                    <?php endif; ?>   

                    </center>  
                <h2 class="animate__animated animate__fadeInDown"><span>Ancestral</span> Africa</h2>
                <p class="animate__animated animate__fadeInUp">We are building an impressive track record of creating value and advancing the development of the continent—and its many economies.</p>
                <div>
                  <!--<a href="#menu" class="btn-menu animate__animated animate__fadeInUp scrollto">Our Menu</a>---->
                  <a href="<?php echo base_url()?>#about" class="btn-event animate__animated animate__fadeInUp scrollto">View Event Details</a>
                </div>
              </div>
            </div>
          </div>

          
     

        </div>

      

      

      </div>
    </div>
  </section><!-- End Hero -->

  <main id="main">

    <!-- ======= About Section ======= -->
    <section id="about" class="about" style="background: #e6e4e1;">
      <div class="container-fluid">
    
    
  
        <div class="row">

          
            <div class="col-lg-5 align-items-stretch about-image" style='background-image: url("assets/img/nature-7.jpg");'>
          </div>


          <div class="col-lg-7 d-flex flex-column justify-content-center align-items-stretch">

            <div class="content">
             <h1>About <span>Us</span></h1>
              <p>
                  
 

        Ancestral Purpose
        We are connecting producers and consumers of goods and services across Africa through technology-driven go-to-market information and expertise.
                      </p>
              <p class="fst-italic">

          Ancestral Values              </p>
              <ul>
                <li><i class="bx bx-check-double"></i> Fair</li>
                <li><i class="bx bx-check-double"></i> Transparent</li>
                <li><i class="bx bx-check-double"></i> Accountable</li>
                 <li><i class="bx bx-check-double"></i> Wealth Creating</li>
                <li><i class="bx bx-check-double"></i> Trustworthy</li>
                <li><i class="bx bx-check-double"></i> Sustainable</li>
              </ul>

             
            </div>

          </div>

        </div>

      </div>
    </section><!-- End About Section -->

    <!-- ======= Whu Us Section ======= -->
    <section id="why-us" class="why-us"style="background: white;" >
      <div class="container">

        <div class="whysection-title">
          <h2>Ancestral Africa <span>Events</span></h2>
          <p>                 The promise of Africa has through our history hovered above us almost like an ideal, something wished for but unattainable, whereas the African land space is variously blessed in resources and abundant talent to fulfill this promise.
.</p>
        </div>

        <div class="row">

          <div class="col-lg-4">
            <div class="box" >
              <span>Wedding</span>
              <h4>Summary</h4>
              <p>                 The promise of Africa has through our history hovered above us almost like an ideal, something wished for but unattainable, whereas the African land space is variously blessed in resources and abundant talent to fulfill this promise.
</p>
            </div>
          </div>

          <div class="col-lg-4 mt-4 mt-lg-0">
            <div class="box" >
              <span>Graduation Ceremony</span>
              <h4>Summary</h4>
              <p>                 The promise of Africa has through our history hovered above us almost like an ideal, something wished for but unattainable, whereas the African land space is variously blessed in resources and abundant talent to fulfill this promise.
</p>
            </div>
          </div>

          <div class="col-lg-4 mt-4 mt-lg-0">
            <div class="box" >
              <span>Birthday Parties</span>
              <h4> Summary</h4>
              <p>                 The promise of Africa has through our history hovered above us almost like an ideal, something wished for but unattainable, whereas the African land space is variously blessed in resources and abundant talent to fulfill this promise.
</p>
            </div>
          </div>

        </div><br><br>
              <div class="row">

          <div class="col-lg-4">
            <div class="box">
              <span>Promotion Events</span>
              <h4>Summary</h4>
              <p>                 The promise of Africa has through our history hovered above us almost like an ideal, something wished for but unattainable, whereas the African land space is variously blessed in resources and abundant talent to fulfill this promise.
</p>
            </div>
          </div>

          <div class="col-lg-4 mt-4 mt-lg-0">
            <div class="box" >
              <span>Celebrity Events</span>
              <h4>Summary</h4>
              <p>                 The promise of Africa has through our history hovered above us almost like an ideal, something wished for but unattainable, whereas the African land space is variously blessed in resources and abundant talent to fulfill this promise.
</p>
            </div>
          </div>

          <div class="col-lg-4 mt-4 mt-lg-0">
            <div class="box" >
              <span>Company Competition Events</span>
              <h4>Summary</h4>
              <p>                 The promise of Africa has through our history hovered above us almost like an ideal, something wished for but unattainable, whereas the African land space is variously blessed in resources and abundant talent to fulfill this promise.
</p>
            </div>
          </div>

        </div>

      </div>
    </section><!-- End Whu Us Section -->

  

 



  
 
    <!-- ======= Chefs Section ======= -->
    <section id="chefs" class="chefs" style="background: #e6e4e1;" >
      <div class="container">

        <div class="section-title">
          <h3><u>Main Purpose</u></h3>
              <p style="font-size:37px; background:orange; font-weight:bold; cursor:pointer; border:groove; width:64%;">
          

      <strong> Connecting Buyers and Sellers</strong>

              </p>
        </div>

      

      </div>
    </section><!-- Chairman Section -->

    <!-- ======= Testimonials Section ======= -->
    <section id="testimonials" class="testimonials" style="background-image: url(assets/img/slide/learning.jpg); background-size: cover; background-position:center">
      <div class="container position-relative">

        <div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
          <div class="swiper-wrapper">

            <div class="swiper-slide">
              <div class="testimonial-item">
                <img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
                <h3>Mr Andrew  </h3>
                <h4>Chairman</h4>
                
                <p>
                  <i class="bx bxs-quote-alt-left quote-icon-left"></i>
                 The promise of Africa has through our history hovered above us almost like an ideal, something wished for but unattainable, whereas the African land space is variously blessed in resources and abundant talent to fulfill this promise.
                  <i class="bx bxs-quote-alt-right quote-icon-right"></i>
                </p>
              </div>
            </div><!-- End testimonial item -->

            

           

            

            

          </div>
          <div class="swiper-pagination"></div>
        </div>

      </div>
    </section><!-- End Testimonials Section -->

        <!-- =======Vision and Mission Section ======= -->
    <section id="vision-mission" class="vision-mission"  style="background: #e6e4e1;">
      <div class="container">

        

        <div class="row">

       <div class="col-lg-6">
            <div class="col-left" style="background: #fff;">
           <h1> Vis<span style="color: orange;">io</span>n</h1>
              
              <p>To create most of the effective solutions ever used and make a difference in terms of technology.</p>
            
          </div>
            </div>
           <div class="col-lg-6">
            <div class="col-right" style="background: #fff;">
            <h1> Miss<span  style="color: orange;">io</span>n</h1>
              <!--<h4>Lorem Ipsum</h4>-->
              <p>To attract more people to our Products, and be an influence to many People all round.</p>
           
          </div>
           </div>

         

         

        </div>
       

      </div>
    </section><!-- End Whu Us Section -->


           
    <!-- ======= Whu Us Section ======= -->
    <section id="contact" class="contact" >
      <div class="container">
<br>
        <div class="contact-title">
          <h1>Contact <span>Info</span></h1>
        
        </div>
<br><br>
        <div class="row">

          <div class="col-lg-4">
            <div class="box" >
             <img src="assets/img/web1.png" class="contact-img" alt="">
              <h1>Website</h1>
                            <h2><a href="ancestralafric.com">ancestralafric.com</a></h2>
            </div>
          </div>

          <div class="col-lg-4 mt-4 mt-lg-0">
            <div class="box" >
               <img src="assets/img/email3.png" class="contact-img" alt="">
              <h1>Email</h1>
                            <h2><a href=mailto:"ancestralafrica@gmail.com ">ancestralafrica@gmail.com </a></h2>
            </div>
          </div>

          <div class="col-lg-4 mt-4 mt-lg-0">
            <div class="box" >
             <img src="assets/img/location1.png" class="contact-img" alt="">
             <h1>Address</h1>
              <h2>Riverside Square, 8th Floor, West Wing,<br>
                  Riverside Drive<br>P.O Box 856 00606 Nairobi, Kenya
                  .</br>
                   +254 720 367-3094<br>
                  +254 703 041-094
                  </h2>
            </div>
          </div>

      
      

      </div>
    </section><!-- End Whu Us Section -->

   

   

  </main><!-- End #main -->

  
 