Scribd
Upload
15 views

codes

Uploaded by

Cristine Versoza
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
15 views

codes

Uploaded by

Cristine Versoza
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 30

Form 1:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home - Municipality of Lal-lo</title>

<link rel="stylesheet" href="styles.css">


</head>
<body>

<div class="bst">
<img src="D:\cpko\Downloads\logo-removebg-preview.png" alt="Image description"
style="float: left; margin-right: 1px;" width="100" height="100">
<h2 style="text-align:left;font-family: Bernard MT Condensed;">Municipality of
Lal-lo</h2>
<p style="text-align: left;">P. Dupaya Street, Centro, Lal-lo, Philippines</p>
<p id="date-time" style="text-align: right;"></p>
</div>
<script>
function updateDateTime() {
const now = new Date();
const options = { weekday: 'long', year: 'numeric', month: 'long', day:
'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' };
const dateTimeString = now.toLocaleString('en-US', options);
document.getElementById('date-time').innerText = dateTimeString;
}

updateDateTime();
</script>

<header>
<nav>
<ul>
<li><a href="home.html">HOME</a></li>

<li><a href="transparency.html">Transparency</a></li>

<li><a href="opportunities.html">Opportunities</a></li>

<li><a href="business.html">Business</a></li>

<li><a href="tourism.html">Tourism</a> </li>

<li><a href="about.html">About Lallo</a></li>

<li><a href="services.html">Services</a></li>
</ul>
</nav>
</header>

<div class="frame">
<div class="imgContainer">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\images\6.jpg" alt="">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\images\5.jpg" alt="">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\images\4.jpg" alt="">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\images\3.jpg" alt="">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\images\2.jpg" alt="">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\images\1.jpg" alt="">

</div>
</div>
</div>

<div class="Hotline" style="padding: 15px; float: right; margin-top: 50px; margin-


right:450px;">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main menu\images\eh.jpg"
height="600px" width="350px">
</div>
</div>
<div class="table-container">
<div class="col-sm-12 col-lg-12" style="padding: 15px; margin-left: 50px; margin-
right: 400px; ">
<div class="announcement-holder" style="padding: 15px; box-shadow: 0px 0px 1px 1px
#cccccc; ">
<h2 class="font-weight-bold text-danger"><img src="C:\Users\Cristine\Desktop\
cris_website - Copy\main menu\images\hotline.jpg" height="50" width="50">Hospital
Hotlines</h2>
<table class="table">
<tbody>
<tr>
<td class="font-weight-bold">Lyceum of Aparri Hospital</td>
<td><iframe width="250" height="100 " <img src="C:\Users\Cristine\Desktop\
cris_website - Copy\main menu\images\1.jpg" frameborder="0" scrolling="no"
marginheight="0" marginwidth="0"></iframe><br>3515 Aparri Cagayan Valley<br>(078) 822
8843</td>
</tr>
<tr>
<td class="font-weight-bold">Matilde A. Olivas District Hospital</td>
<td><iframe width="250" height="100" <img src="C:\Users\Cristine\Desktop\
cris_website - Copy\main menu\images\1.jpg" frameborder="0" scrolling="no"
marginheight="0" marginwidth="0"></iframe><br>0997-065-8768</td>
</tr>
<tr>
<td class="font-weight-bold">Lasam District Hospital</td>
<td><iframe width="250" height="100" <img src="C:\Users\Cristine\Desktop\
cris_website - Copy\main menu\images\1.jpg" frameborder="0" scrolling="no"
marginheight="0" marginwidth="0"></iframe><br>03524 Centro II Cagayan Valley</td>
</tr>
<tr>
<td class="font-weight-bold">Aparri Christian Hospital, Inc.</td>
<td><iframe width="250" height="100" <img src="C:\Users\Cristine\Desktop\
cris_website - Copy\main menu\images\1.jpg" frameborder="0" scrolling="no"
marginheight="0" marginwidth="0"></iframe><br>Diego Silang St, Aparri, 3515
Cagayan<br> (078) 888 2447</td>
</tr>
</tbody>
</table>

<!-- <hr> -->


</div>

<div class="col-sm-12 col-lg-12" style="padding: 5px; margin-left: 20px; margin-


right: 10px; "></div>
<div class="announcement-holder" style="padding: 15px; box-shadow: 0px 0px 1px 1px
#cccccc; ">
<h2 class="font-weight-bold text-danger"><img src="C:\Users\Cristine\Desktop\
cris_website - Copy\main menu\images\news.jpg" height="90" width="90"> Updates</h2>
<table class="table">
<tbody>
<tr>
<div class="card-body">
<div class="card shadow-sm">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main menu\images\
7.jpg" class="image-fluid" width="250px" height="250px">
<div class="card-body">
<h3 class="font-weight-bold">LGU LAL-LO LAUNCHES BRGY. FUSINA BHS </h3>
<p>To further the healthcare services in the municipality of Lal-lo, the
Local Government Unit of Lal-lo, headed by Hon. Mayor Florante C. Pascual, CPA,
through its Rural Health Unit (RHU) inaugurated and blessed the Fusina Barangay Health
Station (BHS) on May 30, 2024, witnessed by Vice Mayor Hon. Maria Olivia B. Pascual.
The erection of the newly inaugurated BHS aims to cater the basic
healthcare needs of the residents of Brgy. Fusina and nearby barangays.

