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.
|
|
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> ) }
|