NEW SOCIETY NATIONAL HIGH SCHOOL in Compliance with Sec. 93 (Transparency Seal) R.A. No. 10155 National Budget Circular 542, issued by the Department of Budget and Management on August 29, 2012, reiterates compliance with Section 93 of the General Appropriations Act of FY 2012. Section 93 is the Transparency Seal provision, to wit:
Section 93. Transparency Seal. To enhance transparency and enforce accountability, all national government agencies shall maintain a transparency seal on their official websites. The transparency seal shall contain the following information: (i) agency’s mandates and functions, names of its officials with their position and designation, and contact information; (ii) annual reports, as required under National Budget Circular Nos. 507 and 507-A dated January 31, 2007 and June 12, 2007, respectively, for the last three (3) years; (iii) their respective approved budgets and corresponding targets immediately upon approval of this Act; (iv) major programs and projects categorized in accordance with the five key results areas under E.O. 43, s. 2011; (v) the program/project beneficiaries as identified in the applicable special provisions; (vi) the status of implementation of programs and projects; and (vii) the annual procurement plan, contracts awarded, and the name of contractors, suppliers, or consultants.
The respective heads of the agencies shall be responsible for ensuring compliance with this section.
Schools Administrators & Stakeholders NSNHS Mandate, Vision, Mission and List of Officials Agency Operations Manual Annual Financial Reports
Schools Administrators & Stakeholders
NSNHS Mandate, Vision, Mission and List of Officials
Agency Operations Manual
Annual Financial Reports
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Clickable Dropdown Tabs</title><div style="max-width:900px; margin: 0 auto;"><br><h2>ANNUAL FINANCIAL REPORT</h2>
<div style="margin-left: 50px;">
<button style="background-color: #0073aa; color: white; padding: 10px; border: none; cursor: pointer; width: 100%; text-align: left; font-size: 16px;" onclick="toggleTab('tab1')"><h2>ANNUAL FINANCIAL REPORT</h2></button>
<div id="tab1" style="display: none; padding: 10px; border: 1px solid #0073aa; border-top: none; background-color: #f1f1f1;">
<!--This is the content for Tab 1.-->
<ul>
<li><strong>2024</strong> (<a href="https://www.nsnhs.com/?page_id=664">1st Quarter</a> | 2nd Quarter | 3rd Quarter | 4th Quarter)</li>
<li><strong>2023</strong> (1st Quarter | 2nd Quarter | 3rd Quarter | 4th Quarter)</li>
<li><strong>2022</strong> (1st Quarter | 2nd Quarter | 3rd Quarter | 4th Quarter)</li>
<li><strong>2021</strong> (1st Quarter | 2nd Quarter | 3rd Quarter | 4th Quarter)</li>
</ul>
<!-- Tab 1 End Here -->
</div>
</div>
<div style="margin-left: 50px;">
<button style="background-color: #0073aa; color: white; padding: 10px; border: none; cursor: pointer; width: 100%; text-align: left; font-size: 16px;" onclick="toggleTab('tab2')">Tab 2</button>
<div id="tab2" style="display: none; padding: 10px; border: 1px solid #0073aa; border-top: none; background-color: #f1f1f1;">
<p>This is the content for Tab 2.</p>
</div>
</div>
<div style="margin-left: 50px;">
<button style="background-color: #0073aa; color: white; padding: 10px; border: none; cursor: pointer; width: 100%; text-align: left; font-size: 16px;" onclick="toggleTab('tab3')">Tab 3</button>
<div id="tab3" style="display: none; padding: 10px; border: 1px solid #0073aa; border-top: none; background-color: #f1f1f1;">
<p>This is the content for Tab 3.</p>
</div>
</div>
</div><div style="max-width: 600px; margin: 0 auto;">
<div style="margin-bottom: 10px;">
<button style="background-color: #0073aa; color: white; padding: 10px; border: none; cursor: pointer; width: 100%; text-align: left; font-size: 16px;" onclick="toggleTab('tab1')">Tab 1</button>
<div id="tab1" style="display: none; padding: 10px; border: 1px solid #0073aa; border-top: none; background-color: #f1f1f1;">
<p>This is the content for Tab 1.</p>
</div>
</div>
<div style="margin-bottom: 10px;">
<button style="background-color: #0073aa; color: white; padding: 10px; border: none; cursor: pointer; width: 100%; text-align: left; font-size: 16px;" onclick="toggleTab('tab2')">Tab 2</button>
<div id="tab2" style="display: none; padding: 10px; border: 1px solid #0073aa; border-top: none; background-color: #f1f1f1;">
<p>This is the content for Tab 2.</p>
</div>
</div>
<div style="margin-bottom: 10px;">
<button style="background-color: #0073aa; color: white; padding: 10px; border: none; cursor: pointer; width: 100%; text-align: left; font-size: 16px;" onclick="toggleTab('tab3')">Tab 3</button>
<div id="tab3" style="display: none; padding: 10px; border: 1px solid #0073aa; border-top: none; background-color: #f1f1f1;">
<p>This is the content for Tab 3.</p>
</div>
</div>
</div>
<script>
function toggleTab(tabId) {
var content = document.getElementById(tabId);
if (content.style.display === "block") {
content.style.display = "none"; // Hide the content
} else {
// Hide all other tabs
var allContents = document.querySelectorAll('div[id^="tab"]');
allContents.forEach(function(item) {
item.style.display = "none";
});
content.style.display = "block"; // Show the selected tab content
}
}
</script><div style="max-width: 600px; margin: 0 auto;">
<div style="margin-bottom: 10px;">
<button style="background-color: #0073aa; color: white; padding: 10px; border: none; cursor: pointer; width: 100%; text-align: left; font-size: 16px;" onclick="toggleTab('tab1')">Tab 1</button>
<div id="tab1" style="display: none; padding: 10px; border: 1px solid #0073aa; border-top: none; background-color: #f1f1f1;">
<p>This is the content for Tab 1.</p>
</div>
</div>
<div style="margin-bottom: 10px;">
<button style="background-color: #0073aa; color: white; padding: 10px; border: none; cursor: pointer; width: 100%; text-align: left; font-size: 16px;" onclick="toggleTab('tab2')">Tab 2</button>
<div id="tab2" style="display: none; padding: 10px; border: 1px solid #0073aa; border-top: none; background-color: #f1f1f1;">
<p>This is the content for Tab 2.</p>
</div>
</div>
<div style="margin-bottom: 10px;">
<button style="background-color: #0073aa; color: white; padding: 10px; border: none; cursor: pointer; width: 100%; text-align: left; font-size: 16px;" onclick="toggleTab('tab3')">Tab 3</button>
<div id="tab3" style="display: none; padding: 10px; border: 1px solid #0073aa; border-top: none; background-color: #f1f1f1;">
<p>This is the content for Tab 3.</p>
</div>
</div>
</div>
function custom_tab_script() {
2 ?>
3 <script>
4 function toggleTab(tabId) {
5 var content = document.getElementById(tabId);
6 if (content.style.display === "block") {
7 content.style.display = "none"; // Hide the content
8 } else {
9 // Hide all other tabs
10 var allContents = document.querySelectorAll('div[id^="tab"]');
11 allContents.forEach(function(item) {
12 item.style.display = "none";
13 });
14 content.style.display = "block"; // Show the selected tab content
15 }
16 }
17 </script>
18 <?php
19}
20add_action('wp_footer', 'custom_tab_script');