</p>
<small class="card-text">2024-05-28 08:53:03</small>
</div>
</div>
</tr>
<tr>
<div class="card-body">
<div class="card shadow-sm">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main menu\images\
8.jpg" class="image-fluid" width="250px" height="250px">
<div class="card-body">
<h3 class="font-weight-bold">REGION 2 NUTRITION EVALUATION TEAM ASSESSES
LAL-LO'S NUTRITION PROGRAM FOR AWARD RENEWAL </h3>
<p>The Nutrition Evaluation Team (NET) of Region 2 conducted its 2024
Monitoring and Evaluation of Local Level Plan Implementation Protocol (MELLPI Pro) in
the municipality of Lal-lo at the Lal-lo Multipurpose Center’s Function Hall today,
May 31, 2024. <br>
<a href="https://www.facebook.com/share/p/u9GwdCUnh7FEMPxQ/">read
more</a>.</p>
<small class="card-text">2024-05-28 08:53:03</small>
</div>
</div>
</tr>
<tr>
<div class="card-body">
<div class="card shadow-sm">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main menu\
images\9.jpg" class="image-fluid" width="250px" height="250px">
<div class="card-body">
<h3 class="font-weight-bold">ATTENTION: TO ALL JOB SEEKERS </h3>
<p>The Altima Manpower Agency, Inc. will be having their Special
Recruitment Activity on May 8-10, 2024 at the Lal-lo Municipal Hall Lobby, 9:00 AM to
3:00 PM.<br>
<a href="https://www.facebook.com/share/p/8Y72X8ov9oW2d9Wf/">read
more</a>.</p>
<small class="card-text">2024-05-28 08:53:03</small>
</div>
</div>

</tbody>
</table>

<!-- <hr> -->


</div>
</div>
</div>

<div style="margin-top: 50px;">


<div class="facts" >
<hr>
<h1 style="text-align: center; "> Quick Facts about Lal-lo</h1>
<hr>
<p>Lal-lo, officially the Municipality of Lal-Lo (Ibanag: Ili nat Lal-lo; Ilocano:
Ili ti Lal-lo; Tagalog: Bayan ng Lal-lo), is a 1st class municipality in the province
of Cagayan, Philippines. According to the 2015 census, it has a population of 44, 506
people. During the Spanish colonial period, Lal-lo was known as Ciudad de Nueva
Segovia and was the seat of the Diocese of Nueva Segovia before it was moved to Vigan
in Ilocos Sur.</p>
<p> </p>
<p>The Municipality of Lal-lo is one of the first four cities in the Philippines.
Others are Cebu (1565); Manila 1571; and Naga (1575). Lal-lo (formerly named Nueva
Segovia) for a time enjoyed the lavish gifts of the Papal Throne. It was named Nueva
Segovia by Juan Pablo Carreon in 1581. It was visited by Juan Salcedo in 1572 and Luis
Perez Dasmariñas in 1592. Because of its navigable river, it was chosen the capital of
Cagayan Valley. It was also the seat of the Diocese created by Pope Clement VIII on
August 15, 1595 till the seat was transferred to Vigan, Ilocos Sur in 1755. It was the
capital of Cagayan up to 1839 when the Provincial Government was moved to Tuguegarao,
Miguel Buenavides, O. P., a very famous personage among the missionaries at that time
was elected bishop to the diocesan home in Nueva Segovia. He later found the
University of Santo Tomas.</p>
<p> </p>
<p>There is a widespread belief that Lal-lo town without peer when it comes to
mestizas- that racial mixture of Malay, Spanish, Chinese and American which is the
genetic formula for haunting loveliness. It is common place that when you talk about
mestizas, you will have a horde of eager listeners. But in Lal-lo, consensus says
people will laugh at you. They are so familiar with them that they are taken for
granted as household commodities like Kodak and Coca Cola. Like its beautiful women,
Lal-lo has a beautiful history.</p>
<p> </p>
<p>At first blush, Lal-lo could be easily mistaken for on American mining ghost
town. But, tropical growth sparkling in the warm sunshine, seem to vie for the
opportunity to tell stories about its happy dead day.</p>
<p> </p>
<p>Its early inhabitants were the Ybanags. Most of their women are engaged in
weaving clothes. One step in the preparation of the thread before weaving is winding,
which was manipulated with the aid of a crude implement. According to Julian
Malumbres, O.P. the Spanish historian, the natives subsequently called the town after
a piece of thread “hilo”. In Ibanag, the thread is called “il-lo-c”, distorted to Lal-
loc. Others, however, said that the name Lal-lo was derived from the big; strong,
whirling current of the Cagayan River called in the dialect “mal-lal- lal-lo”, which
is found up to this time near the point of a “bato” or stone along the bank of the
river.</p>
<p> </p>
<p>The early settlers of Lal-lo are the native Ibanags who built their communities
along the banks of the Cagayan River. Their main livelihood was fishing and they
caught fish in great quantities. The very productive culture of rice was introduced by
the migrants who came from the Ilocos provinces. They arrived yearly by big wooden
boats called “virays” or “pangco” to sell their native wares composed of clay pots,
molasses, salt, onions, garlic and sinamay clothes for barter. Later, finding the rich
soil of Lal-lo very productive and satisfying their natural love for agriculture and
industry, intermarried with the native Ibanags and begun the opening of wide
homesteads which created an exodus of Ilocanoes to the municipality.</p>
<p style="text-align: right;">(Source: Wikipedia and LGU Lal-lo)</p>
</div></div>

<div class="container-fluid" id="footer" style="margin-top: auto; ">

<div class="row">
<div class="col-md-4">
<h5 style="margin-left: 30px;">Government Links</h5>
<ul style="margin-left: 50px;">
<li><a href="https://www.officialgazette.gov.ph/">Republic of the
Philippines Official Gazette</a></li>
<li><a href="https://op-proper.gov.ph/">Office of the President</a></li>
<li><a href="http://legacy.senate.gov.ph/">Senate of the
Philippines</a></li>
<li><a href="https://www.congress.gov.ph/">House of the
Representatives</a></li>
<li><a href="https://sc.judiciary.gov.ph/">Supreme Court</a></li>
<li><a href="https://dilg.gov.ph/">Department of Interior &amp; Local
Government</a></li>
<li><a href="http://www.csc.gov.ph/">Civil Service Commision</a></li>
<li><a href="https://dfa.gov.ph/">Department of Foreign Affairs</a></li>
<li><a
href="http://www.tourism.gov.ph/general_information.aspx">Department of
Tourism</a></li>
<li><a href="https://pia.gov.ph/">Philippine Information Agency</a></li>
<li><a href="https://dict.gov.ph/">Department of Information &amp;
Communication Technology</a></li>
<li><a href="http://kapalong.gov.ph/">Open Data</a></li>
<li><a href="http://kapalong.gov.ph/">Freedom of Information</a></li>
<li><a href="https://fdpp.dilg.gov.ph/">Full Disclosure Portal</a></li>
</ul>
</div>

