<?php include('session.php') ?>
<?php include('upload.php') ?>
<?php include('config.php');?>
<?php include('upload_announcement.php');?>
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <!-- SEO Meta Tags -->
      <meta name="description" content="Tivo is a HTML landing page template built with Bootstrap to help you crate engaging presentations for SaaS apps and convert visitors into users.">
      <meta name="author" content="Inovatik">
      <!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+ -->
      <meta property="og:site_name" content="" />
      <!-- website name -->
      <meta property="og:site" content="" />
      <!-- website link -->
      <meta property="og:title" content=""/>
      <!-- title shown in the actual shared post -->
      <meta property="og:description" content="" />
      <!-- description shown in the actual shared post -->
      <meta property="og:image" content="" />
      <!-- image link, make sure it's jpg -->
      <meta property="og:url" content="" />
      <!-- where do you want your post to link to -->
      <meta property="og:type" content="article" />
      <!-- Website Title -->
      <title>Officials - Bahay Pamahalaan ng Poblacion 1 </title>
      <!-- Styles -->
      <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext" rel="stylesheet">
      <link href="css/bootstrap.css" rel="stylesheet">
      <link href="css/fontawesome-all.css" rel="stylesheet">
      <link href="css/swiper.css" rel="stylesheet">
      <link href="css/magnific-popup.css" rel="stylesheet">
      <link href="css/sstyle.css" rel="stylesheet">
      <link href="css/pme_style.css" rel="stylesheet">
      <link href="css/mystyle.css" rel="stylesheet">
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
      <!-- Favicon  -->
      <link rel="icon" href="images/brgy_logo.png">
   </head>
   <style>
      @font-face {
      font-family:"Berkshire Swash";
      src: url("css/berkshireswash-regular.ttf") format("truetype");
      }
   </style>
   <style>
div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}
</style>
<body style="background-image: url('images/orange_back1.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;">
      <!-- Preloader -->
      <!--<div class="spinner-wrapper">-->
      <!--   <div class="spinner">-->
      <!--      <div class="bounce1"></div>-->
      <!--      <div class="bounce2"></div>-->
      <!--      <div class="bounce3"></div>-->
      <!--   </div>-->
      <!--</div>-->
      <!-- end of preloader -->
      <!-- Navigation -->
      <nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top" style="background-color: 	#892a25; ">
         <div class="container">
            <!-- Text Logo - Use this if you don't have a graphic logo -->
            <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Tivo</a> -->
            <!-- Image Logo -->
            <a class="navbar-brand logo-image" href="home.php"><img src="images/brgy_logo.png" alt="alternative" style="height:50px; width: 50px; "></a>
            <!-- Mobile Menu Toggle Button -->
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-awesome fas fa-bars"></span>
            <span class="navbar-toggler-awesome fas fa-times"></span>
            </button>
            <!-- end of mobile menu toggle button -->
            <div class="collapse navbar-collapse" id="navbarsExampleDefault">
               <ul class="navbar-nav ml-auto">
                  <li class="nav-item">
                     <a class="nav-link page-scroll" href="home.php">HOME <span class="sr-only">(current)</span></a>
                  </li>
                  <!-- <li class="nav-item">
                        <a class="nav-link page-scroll" href="files.php"><span class="item-text">REQUIREMENTS</span></a>
                  </li> -->
                  <!-- end of dropdown menu -->
                  <li class="nav-item">
                     <a class="nav-link page-scroll" href="tourist_spot.php">TOURIST SPOT</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link page-scroll" href="announcements.php">ANNOUNCEMENTS</a>
                  </li>
                  <li class="nav-item">
                     <a class="active nav-link page-scroll" href="officials.php">OFFICIALS</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link page-scroll" href="user-complaint.php">COMPLAINT</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link page-scroll" href="document-request.php">FILES</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link page-scroll" href="user-account.php">MY PROFILE</a>
                  </li>
               </ul>
               <span class="nav-item">
               <a class="btn-outline-sm" href="logout.php">LOG OUT</a>
               </span>
            </div>
         </div>
         <!-- end of container -->
      </nav>
      <!-- end of navbar -->
      <!-- end of navigation -->
      <br>
      <br>

          <!-- gallery -->
    <section class="swag text-center" id="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <br>
                    <br>
                    <br>
                    <div class="above-heading" style="color: #cb9824; font-size: 15px;">Bahay Pamahalaan ng Poblacion 1</div>
                    <h2 class="h2-heading">Sangguniang Barangay Officials</h2>
                </div> <!-- end of col -->
            </div> <!-- end of row -->
        </div>
    </div>
