about.php

<?php
include('boilerplate.php');
?>


<div class="mt-5" data-aos="fade">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-5">
      
            <img src="img/section/about.png" height="400" alt="Image placeholder" class=" rounded">
            <a href="work.php" class="play-button popup-vimeo"><span class="ion-md-play"></span></a>
  
      </div>
      <div class="col-md-5">
          <h2 class="text-black text-center mb-4">Who I am</h2>
        <p class="text-black text-center" >
        This picture describes me the best.
        </p>
        <p class="text-black text-left">Now about the wesite. The website uses:
        BootStrap 4 , a simple yet powerfull cross platform CSS
        FPDF to generate PDFs(invoice and sales report),
        PhPMailer to send e-mails using SMTP & POP3,
        BootBox to create programmatic dialog boxes
        ColorLib for various front-end snippets
        Jquery , a powefull JavaScript library by google
        AJAX to fetch and post asynchronous data ..Most of all of these libraries are Open Sourced and so is 
        the website.Feel free to modify,add,delete its content.But before using it for commercial purpose read the
        licenses of all the mentioned libraries and platforms.
        </p>
      </div>
    </div>
  </div>
</div>
<div class="mt-5" data-aos="fade">
  <div class="container">
    <div class="row justify-content-center mb-5">
      <div class="col-md-7 text-center pt-4">
        <h2>My Team</h2>
      </div>
    </div>
    <div class="row">
      <div class="col-md-6 col-lg-3">
        <div class="block-38 text-center">
          <div class="block-38-img">
            <div class="block-38-header">
              <img width="225" height="400" src="img/section/a.jpg" alt="Image placeholder" class="mb-4">
              <h3 class="block-38-heading h4">Norm Macdonald</h3>
              <p class="block-38-subheading">Next Louie CK</p>
            </div>           
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="block-38 text-center">
          <div class="block-38-img">
            <div class="block-38-header">
              <img width="225" height="400" src="img//section/b.jpg" alt="Image placeholder" class="mb-4">
              <h3 class="block-38-heading h4">Tyrion Lannister</h3>
              <p class="block-38-subheading">Minister of external affairs</p>
            </div>
          </div>
        </div>
      </div>

      <div class="col-md-6 col-lg-3">
        <div class="block-38 text-center">
          <div class="block-38-img">
            <div class="block-38-header">
              <img width="225" height="400" src="img//section/c.jpg" alt="Image placeholder" class="mb-4">
              <h3 class="block-38-heading h4">Walter White</h3>
              <p class="block-38-subheading">Chemistry teacher</p>
            </div>
          </div>
        </div>
      </div>

      <div class="col-md-6 col-lg-3">
        <div class="block-38 text-center">
          <div class="block-38-img">
            <div class="block-38-header">
              <img width="225" height="400" src="img//section/d.jpg" alt="Image placeholder" class="mb-4">
              <h3 class="block-38-heading h4">Vladmir Putin</h3>
              <p class="block-38-subheading">Largest importer of Ukraine</p>
            </div>           
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<?php include('footer.php'); ?>