<div class="col-md-4">
<h5>Contact Us</h5>
<form action="javascript:void(0);">
<div class="form-group">
<label for="email">Email address</label>
<input type="email" class="form-control"
placeholder="[email protected]">
</div>
<div class="form-group">
<label for="email" >Type in your concern</label>
<textarea rows="3" cols="30" class="form-control" style="resize: none;">
</textarea>
</div>

<button id="submit-button" type="submit" class="btn text-


light">Submit</button>

</form>

<script>
document.querySelector('form').addEventListener('submit', function(event) {

event.preventDefault();

// Display a confirm box


var confirmation = confirm('Are you sure you want to submit this
form?');

// Check if the user confirmed the action


if (confirmation) {
// Do something if the user confirmed (e.g. submit the form)
alert('Form submitted!');
} else {
// Do something if the user cancelled (e.g. nothing)
alert('Form submission cancelled.');
}
});
</script>

<hr>
<div class="add">
<small>
<h4>Address:<br><h5>Lallo Cagayan, Philippines</h5></h4>
<h4>Telephone Number:<br><h5>(084) 807 0004</h5></h4>
<h4>Email Address:<br><h5>[email protected]</h5></h4>
</small>
</div>
</div>
</div>
</div>
<div class="container-fluid" id="sub-footer">
<div class="row">
<div class="col-md-6">
<div class="float-left">
<p style="text-align: center;"> © The unofficial Website of Municipality of
Lallo. All Right Reserved 2019.</p>
</div>
</div>
<div class="col-md-6">
<div class="float-right">
<!-- Social media icons here -->
</div>
</div>
</div>
</div>

</div>
</body>
</html>

Form 2:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Transparency - Municipality of Lal-lo</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="bst">
<img src="D:\cpko\Downloads\logo-removebg-preview.png" alt="Image description"
style="float: left; margin-right: 1px;" width="100" height="100">
<h2 style="text-align:left;font-family: Bernard MT Condensed;">Municipality of
Lal-lo</h2>
<p style="text-align: left;">P. Dupaya Street, Centro, Lal-lo, Philippines</p>
<p id="date-time" style="text-align: right;"></p>
</div>
<script>
function updateDateTime() {
const now = new Date();
const options = { weekday: 'long', year: 'numeric', month: 'long', day:
'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' };
const dateTimeString = now.toLocaleString('en-US', options);
document.getElementById('date-time').innerText = dateTimeString;
}

updateDateTime();
</script>

<header >
<nav >
<ul style="text-align: center;">
<li><a href="home.html">HOME</a></li>
<li><a href="transparency.html">Transparency</a></li>
<li><a href="opportunities.html">Opportunities</a></li>
<li><a href="business.html">Business</a></li>
<li><a href="tourism.html">Tourism</a></li>
<li><a href="about.html">About Lallo</a></li>
<li><a href="services.html">Services</a></li>
</ul>
</nav>
</header>
<div style="text-align: center;" class="menubt">
<button id="button1">Programs and Projects</button>
<button id="button2">Executive Offices</button>
<button id="button3">Historical Background</button>
</div>

<div id="section1" class="section" >


<h2 style="text-align: center;background-color: antiquewhite;padding:
20px;">Notable programs and projects related to Lal-lo, Cagayan:</h2>
<h4>Solar Power Plant:</h4>
<p>The project is expected to be operational by early next year,
producing 188 gigawatt-hours of renewable energy annually, enough to power
approximately 75,000 households while avoiding around 112,405 metric tons of carbon
dioxide emissions.</p>

<h4>Farm Learning System (FLS) and Dairy Buffalo Production (DBP):</h4>


<p>The FLS-DBP is a 34-week learning modality that focuses on dairy
buffalo production. </p>

<h4>CORN (Cagayan Valley Department of Agriculture) Programs:</h4>


<p>
Lal-lo benefits from agricultural information services, technology
development, and support services provided by the Department of Agriculture. </p>

<h4>National Greening Program:</h4>


<p>Focused on reforestation and afforestation. </p>

<h4>Pantawid Pamilya:</h4>
<p>A conditional cash transfer program. </p>

<h4>Social Pension Program:</h4>


<p>Providing financial assistance to senior citizens. </p>

<h4>Integrated Livelihood Enhancement Program:</h4>


<p>Empowering communities through livelihood opportunities. </p>

<h4>Self-Employment Assistance:</h4>
<p>Supporting livelihood projects. </p>

<h4>DENR Patent Issuance Program:</h4>


<p>Facilitating land titling.</p>

<h4>Integrated Coastal Resources Management Project:</h4>


<p>Promoting sustainable coastal management. </p>

<h4>Agrarian Infrastructure Support Project:</h4>


<p>Enhancing agricultural infrastructure</p>

<h4>Basic Education Facilities Program:</h4>


<p>Improving school facilities.</p>

<h4>Farm-to-Market Roads:</h4>
<p>Enhancing rural connectivity.</p>

<h4>Lallo International Airport:</h4>


<p>A project aimed at improving air transport and cargo services. </p>
<h4>Hospital Upgrading Projects:</h4>
<p>Enhancing healthcare facilities. </p>

<h4>Road Development Projects:</h4>


<p>Improving road networks and accessibility. </p>

</div>

<div id="section2" class="section">


<h2 style="text-align: center;background-color: antiquewhite;padding:
20px;">Executive Offices</h2>

<ul style="list-style-type:square;">
<li>Office of the Mayor</li>
<li>Municipal Accounting Office</li>
<li>Municipal Budget Office</li>
<li>Municipal Engineering Office</li>
<li>Municipal Social Welfare and Development Office</li>
<li>Municipal Civil Registrar's Office</li>
<li>Municipal Agriculture Office</li>
<li>Municipal Assessor's Office</li>
<li>Municipal Treasurer's Office</li>
<li>Municipal Planning and Development Office</li>
<li>Municipal Health Office</li>
<li>Municipal Disaster Risk Reduction and Management Office</li>
<li>Municipal Environment and Natural Resources Office</li>
<li>Municipal General Services Office</li>
<li>Municipal Tourism Office</li>

</ul>

</div>

<div id="section3" class="section">


<h2 style="text-align: center;background-color: antiquewhite;padding:
20px;">Let’s delve into the historical background of Lal-lo, Cagayan:</h2>
<h4>Origins and Early History:</h4>
<p>Lal-lo, previously known as Nueva Segovia, holds a significant place
in Philippine history as one of the first cities established in the country, alongside
Manila, Cebu, and Naga. During colonial times, Lal-lo served as the center of trade
and religious activities in Northern Luzon.
</p>

<h4>Capital of Cagayan Province:</h4>


<p> Lal-lo was the capital of Cagayan province until 1839 when the
provincial seat of power moved to Tuguegarao, leading to Lal-lo's decline as the
capital.</p>

<h4>Ecclesiastical Mission and Historical Significance:</h4>


<p>The Dominicans recognized Lal-lo as an ecclesiastical mission in
1604, 23 years after its foundation, and its navigable river made it a strategic
choice for the capital of Cagayan Valley.</p>

<h4>Population and Geography: </h4>


<p>Spanning 702.80 square kilometers (271.35 square miles), Lal-lo
accounts for 7.48% of Cagayan's total area.
As of 2020, the population was 48,733, representing 3.84% of Cagayan
province and 1.32% of the Cagayan Valley region.
The population density is approximately 69 inhabitants per square
kilometer.</p>

<h4>Barangays (Local Communities):</h4>


<p>Lal-lo consists of 35 barangays, each with its unique contribution to
the town's rich culture and heritage.
Notable barangays include Catayauan, Magapit, and Maxingal.</p>

<p style="color: blue;">

Sources:

themermaidtravels.com
en.wikipedia.org
philatlas.com
philippineculturaleducation.com.ph
investincagayanprovince.com.ph

</p>
</div>

<script src="script.js"></script>

</body>
</html>

Form 3:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Opportunities - Municipality of Lal-lo</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>

<div class="bst">
<img src="D:\cpko\Downloads\logo-removebg-preview.png" alt="Image description"
style="float: left; margin-right: 1px;" width="100" height="100">
<h2 style="text-align:left;font-family: Bernard MT Condensed;">Municipality of
Lal-lo</h2>
<p style="text-align: left;">P. Dupaya Street, Centro, Lal-lo, Philippines</p>
<p id="date-time" style="text-align: right;"></p>
</div>
<script>
function updateDateTime() {
const now = new Date();
const options = { weekday: 'long', year: 'numeric', month: 'long', day:
'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' };
const dateTimeString = now.toLocaleString('en-US', options);
document.getElementById('date-time').innerText = dateTimeString;
}

updateDateTime();
</script>

<header>
<nav>
<ul>
<li><a href="home.html">HOME</a></li>
<li><a href="transparency.html">Transparency</a></li>
<li><a href="opportunities.html">Opportunities</a></li>
<li><a href="business.html">Business</a></li>
<li><a href="tourism.html">Tourism</a></li>
<li><a href="about.html">About Lallo</a></li>
<li><a href="services.html">Services</a></li>
</ul>
</nav>
</header>
<h1 style="text-align: center;">Opportunities</h1>
<p style="text-align: center;">Explore business and investment opportunities in
the Municipality of Lal-lo.</p>

<div class="pdf-container">
<embed class="pdf" src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\www-investincagaya....pdf" width="100%" height="600px">

</div>

</body>
</html>

Form 4:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Business - Municipality of Lal-lo</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>

<div class="bst">
<img src="D:\cpko\Downloads\logo-removebg-preview.png" alt="Image description"
style="float: left; margin-right: 1px;" width="100" height="100">
<h2 style="text-align:left;font-family: Bernard MT Condensed;">Municipality of
Lal-lo</h2>
<p style="text-align: left;">P. Dupaya Street, Centro, Lal-lo, Philippines</p>
<p id="date-time" style="text-align: right;"></p>
</div>
<script>
function updateDateTime() {
const now = new Date();
const options = { weekday: 'long', year: 'numeric', month: 'long', day:
'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' };
const dateTimeString = now.toLocaleString('en-US', options);
document.getElementById('date-time').innerText = dateTimeString;
}

updateDateTime();
</script>

<header>
<nav>
<ul>
<li><a href="home.html">HOME</a></li>
<li><a href="transparency.html">Transparency</a></li>
<li><a href="opportunities.html">Opportunities</a></li>
<li><a href="business.html">Business</a></li>
<li><a href="tourism.html">Tourism</a></li>
<li><a href="about.html">About Lallo</a></li>
<li><a href="services.html">Services</a></li>
</ul>
</nav>
</header>

<div id="section1" class="section" >


<h2 style="text-align: center;background-color: antiquewhite;padding:
20px;">Information about the Municipality of Lal-lo's business environment and
regulations.</h2>
<h4>Overview</h4>
<p>Lal-lo is a coastal municipality located in the province of Cagayan.
It covers a land area of approximately 702.80 square kilometers (271.35 square miles),
which constitutes about 7.48% of Cagayan’s total area.
As of the 2020 Census, the population of Lal-lo was 48,733</p>

<hr>
<h4 style="text-align: center;">Financial Highlights (Year 2020):</h4>
<hr>
<ul style="list-style-type:square;">
<li>Lal-lo is classified as a first-class municipality with a
population of over 60,000 constituents based on a survey conducted by the Barangay
Population Officers as of December 31, 2020.</li>
<li>It has 35 barangays spread over 70,280 hectares, making it the
fourth largest municipality in the Province of Cagayan in terms of land area.</li>
<li>The financial position of Lal-lo in 2020 was as follows:</li>
<ul style="list-style-type:circle;">
<li>Assets: PHP 678,452,765.97</li>
<li>Liabilities: PHP 325,829,340.64</li>
<li>Government Equity: PHP 352,623,425.33</li>
</ul>
<li>Financial performance highlights:</li>
<ul style="list-style-type:circle;">
<li>Income: PHP 361,257,495.59</li>
<li>Expense: PHP 312,339,842.66</li>
</ul>
<hr>
<h4 style="text-align: center;">Audit and Compliance:</h4>
<hr>
<li>The Commission on Audit (COA) conducted an audit of the accounts
and operations of the Municipality of Lal-lo for the year 2020. The audit aimed to
determine whether management presented the financial statements in adherence to the
International Public Sector Accounting Standards (IPSAS) and whether prevailing laws,
rules, and regulations were complied with. It also assessed the efficient and
effective utilization of funds</li>
<li>Similarly, the COA conducted an audit for CY 2021, focusing on
financial statements adherence to the Philippine Public Sector Accounting Standards
(PPSAS) and compliance with laws and regulations</li>

</ul>
</div>

</body>
</html>

Form 5:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tourism - Municipality of Lal-lo</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="bst">
<img src="D:\cpko\Downloads\logo-removebg-preview.png" alt="Image description"
style="float: left; margin-right: 1px;" width="100" height="100">
<h2 style="text-align:left;font-family: Bernard MT Condensed;">Municipality of
Lal-lo</h2>
<p style="text-align: left;">P. Dupaya Street, Centro, Lal-lo, Philippines</p>
<p id="date-time" style="text-align: right;"></p>
</div>
<script>
function updateDateTime() {
const now = new Date();
const options = { weekday: 'long', year: 'numeric', month: 'long', day:
'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' };
const dateTimeString = now.toLocaleString('en-US', options);
document.getElementById('date-time').innerText = dateTimeString;
}

updateDateTime();
</script>

<header>
<nav>
<ul>
<li><a href="home.html">HOME</a></li>
<li><a href="transparency.html">Transparency</a></li>
<li><a href="opportunities.html">Opportunities</a></li>
<li><a href="business.html">Business</a></li>
<li><a href="tourism.html">Tourism</a></li>
<li><a href="about.html">About Lallo</a></li>
<li><a href="services.html">Services</a></li>
</ul>
</nav>
</header>

<div class="plm">
<h1 style="text-align: center;">Tourism</h1>
<p style="text-align: center;">Explore the natural and cultural attractions of the
Municipality of Lal-lo.</p>

<div class="main-container">

<div class="container">

<div class="card">

<h2>How to get there??</h2>


<p><br>Lal-lo is a coastal municipality located in the province of
Cagayan, Philippines.
It’s part of the Cagayan Valley region in Luzon and is known
for its rich history and
cultural heritage. It’s situated along the Cagayan River,
which is
the longest and largest river in the Philippines
</p>

<a style="text-align: right;" href="how-to-get-here.html">


<button>How to Get Here</button>
</a>

</div>
</div>

<div class="container">

<div class="card">

<h2>What to See and Explore?? </h2>


<p><br>Lal-lo offers many attractions and places to visit.
Here are the most important ones: Magapit Suspension
Bridge,
Tucalana Ruins, Reggae Ranch, and Castle in the sky. Below
you will find a complete list of places worth visiting.
</p>
<a style="text-align: right;" href="lallo-attractions.html">
<button>Lallo Attractions</button>
</a>
</div>
</div>

<div class="container">

<div class="card">

<h2> Lal-lo Accommodations </h2>


<p><br>A place where you can live or stay, often
temporarily.
It can include various types of lodgings such as
hotels, guesthouses,
hostels, and apartments. It also provide additional
services like meals and housekeeping.
</p>
<a style="text-align: right;"href="lallo-
accommodations.html"><button>Lallo Accommodations</button>
</a>
</div>
</div>
<div class="container">

<div class="card">

<h2> Cabibi Festival </h2>


<p><br>CABIBI FESTIVAL is the patronal town fiesta of Lal-
lo in Cagayan
from August 1-4th of the year. The four-day festival
features trade
fairs and street dancing to celebrate the town’s
transition from
paganism into Christianity during the Spanish
colonization.
</p>
<a style="text-align: right;"href="cabibi.html"><button>
Cabibi Festival</button>
</a>
</div>
</div>

</div>
</div>

</body>
</html>

Form 6:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Services - Municipality of Lal-lo</title>
<link rel="stylesheet" href="style7.css">

</head>
<body>
<div class="bst">
<img src="D:\cpko\Downloads\logo-removebg-preview.png" alt="Image description"
style="float: left; margin-right: 1px;" width="100" height="100">
<h2 style="text-align:left;font-family: Bernard MT Condensed;">Municipality of
Lal-lo</h2>
<p style="text-align: left;">P. Dupaya Street, Centro, Lal-lo, Philippines</p>
<p id="date-time" style="text-align: right;"></p>
</div>
<script>
function updateDateTime() {
const now = new Date();
const options = { weekday: 'long', year: 'numeric', month: 'long', day:
'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' };
const dateTimeString = now.toLocaleString('en-US', options);
document.getElementById('date-time').innerText = dateTimeString;
}

updateDateTime();
</script>

<header>
<nav>
<ul>
<li><a href="home.html">HOME</a></li>
<li><a href="transparency.html">Transparency</a></li>
<li><a href="opportunities.html">Opportunities</a></li>
<li><a href="business.html">Business</a></li>
<li><a href="tourism.html">Tourism</a></li>
<li><a href="about.html">About Lallo</a></li>
<li><a href="services.html">Services</a></li>
</ul>
</nav>
</header>

<div style="text-align: center;" class="menubt">


<button id="button1">Vision and Mission</button>
<button id="button2">Elected Officials</button>
<button id="button3">Barangays</button>
<button id="button5">Schools</button>
</div>

<div id="section1" class="section">


<h2 style="text-align: center; background-color: beige; border-radius: 20px;padding:
20px; font-size: 40px">VISION AND MISSION</h2>
<p style="text-align: center;" >Content for Section 1</p>
</div>

<div id="section2" class="section">


<h2 style="text-align: center; background-color: beige; border-radius: 20px;padding:
20px; font-size: 40px">Lal-lo Councilors, Mayor, Vice Mayor</h2>
<p style="text-align: center;">Here are the officials who will serve the
municipality from 2022 to 2025:</p>

<div class="container" id="con" style="margin-left: 450px;">

<div class="card">
<div class="imgBx">
<a href="#">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main menu\
officials\00.jpg" >
</a>
<h3>Mayor- Florence Oliver B. Pascual</h3>
</div>

</div>

<div class="card">
<div class="imgBx">
<a href="#">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main menu\
officials\11.jpg" >
</a>
<h3>Vice Mayor – Maria Olivia B. Pascual</h3>
</div>
</div>

</div>

<h2 style="text-align: center;">Municipal Councilors or Sangguniang Bayan (SB)


Members</h2>

<div class="container" id="con2" style="margin-left: 150px;" >


<div class="card">
<div class="imgBx">
<a href="#">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main menu\
officials\22.jpg" >
</a>
<h2>INVIERNO, CRYSTAL</h2>
</div>

</div>

<div class="card">
<div class="imgBx">
<a href="#">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main menu\officials\
44.jpg" >
</a>
<h2>ISRAEL, JUN</h2>
</div>
</div>

<div class="card">
<div class="imgBx">
<a href="#">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main menu\
officials\88.jpg" >
</a>
<h3>SAMONTE, ROWYN </h3>
</div>

</div>

<div class="card">
<div class="imgBx">
<a href="#">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main menu\
officials\99.jpg" >
</a>
<h3>VINARAO, MONETTE</h3>
</div>

</div>

</div>

<div class="container" style="margin-left: 150px; margin-top: 0px;" >


<div class="card">
<div class="imgBx">
<a href="#">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main menu\officials\
10.jpg" >
</a>
<h2>SIRIBAN, GAYLEEN</h2>
</div>

</div>

<div class="card">
<div class="imgBx">
<a href="#">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main menu\officials\
12.jpg" >
</a>
<h2>BALATICO, JIMMY</h2>
</div>
</div>

<div class="card">
<div class="imgBx">
<a href="#">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main menu\officials\
77.jpg" >
</a>
<h3>BACUYAG, JIMMY</h3>
</div>

</div>

<div class="card">
<div class="imgBx">
<a href="#">
<img src="C:\Users\Cristine\Desktop\cris_website - Copy\main menu\officials\
55.jpg" >
</a>
<h3>ROSALES, WINSTON</h3>
</div>

</div>

</div>
</div>

<div id="section3" class="section">

<div class="row" id="cont-photo">


<div class="container-fluid">
<h1 style="text-align: center; background-color: beige; border-radius:
20px;padding: 20px; font-size: 40px">Barangays of Lal-lo </h1>
<div class="border"></div>
<div style="text-align: center;" class="row" id="organizational-holder-logo">
<div style="text-align: center;" class="col-lg-12 col-sm-12 card-deck mx-
auto">

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Abagao,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\01.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Abagao</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Alaguia,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\02.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Alaguia</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Bagumbayan,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\03.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Bagumbayan</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Bangag,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\04.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Bangag</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Bical,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\05.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Bical</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Bicud,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\06.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Bicud</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Binag,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\07.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Binag</p>
</div>
</a>
</div>
</div>

<div class="col-lg-12 col-sm-12 card-deck mx-auto">


<div class="card col-lg-3 col-md-3 col-sm-12">
<a href="https://www.zamboanga.com/z/index.php?
title=Cabayabasan_(Capacuan),_Lal-Lo,_Cagayan,_Philippines"><img src="C:\Users\
Cristine\Desktop\cris_website - Copy\main menu\brgy\08.jpg" class="card-img-top"
alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Cabayabasan_</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Cagoran,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\09.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Cagoran</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Cambong,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\10.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Cambong</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Catayauan,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\11.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Catayauan</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Catugan,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\12.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Catugan</p>
</div>
</a>
</div>
<div class="card col-lg-3 col-md-3 col-sm-12">
<a href="https://www.zamboanga.com/z/index.php?title=Centro_(Pob.),_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\13.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Centro_(Pob.)</p>
</div>
</a>
</div>
<div class="card col-lg-3 col-md-3 col-sm-12">
<a href="https://www.zamboanga.com/z/index.php?title=Cullit,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\14.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Cullit</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Dagupan,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\15.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Dagupan</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Dalaya,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\16.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Dalaya</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="hhttps://www.zamboanga.com/z/index.php?title=Fabrica,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\17.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Fabrica</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Fusina,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\18.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Fusina</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Jurisdiction,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\19.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Jurisdiction</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Lalafugan,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\20.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Lalafugan</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Logac,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\21.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Logac</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?
title=Magallungon_(Sta._Teresa*),_Lal-Lo,_Cagayan,_Philippines"><img src="C:\Users\
Cristine\Desktop\cris_website - Copy\main menu\brgy\22.jpg" class="card-img-top"
alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Magallungon_</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Magapit,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\23.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Magapit</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Malanao,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\24.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Malanao</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Maxingal,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\25.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Maxingal</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Naguilian,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\26.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Naguilian</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Paranum,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\27.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Paranum</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Rosario,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\28.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Rosario</p>
</div>
</a>
</div>
<div class="card col-lg-3 col-md-3 col-sm-12">
<a href="https://www.zamboanga.com/z/index.php?
title=San_Antonio_(Lafu),_Lal-Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\
Desktop\cris_website - Copy\main menu\brgy\29.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay San Antonio (Lafu)
</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=San_Jose,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\30.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay San Jose</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=San_Juan,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\31.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay San Juan</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=San_Lorenzo,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\32.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay San Lorenzo</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=San_Mariano,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\33.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay San Mariano</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Santa_Maria,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\34.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Santa Maria</p>
</div>
</a>
</div>

<div class="card col-lg-3 col-md-3 col-sm-12">


<a href="https://www.zamboanga.com/z/index.php?title=Tucalana,_Lal-
Lo,_Cagayan,_Philippines"><img src="C:\Users\Cristine\Desktop\cris_website - Copy\main
menu\brgy\35.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title font-weight-bold">Barangay Tucalana</p>
</div>
</a>
</div>

</div>
</div>
</div>
</div>

</div>

<div id="section5" class="section">


<h2 style="text-align: center; background-color: beige; border-radius: 20px;padding:
20px; font-size: 40px">Schools in Lal-lo</h2>

<ul style="list-style-type:circle; font-size: large;">


<li style="font-weight: bold;" >Lal-lo National High School (LNHS):</li>
<p> 1.Location: #45 National Highway, Lal-lo, Cagayan Valley, Philippines. </p>
<p> 2.LNHS is a prominent secondary school in Lal-lo, providing quality
education to high school students. It recently received DepEd Computerization Program
(DCP) Units to enhance the learning experience for students during the new normal
education.</p>
<p> 3.Programs: LNHS offers programs such as Bachelor in Elementary Education,
Bachelor in Secondary Education, Bachelor of Science in Agriculture, Diploma of
Agricultural Technology, and more.</p>
<p> 4.For early registration details, you can visit their registration form for
Grade 7 and Grade 11 registration form.</p>

<li style="font-weight: bold;">Lyceum of Lal-lo:</li>


<p> 1.Location: National Road, Lal-lo, Cagayan, Philippines. </p>
<p> 2.The Lyceum of Lal-lo is a growing learning institution. While specific
details about programs are not provided, it serves as a valuable educational resource
in the region.</p>

<li style="font-weight: bold;">Cabayabasan National High School:</li>


<p> 1.Location: Cabayabasan, Lal-lo, Cagayan, Philippines. </p>
<p> 2.The Cabayabasan National High School is an annex of Lal-lo National High
School. It aims to deliver transparent and quality education to its students.</p>

<li style="font-weight: bold;">Logac National High School (LONHS):</li>


<p> 1.Location: Logac, Lal-lo, Cagayan, Philippines. </p>
<p> 2.The LONHS emphasizes excellence as its top priority. Despite the
challenges posed by COVID-19, the school remains committed to ensuring that learning
continues and students thrive.</p>
<p> 3. LONHS offers both junior high school and senior high school programs.
</p>
</ul>

</div>

<script>
// Function to check if an element is in viewport
function isInViewport(element) {
const rect = element.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
}

// Callback function to handle intersection


function handleIntersection(entries, observer) {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.visibility = "visible";
}else{
entry.target.style.visibility = "hidden";
}
entry.target.style.animation = "slow 1.5s ease-in-out";
});
}

