@extends('frontend.layouts.app')

@section('title')
Leadership | Philippine Green Building Initiative (PGBI)
@endsection

@section('seo')
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Leadership | Philippine Green Building Initiative (PGBI)" />
<meta property="og:url" content="{{ url('leadership') }}" />
<meta property="og:site_name" content="Leadership | Philippine Green Building Initiative (PGBI)" />
<meta property="og:image" content="{{ asset('images/meta-thumbnail.jpg') }}" />
<meta property="og:thumbnail" content="{{ asset('images/meta-thumbnail.jpg') }}" />
@endsection

@section('content')
{{-- BANNER --}}
<div class="container-fluid px-0 mb-5 text-center">
  <img src="{{ asset('images/banner-leader.jpg') }}" class="img-fluid" alt="">
</div>

<div class="container mb-5">
  <h2 class="fw-bold mb-5">2020-2023 Executive Officers and Board of Trustees</h2>

  {{-- MEMBERS CONTENT --}}
  <div class="row">
    <div class="col-12 col-md-11">
      <div class="row gy-5">
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img1.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">LAURENTINO R. PUNSALAN</h5>
                <span class="small-text color-light-green">Chairman Emeritus</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img2.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">LEANDRO A. CONTI</h5>
                <span class="small-text color-light-green">Chairman / President</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img3.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">DAVID B. FARALA</h5>
                <span class="small-text color-light-green">Immediate Past Chairman and President Concurrent Assistant to the President</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img4.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">AMADO P. DE JESUS, JR.</h5>
                <span class="small-text color-light-green">Vice Chairman</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img5.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">CEZAR P. PUNSALAN</h5>
                <span class="small-text color-light-green">Treasurer / Vice President for Finance & Administration</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img6.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">ARTHUR A. LOPEZ</h5>
                <span class="small-text color-light-green">Vice President – Technical Commiteee</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img7.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">JAIME JAJAY E. CRUZ</h5>
                <span class="small-text color-light-green">Chairman - Ways & Means</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img8.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">EMILIANA P. DE LA CRUZ</h5>
                <span class="small-text color-light-green">Corporate Secretary</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img9.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">EMELITO C.  PUNSALAN</h5>
                <span class="small-text color-light-green">Chairman – GREEEN Rating System</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img10.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">RAMON D. AGUILOS</h5>
                <span class="small-text color-light-green">Program Director – EDGE Certification System</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img11.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">DOMINADOR DG CASTRO, JR.</h5>
                <span class="small-text color-light-green">Chairman – Membership Committee</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img12.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">CESAR LUIS DL. LIM</h5>
                <span class="small-text color-light-green">Chairman – Technical Committee</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img13.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">DANILO DG DUYA</h5>
                <span class="small-text color-light-green">Vice Chairman - Membership Commiteee</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img14.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">ROSENDO C. PEREZ, JR.</h5>
                <span class="small-text color-light-green">Trustee</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img15.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">GREGORIO Y. GUEVARRA</h5>
                <span class="small-text color-light-green">Trustee</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img16.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">LILIA C. DE JESUS</h5>
                <span class="small-text color-light-green">Trustee</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img17.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">ANA M. LING</h5>
                <span class="small-text color-light-green">Trustee</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img18.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">MARK RICHARD D. EVIDENTE</h5>
                <span class="small-text color-light-green">Trustee</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md-6">
          <div class="row">
            <div class="col-12 col-md-5 text-center">
              <img src="{{ asset('images/img19.png') }}" class="img-leader" alt="">
            </div>

            <div class="col-12 col-md d-flex align-items-center">
              <div>
                <h5 class="fw-semibold">MICHAEL ANGELO V. LIWANAG</h5>
                <span class="small-text color-light-green">Trustee</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection