/home/hdwebsolution/www/new/HTML/about-us.php
<!doctype html>
 <?php include_once('header.php')?>
<html lang="en">

<head>
   <!-- Basic Page Needs =======================================-->
   <meta charset="utf-8">

   <!-- Mobile Specific Metas ========================== -->
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

   <!-- Site Title -->
   <title>SeoBin - SEO, Social Media and Marketing HTML Template</title>

   <!-- CSS
      ==================================================== -->
   <!--Font Awesome -->
   <link rel="stylesheet" href="css/font-awesome.min.css" />

   <!-- Iconic Fonts -->
   <link rel="stylesheet" href="css/icofonts.css" />

   <!-- Animate CSS -->
   <link rel="stylesheet" href="css/animate.css" />

   <!-- Bootstrap CSS -->
   <link rel="stylesheet" href="css/bootstrap.min.css">

   <!-- Owl Carousel -->
   <link rel="stylesheet" href="css/owlcarousel.min.css" />

   <!-- Video Popup -->
   <link rel="stylesheet" href="css/magnific-popup.css" />

   <!--Style CSS -->
   <link rel="stylesheet" href="css/style.css">

   <!--Responsive CSS -->
   <link rel="stylesheet" href="css/responsive.css">


   <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
   <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->


</head>

<body>
   

   

 

   <div id="banner-area" class="banner-area" style="background-image:url(images/banner/banner5.jpg)">
      <div class="container">
         <div class="row">
            <div class="col-sm-12">
               <div class="banner-heading">
                  <h1 class="banner-title">About us</h1>
                  <ol class="breadcrumb">
                     <li>Home</li>
                     <li><a href="#">About us</a></li>
                  </ol>
               </div>
            </div>
            <!-- Col end -->
         </div>
         <!-- Row end -->
      </div>
      <!-- Container end -->
   </div>
   <!-- Banner area end -->


   <section id="main-container" class="main-container">
      <div class="container">
         <div class="row">
            <div class="col-md-6 align-self-md-center">
               <img src="images/about/about_page_img1.png" alt="" class="img-fluid">
            </div>
            <!-- Col End -->
            <div class="col-md-6">
               <div class="tw-about-bin">
                  <h2 class="column-title">About Made4Brand</h2>
                  <span class="animate-border tw-mb-40 tw-mt-20"></span>
                  <p>Made4Brand is the Best Digital Marketing Agency In India and serves globally. We have been serving in business marketing & promotions for more than a decade and encompass a team of truly skilled & professional experts. With 360-degree digital marketing solutions, we serve a comprehensive range of IT services, including digital marketing, content management, web development, app development, UI/UX designing, and many more. We’re certain that our super-knowledgeable and reliable professionals will content you with advanced and high-end technological endeavours.</p> <p>Not only this, but as we all know that today’s advancements have reached the pinnacle, and so has our adept team.</p>
               </div>
               <!-- About Bin End -->
            </div>
            <!-- Col End -->
         </div>
         <!-- Row end -->
      </div>
      <!-- Container end -->
   </section>
   <!-- Main container end -->


   <section id="tw-about-award" class="tw-about-award">
      <div class="container">
         <div class="row">
            <div class="col-md-3">
               <div class="tw-award-box">
                  <div class="award-icon">
                     <img src="images/about/award1.png" alt="">
                  </div>
                  <h3>Good Design Award 2017</h3>
               </div>
               <!-- Award Box End -->
            </div>
            <!-- Col End -->
            <div class="col-md-3">
               <div class="tw-award-box">
                  <div class="award-icon">
                     <img src="images/about/award2.png" alt="">
                  </div>
                  <h3>CSS award for best <br/> site design</h3>
               </div>
               <!-- Award Box End -->
            </div>
            <!-- Col End -->
            <div class="col-md-3">
               <div class="tw-award-box">
                  <div class="award-icon">
                     <img src="images/about/award3.png" alt="">
                  </div>
                  <h3>Reddit best SEO <br/> USA 2017</h3>
               </div>
               <!-- Award Box End -->
            </div>
            <!-- Col End -->
            <div class="col-md-3">
               <div class="tw-award-box">
                  <div class="award-icon">
                     <img src="images/about/award4.png" alt="">
                  </div>
                  <h3>Awards site of the <br/> year 2017</h3>
               </div>
               <!-- Award Box End -->
            </div>
            <!-- Col End -->
         </div>
         <!-- Row End -->
      </div>
      <!-- Container End -->
   </section>
   <!-- About award end -->

   <section id="tw-mission" class="tw-mission">
      <div class="container">
         <div class="row">
            <div class="col-md-12">
               <div class="mission-carousel owl-carousel">
                  <div class="row">
                     <div class="col-md-6 mr-auto align-self-md-center">
                        <img src="images/about/our_mission.png" alt="" class="img-fluid">
                     </div>
                     <!-- Col End -->
                     <div class="col-md-6">
                        <div class="mission-body">
                           <div class="mission-title tw-mb-40">
                              <h2 class="column-title">Our Mission</h2>
                              <span class="animate-border bg-white border-orange tw-mt-30"></span>
                           </div>
                           <p>
                              Start working with an company that can provide everything you need to generate awareness, drive traffic, connect with customers,
                              and increase sales nascetur ridiculus mus. massa quis enim. Donec pede justo.
                           </p>
                        </div>
                     </div>
                     <!-- Col End -->
                  </div>
                  <!-- Content Row End -->
                  <div class="row">
                     <div class="col-md-6 mr-auto align-self-md-center">
                        <img src="images/about/our_mission.png" alt="" class="img-fluid">
                     </div>
                     <!-- Col End -->
                     <div class="col-md-6">
                        <div class="mission-body">
                           <div class="mission-title tw-mb-40">
                              <h2 class="column-title">Our Mission</h2>
                              <span class="animate-border bg-white border-orange tw-mt-30"></span>
                           </div>
                           <p>
                              Start working with an company that can provide everything you need to generate awareness, drive traffic, connect with customers,
                              and increase sales nascetur ridiculus mus. massa quis enim. Donec pede justo.
                           </p>
                        </div>
                     </div>
                     <!-- Col End -->
                  </div>
                  <!-- Content Row End -->
                  <div class="row animated fadeIn">
                     <div class="col-md-6 mr-auto align-self-md-center">
                        <img src="images/about/our_mission.png" alt="" class="img-fluid">
                     </div>
                     <!-- Col End -->
                     <div class="col-md-6">
                        <div class="mission-body">
                           <div class="mission-title tw-mb-40">
                              <h2 class="column-title">Our Mission</h2>
                              <span class="animate-border bg-white border-orange tw-mt-30"></span>
                           </div>
                           <p>
                              Start working with an company that can provide everything you need to generate awareness, drive traffic, connect with customers,
                              and increase sales nascetur ridiculus mus. massa quis enim. Donec pede justo.
                           </p>
                        </div>
                     </div>
                     <!-- Col End -->
                  </div>
                  <!-- Content Row End -->
               </div>
               <!-- Mission Carousel End -->
            </div>
            <!-- Col End -->
         </div>
         <!-- Row End -->
      </div>
      <!-- Container End -->
   </section>
   <!-- Mission End -->

  

   <section id="tw-testimonial" class="tw-testimonial">
      <div class="container">
         <div class="row align-items-center justify-content-center">
            <div class="col-md-6 wow fadeInLeft" data-wow-duration="1s">
               <div class="tw-testimonial-content text-center">
                  <h2 class="section-title">Love From Clients</h2>
                  <span class="animate-border border-green tw-mt-20 tw-mb-40 ml-auto mr-auto"></span>
               </div>
               <div class="tw-testimonial-carousel owl-carousel">
                  <div class="tw-testimonial-wrapper">
                     <div class="testimonial-bg testimonial-bg-orange">
                        <div class="testimonial-icon">
                           <img src="images/icon-image/testimonial1.png" alt="" class="img-fluid">
                        </div>
                     </div>
                     <!-- End Testimonial bg -->
                     <div class="testimonial-text">
                        <p>Start working with an company that can do provide every thing at you need to generate awareness,
                           drive traffic, connect with</p>
                        <div class="testimonial-meta">
                           <h4>
                              Jason Stattham
                              <small>CEO Microhost</small>
                           </h4>
                           <i class="icon icon-quote2"></i>
                        </div>
                        <!-- End Testimonial Meta -->
                     </div>
                     <!-- End testimonial text -->
                  </div>
                  <!-- End Tw testimonial wrapper -->
                  <div class="tw-testimonial-wrapper">
                     <div class="testimonial-bg testimonial-bg-orange">
                        <div class="testimonial-icon">
                           <img src="images/icon-image/testimonial1.png" alt="" class="img-fluid">
                        </div>
                     </div>
                     <!-- End Testimonial bg -->
                     <div class="testimonial-text">
                        <p>Start working with an company that can do provide every thing at you need to generate awareness,
                           drive traffic, connect with</p>
                        <div class="testimonial-meta">
                           <h4>
                              Jason Stattham
                              <small>CEO Microhost</small>
                           </h4>
                           <i class="icon icon-quote2"></i>
                        </div>
                        <!-- End Testimonial meta -->
                     </div>
                     <!-- End Testimonial Text -->
                  </div>
                  <!-- End Tw testimonial wrapper -->
                  <div class="tw-testimonial-wrapper">
                     <div class="testimonial-bg testimonial-bg-orange">
                        <div class="testimonial-icon">
                           <img src="images/icon-image/testimonial1.png" alt="" class="img-fluid">
                        </div>
                     </div>
                     <!-- end testimonial bg -->
                     <div class="testimonial-text">
                        <p>Start working with an company that can do provide every thing at you need to generate awareness,
                           drive traffic, connect with</p>
                        <div class="testimonial-meta">
                           <h4>
                              Jason Stattham
                              <small>CEO Microhost</small>
                           </h4>
                           <i class="icon icon-quote2"></i>
                        </div>
                        <!-- End testimonial meta -->
                     </div>
                     <!-- End testimonial text -->
                  </div>
                  <!-- End tw testimonial wrapper -->
               </div>
               <!-- End Tw testimonial carousel -->
            </div>
            <!-- End Col -->
         </div>
         <!-- End Row -->
      </div>
      <!-- End Container -->
   </section>
   <!-- End TW testimonial -->

  <section id="tw-client" class="tw-client">
      <div class="container">
            <div class="col section-heading wow fadeInDown">
               <h2 style="text-align:center;">
                
                Our 
                  <span>Featured</span>
               </h2>
               <span class="animate-border ml-auto mr-auto tw-mt-20"></span>
            </div>
         <div class="row  wow fadeInUp">
            <div class="col-md-12">
               <div class="clients-carousel owl-carousel">
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/flogo3.jpg" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/pizzhut.png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/flogo6.png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/flogo2.jpg" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/tcs (1).png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/flogo1.jpg" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/kingfisher.png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/hdfc.png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/hin.png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                   <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/fortune.png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                   <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/dominos.png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
               </div>
               <!-- End Carousel -->
            </div>
            <!-- End Col -->
         </div>
         <!-- End Row -->
      </div>
      <!-- End Container -->
   </section>
   <!-- End Tw Client -->



  <?php include_once('footer.php')?>


   <!-- Javascripts File
      =============================================================================-->

   <!-- initialize jQuery Library -->
   <script src="js/jquery-2.0.0.min.js"></script>
   <!-- Popper JS -->
   <script src="js/popper.min.js"></script>
   <!-- Bootstrap jQuery -->
   <script src="js/bootstrap.min.js"></script>
   <!-- Owl Carousel -->
   <script src="js/owl-carousel.2.3.0.min.js"></script>
   <!-- Waypoint -->
   <script src="js/waypoints.min.js"></script>
   <!-- Counter Up -->
   <script src="js/jquery.counterup.min.js"></script>
   <!-- Video popUp -->
   <script src="js/jquery.magnific.popup.js"></script>
   <!-- WOW JS -->
   <script src="js/wow.min.js"></script>
   <!-- SmoothScroll JS -->
   <script src="js/smoothscroll.js"></script>
   <!-- Template Custom -->
   <script src="js/main.js"></script>
</body>

</html>