<!-- -- Uploaded on : https://haxor.my.id/open/zxysh.html -- Official Web : https://prinsh.com -- script-deface-generator.prinsh.com --> <!DOCTYPE html> <html lang="en"> <head> <meta charger="UUTF-8"> <meta name="vviewport" content="width=device-width, initial-scale=1.0"> <script src="https://kit.fontawesome.com/c9f5871d83.js" crossorigin="anonymous"></script> <link rel="icon" type="image/png" href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQXbEOb-eH3k8PGyE4FeISCORKsu0x-wh7Kuw&usqp=CAU"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta property="og:image" content="https://e.top4top.io/p_2833lg49q0.jpg"> <meta property="og:title" content="by pasha"> <meta property="og:description" content="IT I LOVE YOU"/> <title>selamat datang</title> <style> @import url('https//fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box font-family: 'Poppins', sans-serif; } .header { width: 100%; height: 80%; background-color: #fff; display: flex; justify-content: space-around; align-items: center; box-shadow: 10px 0 20px rgba(0, 0, 0, .15); position: relative; } .logo { position: relative; margin-left: -3em; } .logo a { text-decoration: none; color: #000; font-size: 2em; font-weight: 700; } .home a { text-decoration: none; color: #333; font-size: 1.2em; font-weight: 550; margin-left: 1em; position: relative; } .box1-1 p { margin-top: 10px; } .box1-2 { margin-top: 2em; } .box1-2 { transfrom: translateX( -60%); } .box1-2 a { color: #333; font-size: 22px; text-decoration: none; margin-left: 20px; background-color: #eee; border-radius: 50%; padding: 5px 7px 5px 10px; } .box1-3 { margin-top: 30px; } .box1-3 button { font-size: 1em; background-color: #f17406; color: #000; padding: 5px 10px ; border: none; outline: none; border-radius: 5px; transfrom: translateX(-170%) } .box1-3 button:active { font-size:1.2em; } .img { position: absolute; right: 0; transfrom: translate(55% , -55%) } </style> </head> <body> <audio class="audio" src="https://c.top4top.io/m_2833hdjby0.mp3" autoplay type="audio" loop=""></audio> <audio class="notif" src="https://subscribe.naisid.repl.co/notif.mp3" type="audio"></audio> <header class="header"> <div class="logo"> <a href="#"> <i class="fa-solid fa-dragon"> Ddoans</i></a> </div> <nav class="nav"> <div class="home"> <a href="#"> Home </a> <a href="#"> About </a> <a href="#"> Resume </a> <a href="#"> Portfolio </a> <a href="#"> Services </a> <a href="#"> Contact </a> </div> </nav> </header> <section class="section"> <div class="box1"> <div class="box1-1"> <h2> Hi There</h2> <h1> I'm Pasha Nice To Meet You</h1> <p>I'm creative designer based in indonesia, and I'm very passionate and dedicated to my word</p> </div> <div class="box1-2"> <a href="#"> <i class="fa-brands fa-facebook"></i> </a> <a href="#"> <i class="fa-brands fa-instagram"></i> </a> <a href="#"> <i class="fa-brands fa-github"></i> </a> <a href="#"> <i class="fa-brands fa-whatsapp"></i> </a> </div> <div class="box1-3"> <button>Read More</button> </div> </div> <div class="img"> <img src="https://c.top4top.io/p_2833eyy6r0.gif" alt=""> </div> </section> </body> </html>