<?php
    $page = 2; 
?>
<!doctype html>
<html lang="en">
  <head>
    <title>Alhaji Dramani Motors | About</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
    <link rel="stylesheet" href="fonts/icomoon/style.css">

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/jquery-ui.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">

    <link rel="stylesheet" href="css/jquery.fancybox.min.css">

    <link rel="stylesheet" href="css/bootstrap-datepicker.css">
    <link rel="shortcut icon" type="image/png" href="images/icon.png">

    <link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
    <link rel="stylesheet" href="lib/fontawesome/css/all.css">
    

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

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

    
    
    function switchSection(index){
      var s1 = document.querySelector("#sect-1");
      var s2 = document.querySelector("#sect-2");
      var s3 = document.querySelector("#sect-3");
      
      var h1 = document.querySelector("#hero-1");
      var h2 = document.querySelector("#hero-2");
      var h3 = document.querySelector("#hero-3");
      var sects = [s1,s2,s3];
      var heros = [h1,h2,h3];
      
      for(var i = 0; i < sects.length; i++){
        if(index - 1 == i){
          sects[i].classList.remove("hide");
          heros[i].classList.remove("hide");
        }
        else{
          sects[i].classList.add("hide");
          heros[i].classList.add("hide");
        }
      }
    }
    
    
  </script>



  <body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
  
    <div id="overlayer"></div>
    <div class="loader">
        <div class=" text-primary" role="status">
        <img src="images/icon.png" width="100">
        </div>
    </div>

  <div class="site-wrap">

    <div class="site-mobile-menu site-navbar-target">
      <div class="site-mobile-menu-header">
        <div class="site-mobile-menu-close mt-3">
          <span class="icon-close2 js-menu-toggle"></span>
        </div>
      </div>
      <div class="site-mobile-menu-body"></div>
    </div>
   
    <?php
      include 'components/nav.php';
    ?>

  
     
   
    <div class="site-blocks-cover overlay" style="background-image: url(images/hero_2.jpg); height: min-height:40vh;" data-aos="fade" id="home-section">

      <div class="container">
        <div class="row align-items-center justify-content-center">

          
          <div class="col-md-10 mt-lg-5 text-center">
            <div class="" id="hero-1">
                <h1 class="" data-aos="fade-up">Brief & <element style="color:rgb(93, 183, 252)">History</element></h1>
                <p class="mb-5 desc" data-aos="fade-up" data-aos-delay="100">Together, we are the shelter within the storm.</p>

              </div>


              <div class="hide" id="hero-2">
                <h1 class="" data-aos="fade-up">Mission <element style="color:rgb(93, 183, 252)">Statement</element></h1>
                <p class="small mb-5 desc"  data-aos="fade-up" data-aos-delay="100">What we primarily stand for.</p>
               
              </div>

              

              <div class="hide" id="hero-3">
                <h1 class="" data-aos="fade-up">Personalites <element style="color:rgb(93, 183, 252)">& </element> Sponsors. </h1>
                <p class="mb-5 desc" data-aos="fade-up" data-aos-delay="100">Know the personalites behind this organization.</p>

              </div>
          </div>
            
        </div>
      </div>
    </div>  


    <section class="site-section" id="sect-1">
        <div class="container">
          <div class="row">
            <div class="col-md-8 blog-content">
                <h4 class="display-4">Alhaji Dramani Motors</h4>
              <p>
                About Us

                  Alhaji Dramani Motors is your trusted destination for quality machinery and electrical solutions. With years of experience and a commitment to excellence, we specialize in the sales and distribution of generators, mills & accessories, industrial breakers, electrical cables, and a wide range of related machinery and components.

                  Our business is built on a strong foundation of integrity, reliability, and customer satisfaction. Whether you're powering a home, running a farm, or managing a large industrial facility, we provide the tools and equipment you need to keep things running smoothly.

                  <br><br>
                  What We Offer:
                  <li>Generators – Reliable power solutions for residential, commercial, and industrial use.</li>
                  <li> Mills & Accessories – Durable and efficient machines for agricultural and food processing needs.</li>
                  <li>Breakers & Switchgear – High-quality safety and control components for all types of electrical installations.</li>
                  <li>Cables & Wiring Solutions – A wide selection of electrical cables for various applications.</li>
                  <li>Other Machinery & Spare Parts – From tools to essential spare parts, we've got your operations covered.</li>
               </p>

               <p>
                At Alhaji Dramani Motors, we don’t just sell machinery—we provide dependable solutions backed by expert advice and exceptional customer service. Our team is always ready to assist you in choosing the right equipment for your needs, ensuring quality and value in every purchase.

                  Visit us today and experience machinery sales made easy, honest, and professional.
               </p>

            </div>
            <div class="col-md-4 sidebar">
            
              <div class="sidebar-box">
                <div class="categories">
                  <h3>Sections</h3>
                  <li><a href="about.php">Brief & History</a></li>
                  <li><a href="about.php?sect=2">Mission Statement</a></li>
                </div>
              </div>
              <div class="sidebar-box">
                <h3>Message from our C.E.O</h3>
                <p> <i>"We are proud to serve our customers with honesty, quality, and a commitment to long-term value.
                  Thank you for trusting us to be part of your success" </i> 
                    </p>
                <p> <b>Safia Dramani </b> <br>
