<!DOCTYPE html>
<html lang="id">
<head>
  <meta name="robots" content="index, follow">
  <meta name="google-site-verification" content="F7jmAAcfFU_gqP8uiPpipsG6QKiYlEfqE4VN_pkg_ZA" />
  <meta name="description" content="Connecting Developers, Building Worlds">
  <meta charset="UTF-8">
  <link href="https://codesnipers.com/" rel="canonical" />
  <link rel="icon" type="image/x-icon" href="https://kilat.digital/images/2023/12/13/067a6dbaedf867ecca980a732729ed54.png">
  <title>CodeSnipers.com | Connecting Developers, Building Worlds</title>

  <!-- Tambahkan Google Icons (untuk ikon shopping cart & apps) -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

  <style>
    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      font-family: Arial, sans-serif;
      background-image: linear-gradient(0deg, #000000 10%, #84b5e6 74%);
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }

    /* Header styles */
    .main-header {
      background-color: #4d4d4d;
      color: white;
      padding: 10px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .nav-menu a {
      color: white;
      margin-right: 20px;
      text-decoration: none;
      font-size: 14px;
    }

    .header-right {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    button {
      background-color: #333;
      color: white;
      border: none;
      padding: 8px 12px;
      cursor: pointer;
      border-radius: 4px;
    }

    button .material-icons {
      vertical-align: middle;
    }

    /* Content styles */
    .content {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .content h1 {
      color: #ffffff;
      font-size: 24px;
    }
    .header-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background-color: #333;
      color: white;
      text-decoration: none;
      padding: 8px 12px;
      border-radius: 4px;
      font-size: 14px;
      transition: background-color 0.2s ease;
    }

    .header-button:hover {
      background-color: #555;
    }

   .header-button .material-icons {
     vertical-align: middle;
    }
  </style>
</head>
<body>

  <!-- Header -->
  <header class="main-header">
       <nav class="nav-menu">
            <a href="https://codesnipers.com/just-a-bit-of-chaos">Just a bit of chaos</a>
       </nav>
       <div class="header-right">
           <a href="https://codesnipers.com/" class="header-button">
              <span class="material-icons">list</span>
           </a>
           <a href="https://codesnipers.com/" class="header-button">LOGIN</a>
       </div>
  </header>

  <!-- Content -->
  <div class="content">
    <h1>CodeSnipers.com | Connecting Developers, Building Worlds</h1>
  </div>
</body>
</html>