// Options for the IntersectionObserver


const options = {
root: null,
rootMargin: '0px',
threshold: 0.3 // Adjust this threshold as needed
};

// Create an IntersectionObserver
const observer = new IntersectionObserver(handleIntersection, options);

// Select all cards


const cards = document.querySelectorAll('.card');

// Observe each card


cards.forEach(card => {
observer.observe(card);
});
</script>
</script>
<script src="script.js"></script>
</body>
</html>

Form 7:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Services - Municipality of Lal-lo</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>

<div class="bst">
<img src="D:\cpko\Downloads\logo-removebg-preview.png" alt="Image description"
style="float: left; margin-right: 1px;" width="100" height="100">
<h2 style="text-align:left;font-family: Bernard MT Condensed;">Municipality of
Lal-lo</h2>
<p style="text-align: left;">P. Dupaya Street, Centro, Lal-lo, Philippines</p>
<p id="date-time" style="text-align: right;"></p>
</div>
<script>
function updateDateTime() {
const now = new Date();
const options = { weekday: 'long', year: 'numeric', month: 'long', day:
'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' };
const dateTimeString = now.toLocaleString('en-US', options);
document.getElementById('date-time').innerText = dateTimeString;
}

updateDateTime();
</script>

<header>
<nav>
<ul>
<li><a href="home.html">HOME</a></li>
<li><a href="transparency.html">Transparency</a></li>
<li><a href="opportunities.html">Opportunities</a></li>
<li><a href="business.html">Business</a></li>
<li><a href="tourism.html">Tourism</a></li>
<li><a href="about.html">About Lallo</a></li>
<li><a href="services.html">Services</a></li>
</ul>
</nav>
</header>
<div style="text-align: center;" class="menubt">
<button id="button1">2020 Full Disclosure Report</button>
<button id="button2">Disaster Preparedness</button>
<button id="button3">Social Welfare and Protection</button>
<button id="button4">Youth Development</button>
</div>

