<div class="innerBanner container-fluid mb-5">
  <div class="row h-100 align-items-center">
    <div class="col-md-4 col-lg-6">
      <h2 class="whiteColor mb-0">About us</h2>
    </div>

    <div class="col-md-8 col-lg-6">
      <ul class="breadcrumb">
        <li><a href="<?php echo base_url(); ?>">Home</a></li>
        <li><a href="javascript:;">About us</a></li>
        <li>Memorandum &amp; Articles of Association</li>
      </ul>
    </div>
  </div>
</div>

<div class="container-fluid">
  <div class="row">
    <div class="col-lg-8 order-lg-12 mb-5" id="innerData">
      <div class="row">
        <h1 class="col-12 mb-4"><span>Memorandum & Articles of Association</span></h1>

        <div class="col-12 statistics">
          <ul class="row faq">
            <?php 
            $start = 0;
            $length = sizeof($memorandum);

            if($length < 5){
              $limit = $length;
            }else{
              $limit = 5;
            }

            if($memorandum !== "No Data"){ 
              for($i=$start; $i < $limit; $i++){   
            ?>
            <li class="col-lg-6">
              <a href="<?php echo base_url().$memorandum[$i]->filepath; ?>" target="_blank" class="rounded"><?php echo ucwords(strtolower($memorandum[$i]->title)); ?><span class="fadeAnim"></span></a>
            </li>
            <?php } } ?>
          </ul>

          <?php if($length > 5){ ?>
          <ul class="faq row mb-4 archiveData">
          <?php 
          $start = $i;
          if($memorandum !== "No Data"){ 
            for($j=$start; $j < $length; $j++){     
          ?>
          <li class="col-lg-6">
            <a href="<?php echo base_url().$memorandum[$j]->filepath; ?>" target="_blank" class="rounded"><?php echo ucwords(strtolower($memorandum[$j]->title)); ?><span class="fadeAnim"></span></a>
          </li>
          <?php } } ?>
          </ul>
          
          <a href="#" class="archive grayGradientBg rounded mb-4">Archive  <i class="fa fa-angle-down rounded-circle" aria-hidden="true"></i></a>
          <?php } ?>
        </div>
      </div>
    </div>


    <div class="col-lg-4 order-lg-1 mb-5">
      <div class="dataList">
        <div class="blackRect"></div>
        <ul>
        <li><a href="<?php echo base_url(); ?>organization" class="fadeAnim">Organization </a></li>
        <li><a href="<?php echo base_url(); ?>committee-of-administration" class="fadeAnim">Committee of Administration </a></li>
        <li><a href="<?php echo base_url(); ?>government-nominees" class="fadeAnim">Government Nominees</a></li>
        <li><a href="<?php echo base_url(); ?>secretariat" class="fadeAnim">Secretariat</a></li>
        <li><a href="javascript:;" class="active fadeAnim">Memorandum &amp; Articles of Association</a></li>
        <li><a href="<?php echo base_url(); ?>annual-report" class="fadeAnim">Annual Reports</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
