Easter Sale

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Easter Badge</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
  body.unique-body-easter {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #fffaf0;
  }

  .badge-container-easter {
    display: flex;
    align-items: center;
    background-color: #ffeb3b; /* Sarı arka plan */
    border-radius: 12px;
    padding: 8px 12px;
    box-shadow: 0 4px 6px rgba(255, 235, 59, 0.5);
    font-size: 14px;
    color: #000; /* Siyah metin rengi */
    margin: 10px 0; /* Aşağı ve yukarı boşluk ekler */
  }

  .badge-icon-easter {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    font-size: 20px;
    color: #000;
  }
</style>
</head>
<body class="unique-body-easter">

<div class="badge-container-easter">
  <i class="material-icons badge-icon-easter">redeem</i>
  <span>Easter Sale Ending Soon!</span>
</div>

</body>
</html>