Exsors
16ea71b011
- 5 halaman: Beranda, Tentang, Hobi, Gallery, Kontak (TSX route segments) - Navigasi bersama (components/Nav.tsx) - About: internal CSS (about/head.tsx) - Hobi: external CSS (hobbies/styles.css), 3 foto pribadi - Gallery: Tailwind CDN, 3 foto pribadi - Kontak: tanpa form, link sosial media + email - Semua file di root, tidak ada file Next.js tambahan
26 lines
901 B
TypeScript
26 lines
901 B
TypeScript
import Nav from "../components/Nav";
|
|
import "../hobbies/styles.css"; /* EKSTERNAL CSS: .layout-container di styles.css atur tata letak wrapper ini */
|
|
|
|
export default function About() {
|
|
return (
|
|
<div id="about-page" className="layout-container">
|
|
{/* INTERNAL CSS: #about-page + .about-card dll. di about/head.tsx */}
|
|
{/* EKSTERNAL CSS: .layout-container dari styles.css mengatur wrapper layout halaman ini */}
|
|
<header className="about-header">
|
|
<Nav />
|
|
<h1 className="about-h1">Tentang Saya</h1>
|
|
</header>
|
|
|
|
<main className="about-main">
|
|
<section className="about-card">
|
|
<p className="about-p">Nama: Hulio</p>
|
|
<p className="about-p">Semester: 3</p>
|
|
<p className="about-p">Kuliah: Informatika</p>
|
|
</section>
|
|
</main>
|
|
|
|
<footer className="about-footer">© 2026 Hulio</footer>
|
|
</div>
|
|
);
|
|
}
|