    <div class="max-h-32 max-w-32 rounded-full overflow-hidden flex items-center justify-center">
            <img src="https://raw.githubusercontent.com/andyjavadams/andyjavadams.github.io/refs/heads/main/assets/imgs/image.jpg" class="w-full h-full rounded-full" />
        </div>
        <div class="flex flex-col items-center text-center gap-2 h-fit">
            <h1 class="font-bold text-white text-xl">Hai, andyjava<span class="text-sky-600 animate-ping">dams</span> Disini!</h1>
            <h2 class="text-sm text text-slate-300 -mt-2">Tanyakan sesuatu <a href="https://ask.dyvsss.me" class="text-sky-600 underline animate-pulse">disini</a></h2>
            <p class="text-xs text-slate-400"></p>
        </div>
        <main class="flex flex-col items-center justify-center mt-4">
            <section class="bg-sky-800 p-4 rounded shadow-md w-96">
                <h2 class="text-xl text-slate-50 font-bold">Tentang Saya</h2>
                <br />
                <p class="text-slate-300">
                    Hai semua, saya Andy Javadam S, panggil saja saya Andy, saya adalah pelajar dari <a href="https://maps.app.goo.gl/48gkb3XHm4ELo9Kz6?g_st=ac" class="underline text-sky-600">SMA PGRI 2 BANDUNG</a>. Jika ditanya suka apa? tentu saya akan menjawab saya menyukai design yang berunsur Retro, makannya web portofolio saya berunsur Retro. Minat saya dalam web development adalah hal yang tidak saya impikan, namun ditahun 2020 saya memiliki kegabutan dikarenakan covid-19 yang kala itu merajalela, saya mencari kegiatan karena 24 jam ada dirumah, akhirnya saya tertarik untuk mempelajari dunia coding karena melihat teman online yang saya kenal digrup WA yang ada di youtube mereka saat itu adalah; Web development, developer app, bug hunter, cyber security, game developer. Namun itu semua tidak saya perdalam karena keterbatasan waktu untuk belajar, sekarang saya mencoba meluangkan waktu walau sedikit untuk mempelajari semua hal tersebut dengan menanyakan sebab akibat dan error yang
                    saya alami dalam proses pembelajaran saya, mungkin saya akan melanjutkan kuliah administrasi karena kata mamah itu gampang, btw gue mah simpel aja orangnya.
                </p>
            </section>
            <section class="bg-sky-800 p-4 rounded shadow-md w-96 mt-4">
                <h2 class="text-xl text-slate-50 font-bold">Proyek saya</h2>
                <br />
                <div>
                    <li class="h-fit w-fit tracking-wider px-5 py-3 text-center text-white rounded-full bg-sky-500 btn-primary mt-2 hover:scale-105 hover:text-white hover:bg-sky-600 transition duration-200"><a href="https://dukun.dyvsss.me">Pembaca Pikiran</a></li>
                    <li class="h-fit w-fit tracking-wider px-5 py-3 text-center text-white rounded-full bg-sky-500 btn-primary mt-2 hover:scale-105 hover:text-white hover:bg-sky-600 transition duration-200"><a href="https://ask.dyvsss.me">Pesan Anonim</a></li>
                    <li class="h-fit w-fit tracking-wider px-5 py-3 text-center text-white rounded-full bg-sky-500 btn-primary mt-2 hover:scale-105 hover:text-white hover:bg-sky-600 transition duration-200"><a href="https://ip.dyvsss.me">Cek IP</a></li>
                    <li class="h-fit w-fit tracking-wider px-5 py-3 text-center text-white rounded-full bg-sky-500 btn-primary mt-2 hover:scale-105 hover:text-white hover:bg-sky-600 transition duration-200"><a href="https://sus.dyvsss.me">Misteri</a></li>
                    <li class="h-fit w-fit tracking-wider px-5 py-3 text-center text-white rounded-full bg-sky-500 btn-primary mt-2 hover:scale-105 hover:text-white hover:bg-sky-600 transition duration-200"><a href="https://ckodam.dyvsss.me">Cek Kodam</a></li>
                    <li class="h-fit w-fit tracking-wider px-5 py-3 text-center text-white rounded-full bg-sky-500 btn-primary mt-2 hover:scale-105 hover:text-white hover:bg-sky-600 transition duration-200"><a href="https://play.dyvsss.me">TOP 5 Projek Lainnya</a></li>
                </div>
            </section>
            <section class="bg-sky-800 p-4 rounded shadow-md w-96 mt-4">
                <h2 class="text-xl text-slate-50 font-bold">Kirimkan Masukan</h2>
                <br />
                <form id="form-masukan">
                    <input type="text" id="nama" placeholder="Masukan Nama Anda Disini" class="input px-3 py-2 rounded-lg tracking-wider input-bordered w-full" />
                    <textarea id="masukan" placeholder="Masukan Text Disini" class="textarea textarea-bordered rounded-lg tracking-wider px-3 py-2 w-full mt-2"></textarea>
                    <button class="btn w-fit h-fit px-5 py-3 bg-sky-500 text-center text-white tracking-wider rounded-full btn-primary mt-2 hover:scale-105 hover:text-white hover:bg-sky-600 transition duration-200">Kirim Masukan</button>
                </form>
            </section>
        </main>