Tugas
This commit is contained in:
@@ -0,0 +1,59 @@
|
||||
import Link from "next/link";
|
||||
import { navLinks } from "../../_data/nav-links";
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<>
|
||||
<header className="site-header">
|
||||
<h1 className="page-title">Contact</h1>
|
||||
<p className="tagline">Mari terhubung.</p>
|
||||
<nav className="site-nav">
|
||||
<ul>
|
||||
{navLinks.map((link) => (
|
||||
<li key={link.href}>
|
||||
<Link href={link.href} className={link.href === "/contact" ? "active" : undefined}>
|
||||
{link.label}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main className="page-wrapper">
|
||||
<section className="card">
|
||||
<h2>Kontak & Media Sosial</h2>
|
||||
<ul>
|
||||
<li>
|
||||
Email: <a href="mailto:yovanbudianto@gmail.com">yovanbudianto@gmail.com</a>
|
||||
</li>
|
||||
<li>
|
||||
Telepon: <a href="tel:+62800000000000">+62 8xx-xxxx-xxxx</a>
|
||||
</li>
|
||||
<li>
|
||||
Instagram:{" "}
|
||||
<a href="https://www.instagram.com/yovans._?mdxt=djZucGVubnA0b3k2" target="_blank" rel="noopener noreferrer">
|
||||
@yovans._
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section className="card">
|
||||
<h2>Kampus</h2>
|
||||
<p>
|
||||
Program Studi Informatika, Fakultas Teknik,{" "}
|
||||
<a href="https://www.ukwms.ac.id/" target="_blank" rel="noopener noreferrer">
|
||||
Universitas Katolik Widya Mandala Surabaya
|
||||
</a>
|
||||
, Jl. Kalijudan 37, Surabaya.
|
||||
</p>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer className="site-footer">
|
||||
<p>© 2026 Yovan Budianto Tanujaya - Pemrograman Web, Informatika UKWMS</p>
|
||||
</footer>
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user