</section>

      <!-- Description -->
      <div class="cards-1">
         <div class="container">
            <!-- end of row -->
            <div class="">
                  </div>
                  <div>
                     
                  <!-- Card -->
               </div>
               <center>
               <div class="gallery" style="height: 550px; width: 210px; background-color: white; border-radius: 15px;">
                <a target="_blank" href="images/armando.jpg">
                    <img src="images/armando.jpg" alt="Armando" width="600" height="400" style="border-radius: 10px 10px 0 0;">
                </a>
                <div class="desc" style="font-weight: bold;">HON. ARMANDO V. MARASIGAN</div>
                <div class="desc" style="font-style: Italic; margin-top: -10px;">BRGY. CHAIRMAN</div>
                </div>

                <div class="gallery" style="height: 550px; width: 210px; background-color: white; border-radius: 15px;">
                <a target="_blank" href="images/zenaida.jpg">
                    <img src="images/zenaida.jpg" alt="Zenaida" width="600" height="400" style="border-radius: 10px 10px 0 0;">
                </a>
                <div class="desc" style="font-weight: bold;">HON. ZENAIDA J. CHAVEZ</div>
                <div class="desc" style="font-style: Italic; margin-top: -10px;">BRGY. KAGAWAD</div>
                <p style="font-size: 12px;">*PEACE AND ORDER <br> *TRANSPORTATION & COMMUNICATION <br> *HUMAN RIGHTS</p>
                </div>

                <div class="gallery" style="height: 550px; width: 210px; background-color: white; border-radius: 15px;">
                <br>
                <a target="_blank" href="images/.jpg">
                    <img src="images/unknown.png" alt="Leopoldo" width="600" height="400" style="border-radius: 10px 10px 0 0;">
                </a><br><br><br><br>
                <div class="desc" style="font-weight: bold;">HON. NOLIC C. BACONG</div>
                <div class="desc" style="font-style: Italic; margin-top: -10px;">BRGY. KAGAWAD</div>
                <p style="font-size: 12px;">*APPROPRIATION <br> *COOPERATION <br> *TRADE & INDUSTRY</p>
                </div>

                <div class="gallery" style="height: 550px; width: 210px; background-color: white; border-radius: 15px;">
                <a target="_blank" href="images/leopoldo.jpg">
                    <img src="images/leopoldo.jpg" alt="Leopoldo" width="600" height="400" style="border-radius: 10px 10px 0 0;">
                </a>
                <div class="desc" style="font-weight: bold;">HON. LEOPOLDO C. CHAVEZ</div>
                <div class="desc" style="font-style: Italic; margin-top: -10px;">BRGY. KAGAWAD</div>
                <p style="font-size: 12px;">*PUBLIC WORKS <br> *TRANSPORTATION & COMMUNICATION</p>
                </div>

                <div class="gallery" style="height: 550px; width: 210px; background-color: white; border-radius: 15px;">
                <a target="_blank" href="images/renel.jpg">
                    <img src="images/renel.jpg" alt="Renel" width="600" height="400" style="border-radius: 10px 10px 0 0;">
                </a>
                <div class="desc" style="font-weight: bold;">HON. RENEL A. MAGSOMBOL</div>
                <div class="desc" style="font-style: Italic; margin-top: -10px;">BRGY. KAGAWAD</div>
                <p style="font-size: 12px;">*YOUTH & SPORTS DEVELOPMENT <br> *TRANSPEDUCATION & CULTURE</p>
                </div>

                <div class="gallery" style="height: 550px; width: 210px; background-color: white; border-radius: 15px;">
                <a target="_blank" href="images/robin.jpg">
                    <img src="images/robin.jpg" alt="Robin" width="600" height="400" style="border-radius: 10px 10px 0 0;">
                </a>
                <div class="desc" style="font-weight: bold;">HON. ROBIN C. GONZALES</div>
                <div class="desc" style="font-style: Italic; margin-top: -10px;">BRGY. KAGAWAD</div>
                <p style="font-size: 12px;">*WAYS AND MEANS <br> *RULES & ORDINANCE <br> *FINANCE</p>
                </div>

                <div class="gallery" style="height: 550px; width: 210px; background-color: white; border-radius: 15px;">
                <a target="_blank" href="images/lorenzo.jpg">
                    <img src="images/lorenzo.jpg" alt="Lorenzo" width="600" height="400" style="border-radius: 10px 10px 0 0;">
                </a>
                <div class="desc" style="font-weight: bold;">HON. LORENZO L. GONZALES</div>
                <div class="desc" style="font-style: Italic; margin-top: -10px;">BRGY. KAGAWAD</div>
                <p style="font-size: 12px;">*WOMENS & FAMILY <br> *SOCIAL SERVICE <br> *VIOLENCE AGAINST WOMEN AND CHILDREN</p>
                </div>

                <div class="gallery" style="height: 550px; width: 210px; background-color: white; border-radius: 15px;">
                <a target="_blank" href="images/cenon.jpg">
                    <img src="images/cenon.jpg" alt="Cenon" width="600" height="400" style="border-radius: 10px 10px 0 0;">
                </a>
                <div class="desc" style="font-weight: bold;">HON. CENON T. GARCIA</div>
                <div class="desc" style="font-style: Italic; margin-top: -10px;">BRGY. KAGAWAD</div>
                <p style="font-size: 12px;">*HEALTH & SANITATION <br> *ENVIRONMENT PROTECTION <br> *AGRICULTURE & EDUCATION</p>
                </div>

                <div class="gallery" style="height: 550px; width: 210px; background-color: white; border-radius: 15px;">
                <a target="_blank" href="images/arwin.jpg">
                    <img src="images/arwin.jpg" alt="Arwin" width="600" height="400" style="height: 270px; border-radius: 10px 10px 0 0;">
                </a>
                <div class="desc" style="font-weight: bold;">HON. ARWIN M. AHE</div>
                <div class="desc" style="font-style: Italic; margin-top: -10px;">SK. CHAIRMAN</div>
                <p style="font-size: 12px;">*YOUTH & SPORTS <br> *EDUCATION & CULTURE</p>
                </div>

                <div class="gallery" style="height: 550px; width: 210px; background-color: white; border-radius: 15px;">
                <br>
                <a target="_blank" href="images/.jpg">
                    <img src="images/unknown.png" alt="Leopoldo" width="600" height="400" style="border-radius: 10px 10px 0 0;">
                </a><br><br><br><br>
                <div class="desc" style="font-weight: bold;">MARIA RHODORA V. GARCIA</div>
                <div class="desc" style="font-style: Italic; margin-top: -10px;">TREASURER</div>
                </div>

                <div class="gallery" style="height: 550px; width: 210px; background-color: white; border-radius: 15px;">
                <a target="_blank" href="images/imelda.jpg">
                    <img src="images/imelda.jpg" alt="Imelda" width="600" height="400" style="border-radius: 10px 10px 0 0;">
                </a>
                <div class="desc" style="font-weight: bold;">IMELDA R. FUENTES</div>
                <div class="desc" style="font-style: Italic; margin-top: -10px;">SECRETARY</div>
                </div>
            </center>


            </div>
            <!-- end of row -->
         </div>
         <!-- end of container -->
      </div>
      </div>
      <!-- end of cards-1 -->
      <!-- end of description -->

      <!-- Footer -->
      <svg class="footer-frame" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 79">
         <defs>
            <style>.cls-2{fill:#cb9824;}</style>
         </defs>
         <title>footer-frame</title>
         <path class="cls-2" d="M0,72.427C143,12.138,255.5,4.577,328.644,7.943c147.721,6.8,183.881,60.242,320.83,53.737,143-6.793,167.826-68.128,293-60.9,109.095,6.3,115.68,54.364,225.251,57.319,113.58,3.064,138.8-47.711,251.189-41.8,104.012,5.474,109.713,50.4,197.369,46.572,89.549-3.91,124.375-52.563,227.622-50.155A338.646,338.646,0,0,1,1920,23.467V79.75H0V72.427Z" transform="translate(0 -0.188)"/>
      </svg>
      <div class="footer" style="background-color: #cb9824;">
         <div class="container">
            <div class="row">
               <div class="col-md-4">
                  <div class="footer-col first">
                     <h4>About Bahay Pamahalaan ng Poblacion 1</h4>
                     <p class="p-small">"Ang Barangay 1, dating Poblacion, ay isang barangay sa bayan ng Cuenca, sa lalawigan ng Batangas. Ang populasyon nito ay naitala sa 2020 Census na 1,999. Ito ay nagpapakita ng 5.52% ng kabuuang populasyon ng Cuenca."</p>
                  </div>
               </div>
               <!-- end of col -->
               <div class="col-md-4">
                  <div class="footer-col middle">
                     <h4>Important Links</h4>
                     <ul class="list-unstyled li-space-lg p-small">
                        <li class="media">
                           <i class="fas fa-square"></i>
                           <div class="media-body">Visit our facebook page : <a target='_blank' class="white" href="https://web.facebook.com/profile.php?id=100079895365727">Sangguniang Bayan Cuenca</a></div>
                        </li>
                        <li class="media">
                           <i class="fas fa-square"></i>
                           <div class="media-body">See our web developers : <a target='_blank' class="white" href="https://www.facebook.com/keena.keenmir?mibextid=ZbWKwL"><br><i class="fas fa-square"></i> Keena Fuentes, BSIT</a>, <a target='_blank' class="white" href="https://www.facebook.com/raizelle.marasiqan?mibextid=ZbWKwL"><br><i class="fas fa-square"></i> Raizelle Faurillo, BSIT</a></div>
                        </li>
                     </ul>
                  </div>
               </div>
               <!-- end of col -->
               <div class="col-md-4">
                  <div class="footer-col last">
                     <h4>Contact</h4>
                     <ul class="list-unstyled li-space-lg p-small">
                        <li class="media">
                           <i class="fas fa-map-marker-alt"></i>
                           <div class="media-body">Poblacion 1, Cuenca Batangas, Philippines.</div>
                        </li>
                        <li class="media">
                           <i class="fas fa-envelope"></i>
                           <div class="media-body">admin-poblacion1@gmail.com</div>
                        </li>
                     </ul>
                  </div>
               </div>
               <!-- end of col -->
            </div>
            <!-- end of row -->
         </div>
         <!-- end of container -->
      </div>
      </div>
      <!-- end of footer -->
      <!-- end of footer -->
     
      <!-- Scripts -->
      <script src="js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
      <script src="js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
      <script src="js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
      <script src="js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
      <script src="js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
      <script src="js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
      <script src="js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
      <script src="js/scripts.js"></script> <!-- Custom scripts -->
   </body>
</html>