<div id="section1" class="section">


<h2 style="text-align: center; background-color: beige; border-radius:
20px;padding: 20px; font-size: 40px">2020 Full Disclosure Report</h2>
<ul style="list-style-type:square;">
<li>Annual Budget Report 2020</li>
<p> A comprehensive document that outlines the municipality’s projected
income and planned expenditures for the fiscal year 2020. It provides details on how
funds will be allocated across various programs, services, and projects.</p>
<li>Annual Gender and Development Accomplishment Report 2020</li>
<p>A report highlighting the municipality’s efforts in promoting gender
equality and addressing gender-related issues. It outlines activities, achievements,
and initiatives related to gender and development. </p>
<li>Annual Procurement Plan or Procurement List 2020</li>
<p> A plan that identifies the goods, services, and infrastructure
projects the municipality intends to procure during the year 2020. It ensures
transparency and efficient procurement processes.</p>
<li>Supplemental Procurement Plan 2020</li>
<p>An additional procurement plan that addresses unforeseen needs or
adjustments to the original plan. It covers any changes or additions to procurement
activities during the year. </p>
<li>Statement of indeptedness, payments, and balances (SIPB)</li>
<p> A financial statement that tracks the municipality’s debts, payments
made, and outstanding balances. It helps monitor the municipality’s financial
health.</p>
<li>Statements of Receipts and Expenditures 2020</li>
<p>A summary of all financial transactions, including revenue (receipts)
and expenses (expenditures), for the year 2020. It provides an overview of the
municipality’s financial performance. </p>
<li>Unliquidated Cash Advances 2020</li>
<p> A report detailing any cash advances given to employees or officials
that have not been fully accounted for or settled. It ensures proper handling of
public funds.</p>
<li>Human Resource Complement 2020</li>
<p>A document specifying the authorized positions, staffing levels, and
organizational structure of the municipality’s workforce for the year 2020. </p>
<li>Quarterly statement of cash flow 2020</li>
<p> A quarterly breakdown of cash inflows and outflows, including
operating activities, investing activities, and financing activities. It helps assess
the municipality’s liquidity.</p>
<li>Trust Fund Utilization 2020</li>
<p> A report on how trust funds (such as donations, grants, or endowments)
were utilized during the year 2020. It ensures transparency and accountability.</p>
<li>20% Component of IRA Utilization</li>
<p> Refers to the utilization of the 20% Internal Revenue Allotment (IRA)
share allocated to local government units (LGUs) from the national government’s
revenue. It supports LGU programs and services.</p>
<li>Report of Special Education Fund SEF Utilization 2020</li>
<p> Details how the SEF, which is earmarked for education-related
projects, was utilized in 2020. It includes expenses for school facilities, teacher
training, and other educational initiatives.</p>
<li>Local Disaster Risk Reduction and Management Fund (LDRRMF) Utilization
2020</li>
<p> A report on the utilization of funds allocated for disaster risk
reduction and management activities in 2020. It supports disaster preparedness,
response, and recovery efforts.</p>

