<!DOCTYPE html> 
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Profile</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   
</head>
<body>
    <section id="home">
    <!-- Navbar -->
    <div class="navbar">
        <nav>
            <a href=""></a>
            <ul>
                <li> <a href="#home">Home</a></li>
                <li> <a href="#hobby">Hobby</a></li>
                <li> <a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </div>
    <br><marquee behavior="scroll" direction="right" scrollamount="15">
        <a href="https://www.instagram.com/pebrians18/"> Gambar aja yang diklik, ini gk usah diklik</a>
    </marquee>
    <!-- Home -->
    <div class="home">
        <p> Hai Aku, </p>
        <p> Efrandi Pebrian Siregar </p> <br>
        <p> Pemula dalam membangun sebuah website dan ingin mengembangkan Skill,</p>
        <p> dan ingin namaku disebut bang windah </p>
    </div>
    <a href="https://www.instagram.com/pebrians18/" class="gambar">
    <img class="gambar" src="Assets/muka.jpg" alt=""></a>
    </section>

    <br><marquee behavior="scroll" direction="right" scrollamount="10">
        <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab_channel=RickAstley"> Klo gak mau klik yang diatas Yang ini Juga Boleh๐Ÿ˜Š๐Ÿ˜ </a>
    </marquee>
    <!-- Hobby -->
        <section id="hobby">
            <div class="hobby">
                <div class="hobby-desc">
                    <p>Hobby</p>
                    <p> Ini adalah Beberapa Hobby Saya </p>
                </div>
                <div class="box-container">
                    <div class="box-1">
                        <img class="windah" src="https://api.duniagames.co.id/api/content/upload/file/13417368091612526660.jpg" alt="">
                        <h2> Nonton Bang Windah</h2><br><br><br><br><br><br><br>
                        <p>Untuk hobby saya menonton seorang youtuber yaitu Windah Basudara, yang dimana beliau ini sangat ramah dengan penonton terutama dengan bocil kematian</p>
                    </div>
                    <div class="box-2">
                        <img class="badmin" src="https://i.imgflip.com/1i6heo.jpg" alt="">
                        <h2> Bermain Badminton </h2><br><br><br><br><br><br><br>
                        <p>Untuk bermain badminton sudah saya tekuni saat masih bersekolah SMP, dan dilingkungan saya olahraga badminton termasuk olahraga yang peminatnya tinggi</p>
                    </div>
                    <div class="box-3">
                        <img class="ngeleg" src="https://th.bing.com/th/id/OIP.lSu0EWiUgD6PY-aEV43nKQHaJQ?pid=ImgDet&rs=1" alt="">
                        <h2>Bermain Game</h2><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
                        <p> Dalam bermain game, saya bisa melatih fokus, kesabaran, dan mental, yang dimana ketiga aspek tersebut sangat penting dalam bermain game terutama dalam bermain game online</p>
                    </div>
                </div>
                
            </div>
        </section>
        <!-- Contact -->
        <section id="contact">
            <div class="contact">
                <div class="contact-desc">
                    <p>Contact</p>
                    <p>Jika ada saran untuk saya untuk mengembangkan website ini,bisa isikan form dibawah </p>
                </div>
                <form action="form.html">
                    <label for="fname"> Nama </label>
                    <input type="text" name="nama" id="fname" placeholder="Nama">
                    <label for="bname"> Umur </label>
                    <input type="text" name="Umur" id="bname" placeholder="Umur">
                    <label for="fname"> Subject </label>
                    <input type="text" name="subject" id="subject" placeholder="Subject">

                    <input type="submit" value="submit">
                </form>
            </div>
        </section>
        <footer>
            <p> Udah Cape Liat Sampe Bawah, Demi Menjaga Perasaan Bersama </p>
            <p> Boleh Dong Di Follow Sosial Media Saya </p>
            <div class="social-icons">
                <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab_channel=RickAstley"><i class="fa fa-facebook-square"></i></a>
                <a href="https://www.instagram.com/pebrians18/"><i class="fa fa-instagram"></i></a>
                <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab_channel=RickAstley"><i class="fa fa-whatsapp"></i></a>
                <a href="https://www.instagram.com/pebrians18/"><i class="fa fa-twitter"></i></a>
            </div>
        </footer>
</body>
</html>