<!--
--  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>