</ul>
</div>

<div id="section2" class="section">


<h2 style="text-align: center; background-color: beige; border-radius:
20px;padding: 20px; font-size: 40px">Disaster Preparedness</h2>
<h3>Disaster Preparedness refers to the proactive measures taken to
minimize the impact of natural or human-made disasters. It involves planning,
organizing, and training to enhance resilience and response capabilities. Key aspects
include: </h3>
<li>Risk Assessment</li>
<p>Identifying potential hazards (e.g., earthquakes, floods, fires) and
assessing their impact on communities.
Understanding vulnerability factors (population density,
infrastructure, etc.). </p>
<li>Emergency Plans</li>
<p> Developing clear protocols for evacuation, sheltering, and
communication during emergencies.
Assigning roles to agencies, responders, and volunteers.</p>
<li>Public Awareness and Education</li>
<p> Educating the public about disaster risks, safety procedures, and
evacuation routes.
Conducting drills and simulations.</p>
<li>Infrastructure and Resilience Building</li>
<p> Strengthening buildings, bridges, and critical infrastructure to
withstand disasters.
Implementing early warning systems.</p>
<li>Resource Stockpiling</li>
<p>Stockpiling emergency supplies (food, water, medical kits) for rapid
deployment.
Pre-positioning resources in disaster-prone areas.</p>
<li>Community Engagement</li>
<p>Involving local communities in disaster planning and response.
Encouraging neighborhood networks and mutual aid.</p>

