-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
809bef4
commit 8cbdd18
Showing
2 changed files
with
76 additions
and
47 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,8 +1,10 @@ | ||
| import Footer from "@/components/Footer"; | ||
|
|
||
| export default function Test() { | ||
| return <main className="w-full"> | ||
| This is text. | ||
| <Footer /> | ||
| </main>; | ||
| } | ||
| import Footer from '@/components/Footer'; | ||
|
|
||
| export default function Test() { | ||
| return ( | ||
| <main className="w-full"> | ||
| This is text. | ||
| <Footer /> | ||
| </main> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,39 +1,66 @@ | ||
| import Image from "next/image"; | ||
| import Link from "next/link"; | ||
| import INSTAGRAM from "@public/footer/instagram-logo.svg"; | ||
| import ISD_LOGO from "@public/footer/isd-logo.svg"; | ||
| import SGCU_LOGO from "@public/footer/sgcu-logo.svg"; | ||
|
|
||
| export default function Footer() { | ||
| return ( | ||
| <footer className="relative w-full bg-blue-400 text-center"> | ||
| <section className="bg-gradient-footer text-xs font-medium grid grid-cols-1 gap-y-4 p-4"> | ||
| <div className="flex gap-4 justify-center"> | ||
| <Image src={ISD_LOGO} alt="ฝ่ายพัฒนาระบบสารสนเทศ" width={44} height={44} /> | ||
| <Image src={SGCU_LOGO} alt="องค์การบริหารสโมสรนิสิตจุฬาลงกรณ์มหาวิทยาลัย" width={44} height={44} /> | ||
| </div> | ||
| <p>พัฒนาโดยฝ่ายพัฒนาระบบสารสนเทศ<br />องค์การบริหารสโมสรนิสิตจุฬาลงกรณ์มหาวิทยาลัย</p> | ||
| <hr className="w-1/5 mx-auto" /> | ||
| <p>Developed by Information System Development <ISD>,<br />Student Government Chulalongkorn University</p> | ||
|
|
||
| </section> | ||
| <section className="bg-white text-base pb-2 font-medium pt-1"> | ||
| <h3 className="font-semibold mb-2">Contact us</h3> | ||
| <div className="flex justify-center text-xs gap-x-4"> | ||
| <Link href="https://isd.sgcu.in.th"> | ||
| <div className="flex flex-col items-center text-center gap-y-1"> | ||
| <Image src={ISD_LOGO} alt="isd-website" width={28} height={28} /> | ||
| <p className="underline underline-offset-2 text-xss">Website</p> | ||
| </div> | ||
| </Link> | ||
| <Link href="https://www.instagram.com/isd.sgcu/"> | ||
| <div className="flex flex-col items-center text-center gap-y-1"> | ||
| <Image src={INSTAGRAM} alt="instagram" width={28} height={28} /> | ||
| <p className="underline underline-offset-2 text-xss">Instagram</p> | ||
| </div> | ||
| </Link> | ||
| </div> | ||
| </section> | ||
| </footer> | ||
| ); | ||
| } | ||
| import Image from 'next/image'; | ||
| import Link from 'next/link'; | ||
| import INSTAGRAM from '@public/footer/instagram-logo.svg'; | ||
| import ISD_LOGO from '@public/footer/isd-logo.svg'; | ||
| import SGCU_LOGO from '@public/footer/sgcu-logo.svg'; | ||
|
|
||
| export default function Footer() { | ||
| return ( | ||
| <footer className="relative w-full bg-blue-400 text-center"> | ||
| <section className="bg-gradient-footer text-xs font-medium grid grid-cols-1 gap-y-4 p-4"> | ||
| <div className="flex gap-4 justify-center"> | ||
| <Image | ||
| src={ISD_LOGO} | ||
| alt="ฝ่ายพัฒนาระบบสารสนเทศ" | ||
| width={44} | ||
| height={44} | ||
| /> | ||
| <Image | ||
| src={SGCU_LOGO} | ||
| alt="องค์การบริหารสโมสรนิสิตจุฬาลงกรณ์มหาวิทยาลัย" | ||
| width={44} | ||
| height={44} | ||
| /> | ||
| </div> | ||
| <p> | ||
| พัฒนาโดยฝ่ายพัฒนาระบบสารสนเทศ | ||
| <br /> | ||
| องค์การบริหารสโมสรนิสิตจุฬาลงกรณ์มหาวิทยาลัย | ||
| </p> | ||
| <hr className="w-1/5 mx-auto" /> | ||
| <p> | ||
| Developed by Information System Development <ISD>, | ||
| <br /> | ||
| Student Government Chulalongkorn University | ||
| </p> | ||
| </section> | ||
| <section className="bg-white text-base pb-2 font-medium pt-1"> | ||
| <h3 className="font-semibold mb-2">Contact us</h3> | ||
| <div className="flex justify-center text-xs gap-x-4"> | ||
| <Link href="https://isd.sgcu.in.th"> | ||
| <div className="flex flex-col items-center text-center gap-y-1"> | ||
| <Image | ||
| src={ISD_LOGO} | ||
| alt="isd-website" | ||
| width={28} | ||
| height={28} | ||
| /> | ||
| <p className="underline underline-offset-2 text-xss">Website</p> | ||
| </div> | ||
| </Link> | ||
| <Link href="https://www.instagram.com/isd.sgcu/"> | ||
| <div className="flex flex-col items-center text-center gap-y-1"> | ||
| <Image | ||
| src={INSTAGRAM} | ||
| alt="instagram" | ||
| width={28} | ||
| height={28} | ||
| /> | ||
| <p className="underline underline-offset-2 text-xss">Instagram</p> | ||
| </div> | ||
| </Link> | ||
| </div> | ||
| </section> | ||
| </footer> | ||
| ); | ||
| } |