leznuparposts-blog - Tumblr blog

leznuparposts-blog · 5 years

Text

Canitoan Barangay Clearance

<!DOCTYPE html> <html lang="en"> <head> <title>Barangay Clearance</title>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <style> * { box-sizing: border-box; } .header { overflow: hidden; padding: 0px 10px; color:white; font-family:impact; } .my-custom-scrollbar { position: relative; height: 350px; overflow: auto; } .table-wrapper-scroll-y { display: block; } </style> </head> <body> <div class="header bg-success"> <h1 style="font-size:7vw;">BARANGAY CANITOAN</h1> </div> <br/> <div class="container"> <h2>Business Permit Clearance History</h2> <div class="row"> <div class="col-sm-8"> <input class="form-control" type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name"> </div> <div class="col-sm-4"> <a class="btn btn-success btn-block" href="input.php" role="button">Create New Transaction</a> </div> </div> <br/> <table class="table table-bordered table-striped mb-0"> <thead> <tr> <th style="width: 25%">Firstname</th> <th style="width: 25%">Lastname</th> <th style="width: 30%">Purpose</th> <th style="width: 20%">Date</th> </tr> </thead> </table> <div class="table-wrapper-scroll-y my-custom-scrollbar"> <table id="myTable" class="table table-striped mb-0"> <tbody> <tr> <td style="width: 25.5%">John</td> <td style="width: 25.5%">Doe</td> <td style="width: 30.5%">Business Permit</td> <td style="width: 19.5%">2019-03-04</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>Business Permit</td> <td>2019-03-03</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>Business Permit</td> <td>2019-03-01</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>Business Permit</td> <td>2019-03-04</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>Business Permit</td> <td>2019-03-03</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>Business Permit</td> <td>2019-03-01</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>Business Permit</td> <td>2019-03-04</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>Business Permit</td> <td>2019-03-03</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>Business Permit</td> <td>2019-03-01</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>Business Permit</td> <td>2019-03-04</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>Business Permit</td> <td>2019-03-03</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>Business Permit</td> <td>2019-03-01</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>Business Permit</td> <td>2019-03-04</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>Business Permit</td> <td>2019-03-03</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>Business Permit</td> <td>2019-03-01</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>Business Permit</td> <td>2019-03-04</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>Business Permit</td> <td>2019-03-03</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>Business Permit</td> <td>2019-03-01</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>Business Permit</td> <td>2019-03-04</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>Business Permit</td> <td>2019-03-03</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>Business Permit</td> <td>2019-03-01</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>Business Permit</td> <td>2019-03-04</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>Business Permit</td> <td>2019-03-03</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>Business Permit</td> <td>2019-03-01</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>Business Permit</td> <td>2019-03-04</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>Business Permit</td> <td>2019-03-03</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>Business Permit</td> <td>2019-03-01</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>Business Permit</td> <td>2019-03-04</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>Business Permit</td> <td>2019-03-03</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>Business Permit</td> <td>2019-03-01</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>Business Permit</td> <td>2019-03-04</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>Business Permit</td> <td>2019-03-03</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>Business Permit</td> <td>2019-03-01</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>Business Permit</td> <td>2019-03-04</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>Business Permit</td> <td>2019-03-03</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>Business Permit</td> <td>2019-03-01</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>Business Permit</td> <td>2019-03-04</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>Business Permit</td> <td>2019-03-03</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>Business Permit</td> <td>2019-03-01</td> </tr> </tbody> </table> </div> </div> <script> function myFunction() { var input, filter, table, tr, td, i, txtValue; input = document.getElementById("myInput"); filter = input.value.toUpperCase(); table = document.getElementById("myTable"); tr = table.getElementsByTagName("tr"); for (i = 0; i < tr.length; i++) { td = tr[i].getElementsByTagName("td")[0]; if (td) { txtValue = td.textContent || td.innerText; if (txtValue.toUpperCase().indexOf(filter) > -1) { tr[i].style.display = ""; } else { tr[i].style.display = "none"; } } } } </script> </body> </html>

#SLP CS27

0 notes

leznuparposts-blog · 5 years

Text