</div>

<div id="section3" class="section">


<h2 style="text-align: center; background-color: beige; border-radius:
20px;padding: 20px; font-size: 40px">Social Welfare and Protection</h2>
<h3> Social Welfare and Protection encompasses various programs, policies,
and services aimed at promoting the well-being and safeguarding the rights of
individuals and communities. Key aspects include: </h3>
<li>Social Services</li>
<p> Healthcare: Ensuring access to quality healthcare services, preventive
measures, and health education.
Education: Providing educational opportunities for all, especially
vulnerable groups.
Housing: Addressing housing needs and homelessness.
Nutrition: Supporting proper nutrition and food security. </p>
<li>Social Assistance</li>
<p>Cash Transfers: Providing financial assistance to low-income families,
elderly, and disabled individuals.
Subsidies: Offering subsidies for essential services (e.g., utilities,
transportation).
Disaster Relief: Providing aid during emergencies or natural
disasters.</p>
<li>Child and Family Welfare:</li>
<p> Child Protection: Ensuring children’s safety, preventing abuse, and
promoting their rights.
Family Support: Strengthening family units through counseling,
parenting programs, and support services.</p>
<li>Elderly Care and Support</li>
<p>Senior Citizens: Offering social programs, healthcare, and recreational
activities for the elderly.
Pension: Providing regular pensions to senior citizens.</p>
<li>Disability Services</li>
<p>Inclusion: Promoting the rights and participation of persons with
disabilities.
Accessibility: Ensuring accessible infrastructure, transportation, and
services.</p>
<li>Gender and Social Equality</li>
<p>Women’s Empowerment: Advocating for gender equality, addressing
violence against women, and promoting economic opportunities.
LGBTQ+ Rights: Supporting LGBTQ+ individuals and combating
discrimination.</p>
<li>Social Work and Counseling</li>
<p>Counseling Services: Offering emotional support, crisis intervention,
and rehabilitation.
Community-Based Social Work: Engaging with communities to address
social issues.</p>