Chief Executive Officer, Alhaji Dramani Motors</p>
              </div>
      
              
            </div>
          </div>
        </div>
    </section>
    <section class="site-section hide" id="sect-2">
        <div class="container">
          <div class="row">
            <div class="col-md-8 blog-content">

              <div>
                <img class="adjust-center mb-5" src="images/mvv.png" width="200">
              </div>

              <div class="card cornered">
                <div class="card-header text-center">
                    <h2>Mission</h2>
                    <img src="images/mission.png" width="200" alt="">
                </div>
                <div class="card-body">
                    At Alhaji Dramani Motors, our mission is to deliver reliable, high-quality machinery and electrical solutions that empower our customers across industries. We are committed to excellence, integrity, and innovation providing products and services that support growth,
                     efficiency, and long-term success for every client we serve.
                </div>
              </div>

              <div class="card bg-dark mt-5 cornered">
                <div class="card-header text-center">
                    <h2>Vision</h2>
                    <img src="images/vision.png" width="200" alt="">
                </div>
                <div class="card-body">
                    To become a leading and trusted name in machinery and electrical supply across Ashanti Region known for quality, customer satisfaction, and a strong commitment to powering businesses, communities,
                     and industries with dependable solutions.
                </div>
              </div>

              <div class="card mt-5 cornered">
                <div class="card-header text-center">
                    <h2>Value</h2>
                    <img src="images/value.png" width="200" alt="">
                </div>
                <div class="card-body">
                  <li>Integrity – We conduct our business with honesty, transparency, and respect.</li>
                  <li>Quality – We offer only tested and trusted products that meet industry standards.</li>
                  <li>Customer Focus – Your needs guide our service. We aim to build long-term relationships based on trust.</li>
                  <li> Innovation – We embrace change and continuously seek better ways to serve our customers.</li>
                  <li>Excellence – From product selection to after-sales support, we strive for excellence in everything we do.</li>
                  <li>Growth – We are committed to the growth of our clients, our team, and the communities we serve.</li> 
                </div>
              </div>

      
      
            
      
            </div>
            <div class="col-md-4 sidebar">
            
              <div class="sidebar-box">
                <div class="categories">
                  <h3>Sections</h3>
                  <li><a href="about.php">Brief & History</a></li>
                  <li><a href="about.php?sect=2">Mission Statement</a></li>
                  <li><a href="about.php?sect=3">Personalities & Sponsors</a></li>
                </div>
              </div>
      
              <div class="sidebar-box">
                <h3>Mission,Vision & Value</h3>
                <p>At Alhaji Dramani Motors, our mission is to deliver reliable, high-quality machinery and electrical solutions that empower our customers across industries. We are committed to excellence, integrity, and innovation providing products and services that support growth, efficiency, 
                  and long-term success for every client we serve.</p>
              </div>
            </div>
          </div>
        </div>
    </section>
    <section class="site-section hide" id="sect-3">
       
    </section>

   

  <?php include "components/newsletter.php" ?>

    

    
    <?php include "components/footer.php" ?>

  </div> <!-- .site-wrap -->

  <script src="js/jquery-3.3.1.min.js"></script>
  <script src="js/jquery-ui.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/jquery.countdown.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/aos.js"></script>
  <script src="js/jquery.fancybox.min.js"></script>
  <script src="js/jquery.sticky.js"></script>
  <script src="js/isotope.pkgd.min.js"></script>

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

  <script>
    <?php 
        $sect = $_GET['sect'];
        if($sect){
            
            echo "switchSection(".$sect.")";
        }
        else{
            echo "switchSection(1)";
        }
    ?>
  </script>


  
  </body>
</html>