You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
148 lines
7.1 KiB
148 lines
7.1 KiB
import { Link } from '@inertiajs/react';
|
|
import { HelpCircle } from 'react-feather';
|
|
|
|
export default function Footer() {
|
|
return (
|
|
<div id="Footer">
|
|
<div id="copyright" className="navbar px-4 bg-primary-background border-b border-t border-secondary-main">
|
|
<div id="licenses" className="navbar-start">
|
|
<ul className="menu menu-horizontal px-1">
|
|
<li>
|
|
<Link
|
|
href="/privacy-policy"
|
|
className="btn btn-link font-normal text-base leading-4 text-secondary-main">
|
|
Privacy Policy
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link
|
|
href="/terms-of-use"
|
|
className="btn btn-link font-normal text-base leading-4 text-secondary-main">
|
|
Terms of Use
|
|
</Link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="copyright-notice" className="navbar-end">
|
|
<p className="font-light text-sm leading-4">Copyright © 2024 DOST. All rights reserved.</p>
|
|
<Link href="/help">
|
|
<div id="btn-help" className="btn transition rounded-badge mx-4 bg-info-background border border-info-border hover:bg-info-focus hover:border-info-border active:bg-info-focus active:border-info-focus px-4 py-2 text-info-main">
|
|
{/* <img src="./assets/images/icons/ico-help.png" alt="Help Icon" width="20" height="20" /> */}
|
|
<HelpCircle stroke="#0065C1" />
|
|
<span className="font-semibold text-sm leading-5">Help</span>
|
|
</div>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="gov-info" className="py-4 flex justify-between pl-6 pr-24 bg-[#F0F0F0]">
|
|
<section id="seal">
|
|
<img src="./assets/images/img-philippineSeal.png" alt="Philippine Seal" width="230" height="230" />
|
|
</section>
|
|
|
|
<section id="disclaimer">
|
|
<h3 className="font-normal text-base leading-5">REPUBLIC OF THE PHILIPPINES</h3>
|
|
<p className="font-light text-sm leading-5">All content is in the public domain unless<br />otherwise stated.</p>
|
|
</section>
|
|
|
|
<section id="gov-ph">
|
|
<h3 className="font-normal text-base leading-5">ABOUT GOVPH</h3>
|
|
<p className="font-light text-sm leading-5">Learn more about the Philippine government,
|
|
<br />its structure, how government works
|
|
<br />and the people behind it.
|
|
</p>
|
|
<br />
|
|
<ul>
|
|
<li>
|
|
<a href="https://www.gov.ph/"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="font-light text-sm leading-5">
|
|
GOV.PH
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="http://www.gov.ph/data"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="font-light text-sm leading-5">
|
|
Open Data Portal
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.officialgazette.gov.ph/"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="font-light text-sm leading-5">
|
|
Official Gazette
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section id="gov-links">
|
|
<h3 className="font-normal text-base leading-5">GOVERNMENT LINKS</h3>
|
|
<ul>
|
|
<li>
|
|
<a href="http://op-proper.gov.ph/"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="font-light text-sm leading-5">
|
|
Office of the President
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://ovp.gov.ph/"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="font-light text-sm leading-5">
|
|
Office of the Vice President
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="http://senate.gov.ph/"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="font-light text-sm leading-5">
|
|
Senate of the Philippines
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="http://www.congress.gov.ph/"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="font-light text-sm leading-5">
|
|
House of Representatives
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="http://sc.judiciary.gov.ph/"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="font-light text-sm leading-5">
|
|
Supreme Court
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="http://ca.judiciary.gov.ph/"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="font-light text-sm leading-5">
|
|
Court of Appeals
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="http://sb.judiciary.gov.ph/"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="font-light text-sm leading-5">
|
|
Sandiganbayan
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|