</div>

<div id="section4" class="section">


<h2 style="text-align: center; background-color: beige; border-radius:
20px;padding: 20px; font-size: 40px">Youth Development</h2>
<h3>Youth Development focuses on empowering young people to reach their
full potential, contribute to society, and lead fulfilling lives. Key aspects
include:</h3>
<li>Education and Skill-Building</li>
<p> Providing quality education, vocational training, and life skills
development.
Encouraging critical thinking, creativity, and problem-solving. </p>
<li>Health and Well-Being</li>
<p>Promoting physical and mental health.
Addressing issues like substance abuse, sexual health, and
nutrition.</p>
<li>Civic Engagement</li>
<p> Encouraging youth participation in community activities, volunteering,
and advocacy.
Fostering responsible citizenship and social awareness.</p>
<li>Employment and Entrepreneurship:</li>
<p>Creating job opportunities and supporting entrepreneurship.
Equipping youth with relevant skills for the workforce.</p>
<li>Social Inclusion and Diversity</li>
<p>Ensuring equal opportunities regardless of gender, ethnicity, or
background.
Celebrating diversity and promoting tolerance.</p>
<li>Youth Leadership and Empowerment</li>
<p>Building leadership skills and self-confidence.
Providing platforms for youth voice and decision-making.</p>

</div>
<script src="script.js"></script>
</body>
</html>

You might also like