Barangay Canitoan Website

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Canitoan</title> <meta name="viewport" content="width=device-width, initial-scale=1">  <link rel="stylesheet" href="https://www.w3schools.com/w3css/3/w3.css">  <link href="css/styles.css" rel="stylesheet"> </head> <body> <div> <a href="index.html"> <img src="img/Canitoan012.png" style="height:120px"> </div>  <div id="navbar"> <nav class="w3-bar w3-green"> <a href="index.html" class="w3-button w3-bar-item">Home</a> <a href="about.html" class="w3-button w3-bar-item">About</a> <a href="achievements.html" class="w3-button w3-bar-item">Achievements</a> <a href="contact.html" class="w3-button w3-bar-item">Contact</a> <a href="forms.html" class="w3-button w3-bar-item">Forms</a> <a href="articleind.php" class="w3-button w3-bar-item">Articles</a>  <script src="js/Main.js"></script> </nav> </header> </div>  <section> <a href = "about.html" > <img class="mySlides" src="img/CanitoanP.jpg" style="width:100%"> </a> <a href = "contact.html" > <img class="mySlides" src="img/Canitoan001.jpg" style="width:100%"> </a> <img class="mySlides" src="img/CanitoanP.jpg" style="width:100%"> </section>  <script src="js/Main.js"></script>  <section class="w3-container w3-center w3-content" style="max-width:600px"> <h2 class="w3-wide">Barangay Canitoan </h2> <p class="w3-opacity"><i>Environment Friendly Barangay</i></p> <p class="w3-justify">Barangay Canitoan is situated in the Southern part of the city of Cagayan De Oro.It is subdivided into ten (10) known sitios namely: from Zone 1-Zone 10. Three (3) Subdivisions namely: Scions Subd, PN Roa Subd and Camella Cerritos (on-going construction). Barangay Canitoan has also Relocation Sites namely: Phase 1, Phase 2A & B, Phase 3 Relocation Site, Oro Habitat, Lutheran Village, Mahogany Village, Talongan Village, GK Shell, Filipino Chinese, Crayola, Quadruplex &; GK/SM BDO. About 15% of the land area is classified as Agricultural; 70% is residential and those used by the government; and 15% is covered by commercial establishment.</p> </section>  <h2 class="officials"> Officials </h2> <section class="w3-row-padding w3-center w3-light-grey"> <article class="w3-third"> <p>Brangay Captain</p> <img src="img/official.jpg" style="width:20%"> <p>Joshua</p> </article> <article class="w3-third"> <p>Kagawad</p> <img src="img/official.jpg" style="width:20%"> <p>Lagumen</p> </article> <article class="w3-third"> <p>Kagawad</p> <img src="img/official.jpg"style="width:20%"> <p>Yanez</p> </article> <article class="w3-third"> <p>Kagawad</p> <img src="img/official.jpg"style="width:20%"> <p>Taboclaon</p> </article> <article class="w3-third"> <p>Kagawad</p> <img src="img/official.jpg"style="width:20%"> <p>Lustre</p> </article> <article class="w3-third"> <p>Kagawad</p> <img src="img/official.jpg"style="width:20%"> <p>Padla</p> </article> <article class="w3-third"> <p>Kagawad</p> <img src="img/official.jpg"style="width:20%"> <p>Tante</p> </article> <article class="w3-third"> <p>Kagawad</p> <img src="img/official.jpg"style="width:20%"> <p>Callo</p> </article> <article class="w3-third"> <p>SK Chairman</p> <img src="img/official.jpg"style="width:20%"> <p>Datahan</p> </article> </section>  <div class="achievements"> <h1> Achievements </h1> <li>Eco Friendly Barangay </li> </div>  <h1> Contact Us </h1> <p> Location of Canitoan </p> <section class="map"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d31570.919457453183!2d124.58239503643732!3d8.46384775894017!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x32ff8ca6efa76217%3A0x8a2c13aa584988a4!2sCanitoan%2C+Cagayan+de+Oro%2C+Misamis+Oriental!5e0!3m2!1sen!2sph!4v1551891400386" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> </section> <h2> Weather </h2> <a class="weatherwidget-io" href="https://forecast7.com/en/8d45124d63/cagayan-de-oro/" data-label_1="Cagayan de Oro City" data-label_2="WEATHER" data-theme="original" >Cagayan de Oro City</a><br> <script> !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js'); </script>  <footer class="w3-container w3-padding-64 w3-center w3-black w3-xlarge"> Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a> <br> &copy Barangay Canitoan 2019 </p> </footer> </body> </html>

#CS27 #CanitoanProject SLP

1 note · View note