-
Notifications
You must be signed in to change notification settings - Fork 29
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
4 changed files
with
240 additions
and
90 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,96 +1,235 @@ | ||
| <html> | ||
| <title>Home - Barangay Balagbag MIS</title> | ||
| <link rel="stylesheet" type="text/css" href="Css/homepage.css"> | ||
|
|
||
| <html style="background: url(Picture/bg.png); background-repeat: no-repeat; background-size:cover; "> | ||
| <title>About - Barangay Banaba MIS</title> | ||
| <link rel="shortcut icon" href="Icon/Indang logo.png" /> | ||
|
|
||
| <link href="Resident_Profiling/css/bootstrap.min.css" rel="stylesheet"> | ||
| <link href="Resident_Profiling/vendor/css/dataTables.bootstrap.min.css" rel="stylesheet"> | ||
| <!-- <link rel="stylesheet" type="text/css" href="Css/homepage.css"> --> | ||
| <style type="text/css"> | ||
| .card { | ||
| box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); | ||
| max-width: 400px !important; | ||
| min-height: 400px; | ||
| margin: auto; | ||
| text-align: center; | ||
| font-family: arial; | ||
| background-color: white; | ||
| } | ||
| .card:hover{ | ||
| border: solid 1px; | ||
| background-color: #e9e9e9; | ||
| } | ||
| .title { | ||
| color: grey; | ||
| font-size: 18px; | ||
| } | ||
| .nav { | ||
| background-color: #2e4a62; | ||
| border: none; | ||
| width: 100%; | ||
| position:fixed; | ||
| overflow: hidden; | ||
| top: 0; | ||
| left: 0; | ||
| text-transform: uppercase; | ||
| font-family: calibri; | ||
| } | ||
| .nav a { | ||
| float: left; | ||
| display: block; | ||
| color: #f2f2f2; | ||
| text-align: center; | ||
| padding: 14px 16px; | ||
| text-decoration: none; | ||
| } | ||
| .nav a:hover { | ||
| background: #14aa6c; | ||
| color: white; | ||
| } | ||
| .nav a:active { | ||
| background: #99c74b; | ||
| } | ||
| </style> | ||
| <div class="nav"> | ||
| <a href="index.php">home</a> | ||
| <a href="about.php">about</a> | ||
| </div> | ||
| </div> | ||
| <body style=" | ||
| background-color: transparent !important;"> | ||
| <body> | ||
| <div class="container"> | ||
| <section class="card1"> | ||
| <img src="Picture/indang1.jpg" alt="Joh"width="300" height="200"> | ||
| <h3>MGMT. INFORMATION SYSTEM</h3> | ||
| <div class="container" style="padding-top: 5em; padding-left: 15%;"> | ||
| <div class="col-sm-3 card "> | ||
| <div style="padding:5px;"> | ||
| <img src="Picture/indang1.jpg" alt="John" style="width:100% "> | ||
| </div> | ||
| <h4>MGMT. INFORMATION SYSTEM</h4> | ||
| <p class="title">Bgy. Management Information System</p> | ||
| <p>is a computerized information-processing system</p> | ||
| <p><div class="button"><a href="#open-modal"><font color="white">READ MORE</font></a> | ||
| </div></p> | ||
| <div id="open-modal" class="modal-window" > | ||
| <div> | ||
| <a href="#modal-close" title="Close" class="modal-close"><font size="4"><B>[CLOSE]</B></font></a> | ||
| <h1><font size="5" color="green"><B>Barangay Management Information System</b> </font></h1> | ||
| <p>is a computerized information-processing system</p> | ||
| <p><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#bmis">Read More</button></p> | ||
| </div> | ||
| <div class="col-sm-1"></div> | ||
| <div class="card col-sm-3"> | ||
| <div style="padding:5px;"> | ||
| <img src="Picture/indang1.jpg" alt="John" style="width:100% "> | ||
| </div> | ||
| <h4>MISSION AND VISION</h4> | ||
| <p class="title">Mission and Vision of Indang Cavite</p> | ||
| <p>Mission: Enhance the quality of life of the people by providing adequate basic social services in an...</p> | ||
| <p><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#mv">Read More</button></p> | ||
| </div> | ||
| <div class="col-sm-1"></div> | ||
| <div class="card col-sm-3"> | ||
| <div style="padding:5px;"> | ||
| <img src="Picture/indang1.jpg" alt="John" style="width:100% "> | ||
| </div> | ||
| <h4>INDANG CAVITE</h4> | ||
| <p class="title">Municipal Profile</p> | ||
| <p>REGION : IV-A PROVINCE : CAVITE CONGRESSIONAL DISTRICT: 7 th MUNICIPALITY : INDANG ...</p> | ||
| <p><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#inprofile">Read More</button></p> | ||
| </div> | ||
| </div> | ||
| <!-- Modal --> | ||
| <div id="bmis" class="modal fade" role="dialog"> | ||
| <div class="modal-dialog"> | ||
| <!-- Modal content--> | ||
| <div class="modal-content"> | ||
| <div class="modal-header"> | ||
| <button type="button" class="close" data-dismiss="modal">×</button> | ||
| <h4 class="modal-title">Barangay Management Information System</h4> | ||
| </div> | ||
| <div class="modal-body"> | ||
| <center><h1><font size="5" color="green"><B>Barangay Management Information System</b> </font></h1></center> | ||
| <div> | ||
| <p><img src="Icon/indang logo.png"align="left"> | ||
|   The Barangay Management Information System is a computerized information-processing system designed to support the activities, manages files and documents of company or organization.It can provide up to date information of the residents with relatively little effort on the part of the user of the system and put a huge amount of information within convenient and comfortable read. Not mentioning the security and integrity of the document, it also provides. <Br><br>  The barangay officials will no longer have a hard time when it comes to organizing the data needed by the residents. it will help the barangay to solve the difficulty in retrieving large volume of residents information. It makes things more convenient for the residents and reduces the number of visits in the barangay. | ||
|   What will the BMIS achieve? To Address barangay efficiency issues and have a Satisfied or happier residents of the barangay. | ||
| </p> | ||
|   What will the BMIS achieve? To Address barangay efficiency issues and have a Satisfied or happier residents of the barangay. | ||
| </div> | ||
| </div> | ||
| <div class="modal-footer"> | ||
| <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <section class="card2"> | ||
| <img src="Picture/indang1.jpg" alt="Joh"width="300" height="200"> | ||
| <center> <h3>MISSION AND VISION</h3> | ||
| <p class="title">Mission and Vision of Indang Cavite</p> | ||
| <p>Mission: Enhance the quality of life of the people by providing adequate basic social services in an...</p> </center> | ||
| <p><div class="button"><a href="#open-modal2"><font color="white">READ MORE</font></a> | ||
| </div></p> | ||
| <div id="open-modal2" class="modal-window"> | ||
| <div> | ||
| <a href="#modal-close" title="Close" class="modal-close"><font size="4"><B>[CLOSE]</B></font></a> | ||
| <center><h1><font size="5" color="green"><B>Mission and Vision</b> </font></h1><ter | ||
| <div><center><font size="5" color="green"><B>Mission</b> </font></center>Enhance the quality of life of the people by providing adequate basic social services in an environment conducive for living that promotes agri-tourism | ||
| Sustain a balance and healthy environment through proper preservation, and protection of natural resources. | ||
| Ensure peace and public safety through respecting peoples lives to achieve an orderly society.</br></br> | ||
| <center><font size="5" color="green"><B>Vision</b> </font></center>The Center of Agri-Tourism imbued with nurturing and respectful people in a progressive, healthy and balanced environment governed by honest leaders</div> | ||
| <!-- Modal --> | ||
| <div id="mv" class="modal fade" role="dialog"> | ||
| <div class="modal-dialog"> | ||
| <!-- Modal content--> | ||
| <div class="modal-content"> | ||
| <div class="modal-header"> | ||
| <button type="button" class="close" data-dismiss="modal">×</button> | ||
| <h4 class="modal-title">Mission and Vision</h4> | ||
| </div> | ||
| <div class="modal-body"> | ||
| <center> | ||
| <h1><font size="5" color="green"> <b>Mission and Vision</b></font></h1> | ||
| <h1><font size="5" color="green"><b>Mission</b></font></h1> | ||
| <p> Enhance the quality of life of the people by providing adequate basic social services in an environment conducive for living that promotes agri-tourism Sustain a balance and healthy environment through proper preservation, and protection of natural resources. Ensure peace and public safety through respecting peoples lives to achieve an orderly society.</p> | ||
| <h1><font size="5" color="green"><b>Vision</b></font></h1> | ||
| <p> The Center of Agri-Tourism imbued with nurturing and respectful people in a progressive, healthy and balanced environment governed by honest leaders</p> | ||
| </center> | ||
| </div> | ||
| <div class="modal-footer"> | ||
| <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <section class="card3"> | ||
| <img src="Picture/indang1.jpg" alt="Joh"width="300" height="200"> | ||
| <h3>INDANG CAVITE</h3> | ||
| <p class="title">Municipal Profile</p> | ||
| <p>REGION : IV-A PROVINCE : CAVITE CONGRESSIONAL DISTRICT: 7 th | ||
| MUNICIPALITY : INDANG | ||
| ... | ||
| </p> | ||
| <p><div class="button"><a href="#open-modal3"><font color="white">READ MORE</font></a> | ||
| </div></p> | ||
| <div id="open-modal3" class="modal-window"> | ||
| <div> | ||
| <a href="#modal-close" title="Close" class="modal-close"><font size="4"><B>[CLOSE]</B></font></a> | ||
| <h1><font size="5" color="green"><B>Municipal Profile</b> </font></h1> | ||
| <div><img src="Picture/municipal.jpg"align="left" width="500"><p><h2><B>Fact and Figures</b></h2> | ||
| <B>REGION</b> : IV-A </br> <b>PROVINCE</b> : CAVITE </br> | ||
| <B>CONGRESSIONAL DISTRICT:</b> 7 th </br> | ||
| <b>MUNICIPALITY</b> : INDANG | ||
| </br> | ||
| <B>Income Class</b> : 1st Class </br> | ||
| <B>Meaning of its name :</b> Indan tree or Anubing | ||
| <br>         Established in 1655 under Juan</br>       | ||
| Dimabiling | ||
| </br> | ||
| <b>Land Area :</b> 8,920 hectares (89.20 sq.km.) </br> | ||
| <b>Number of Barangay : </b> 36 barangays </br> | ||
|        (32 rural and 4-urban)</br> | ||
| <b>Number of Bridges :</b> 21 bridges</br> | ||
| <b>Major Rivers :</b> Six (6) with 88 natural springs | ||
| </p></div> | ||
| </div> | ||
| </section> | ||
| <!-- Modal --> | ||
| <div id="inprofile" class="modal fade" role="dialog"> | ||
| <div class="modal-dialog modal-lg"> | ||
| <!-- Modal content--> | ||
| <div class="modal-content"> | ||
| <div class="modal-header"> | ||
| <button type="button" class="close" data-dismiss="modal">×</button> | ||
| <h4 class="modal-title">Municipal Profile</h4> | ||
| </div> | ||
| <div class="modal-body"> | ||
| <h1><font size="5" color="green"><B>Fact and Figures</b> </font></h1> | ||
| <center> | ||
| <img src="Picture/municipal.jpg" align="" width="500" style="border:1px solid;"></center> | ||
| <hr> | ||
| <table class="table table-bordered"> | ||
| <tr> | ||
| <td><B>REGION</b> :</td> | ||
| <td>IV-A</td> | ||
| </tr> | ||
| <tr> | ||
| <td><B>PROVINCE</b> :</td> | ||
| <td>CAVITE</td> | ||
| </tr> | ||
| <tr> | ||
| <td><B>CONGRESSIONAL DISTRICT</b> :</td> | ||
| <td>7 th </td> | ||
| </tr> | ||
| <tr> | ||
| <td><B>MUNICIPALITY</b> :</td> | ||
| <td>INDANG</td> | ||
| </tr> | ||
| <tr> | ||
| <td><B>Income Class</b> :</td> | ||
| <td>1st Class</td> | ||
| </tr> | ||
| <tr> | ||
| <td><B>Meaning of its name </b> :</td> | ||
| <td>Indan tree or Anubing Established in 1655 under Juan Dimabiling</td> | ||
| </tr> | ||
| <tr> | ||
| <td><B>Land Area</b> :</td> | ||
| <td>8,920 hectares (89.20 sq.km.) </td> | ||
| </tr> | ||
| <tr> | ||
| <td><B>Number of Barangay</b> :</td> | ||
| <td> 36 barangays</td> | ||
| </tr> | ||
| <tr> | ||
| <td><B>Number of Bridge</b> :</td> | ||
| <td>21 bridges</td> | ||
| </tr> | ||
| <tr> | ||
| <td><B>Major Rivers </b> :</td> | ||
| <td>Six (6) with 88 natural springs</td> | ||
| </tr> | ||
| </table> | ||
| </div> | ||
| <div class="modal-footer"> | ||
| <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <script src="Resident_Profiling/jquery/jquery-3.3.1.min.js"></script> | ||
| <script src="Resident_Profiling/js/bootstrap.min.js"></script> | ||
| <script src="Resident_Profiling/vendor/js/jquery.dataTables.min.js"></script> | ||
| <script src="Resident_Profiling/vendor/js/dataTables.bootstrap.min.js"></script> | ||
| </body> | ||
| </html> | ||
| </html> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters