Customer Review

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Customer Review</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=verified" />
  <style>
    body.unique-body-AzY1231 {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
      background: linear-gradient(135deg, #fafafa, #e0e0e0); /* Yumuşak gri gradyan arka plan */
    }

    /* Border animasyonunu tanımla */
    @keyframes borderAnimation {
      0% {
        border-color: #e0e0e0;
        box-shadow: 0 0 10px rgba(193, 199, 208, 0.3);
      }
      50% {
        border-color: #d3d3d3;
        box-shadow: 0 0 15px rgba(193, 199, 208, 0.3);
      }
      100% {
        border-color: #e0e0e0;
        box-shadow: 0 0 10px rgba(193, 199, 208, 0.3);
      }
    }

    .unique-review-container-WsX4561 {
      display: flex;
      align-items: center;
      background-color: #fafafa; /* Beyaz arka plan */
      border-radius: 12px;
      padding: 16px;
      font-size: 14px;
      color: #333; /* Metin rengi */
      max-width: 600px;
      width: 100%;
      margin: 2px 0;
      border: 2px dashed #e0e0e0; /* Daha açık gri border */
      animation: borderAnimation 2s infinite alternate; /* Border animasyonu */
    }

    .unique-review-image-EdC7891 {
      width: 50px;
      height: 50px;
      border-radius: 8px; /* Kare profil resmi */
      object-fit: cover;
      margin-right: 16px;
      border: 2px solid #e0e0e0; /* İnce gri border */
    }

    .unique-review-content-RfV0121 {
      display: flex;
      flex-direction: column;
      width: 100%;
    }

    .unique-review-author-TgB3451 {
      display: flex;
      align-items: center;
      margin-bottom: 8px;
    }

    .unique-review-author-name-YhN6781 {
      font-weight: bold;
      margin-right: 4px;
      display: flex;
      align-items: center;
    }

    .unique-review-icon-JqL4561 {
      font-size: 16px; /* İkon boyutu */
      color: #1DA1F2; /* Mavi onay işareti rengi */
      margin-left: 4px;
    }

    .unique-review-text-KiL2341 {
      font-size: 14px;
      color: #555; /* Hafif daha koyu gri metin rengi */
    }

    /* Mobil versiyon için daha küçük metin boyutları */
    @media (max-width: 768px) {
      .unique-review-container-WsX4561 {
        padding: 12px;
        font-size: 12px; /* Genel metin boyutunu küçült */
      }

      .unique-review-text-KiL2341 {
        font-size: 12px; /* Yorum metni daha küçük */
      }
    }
  </style>
</head>
<body class="unique-body-AzY1231">

<div class="unique-review-container-WsX4561">
  <img class="unique-review-image-EdC7891" src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/01_2.webp?v=1742357721" alt="Profil Resmi">
  <div class="unique-review-content-RfV0121">
    <div class="unique-review-author-TgB3451">
      <span class="unique-review-author-name-YhN6781">
        Burkisoy
        <span class="unique-review-icon-JqL4561 material-symbols-outlined1">verified</span>
      </span>
    </div>
    <div class="unique-review-text-KiL2341">
      I really liked it. The shopping experience in this store was seamless.
    </div>
  </div>
</div>

</body>
</html>