Html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Persatuan Karawang Rantau</title>
    <link rel="stylesheet" href="assets/css/perkara.css">
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="#beranda">Beranda</a></li>
                <li><a href="#tentangPerkara">Tentang Perkara</a></li>
                <li><a href="departemen">Departemen</a></li>
                <li><a href="kegiatan">Kegiatan</a></li>
            </ul>
        </nav>
        <div id="beranda">
            <img src="assets/img/tuguKebulatanProklamasi.jpg" id="background-header">
            <div class="jumbotron">
                <h1>Perkara (Persatuan Karawang Rantau)</h1>
                <p>Selamat Datang Teman - Teman !</p>
            </div>
        </div>
    </header>
    <main>
        <div id="content">
            <article id="tentangPerkara">
                <h2>Perkara itu apa ya?</h2>
                <img src="assets/img/logo-perkara.jpg" class="featured-image" alt="perkara">
                <p>Perkara itu sebuah organisasi daerah atau komunitas daerah mahasiswa Telkom Univeristy
                    yang berasal dari daerah Kabupaten Karawang. di  </p>
            </article>

            <article id="departemen">
                <h2>Departemen</h2>
            </article>

            <article id="kegiatan" class="card">
            </article>
        </div>
        <aside>
            <article class="profile ">
                    <figure>
                        <img>
                        <figcaption></figcaption>
                    </figure>
                </header>
                <section>
                </section>
            </article>
        </aside>
    </main>
     <footer>
        <p>Persatuan Karawang Rantau &copy; 2020, Perkara</p>
     </footer>
</body>
</html>