Custom HTML page

<div style="display: flex; align-items: center; font-family: Arial, sans-serif; gap: 8px;">
  <!-- Stars -->
  <div style="display: flex;">
    <!-- Full Stars -->
    <svg width="20" height="20" viewBox="0 0 24 24" fill="#00B67A" xmlns="http://www.w3.org/2000/svg">
      <path d="M12 2l2.9 6.7L22 9.3l-5 5 1.2 7.7L12 18.6l-6.2 3.4L7 14.3l-5-5 7.1-0.6L12 2z"/>
    </svg>
    <svg width="20" height="20" viewBox="0 0 24 24" fill="#00B67A" xmlns="http://www.w3.org/2000/svg">
      <path d="M12 2l2.9 6.7L22 9.3l-5 5 1.2 7.7L12 18.6l-6.2 3.4L7 14.3l-5-5 7.1-0.6L12 2z"/>
    </svg>
    <svg width="20" height="20" viewBox="0 0 24 24" fill="#00B67A" xmlns="http://www.w3.org/2000/svg">
      <path d="M12 2l2.9 6.7L22 9.3l-5 5 1.2 7.7L12 18.6l-6.2 3.4L7 14.3l-5-5 7.1-0.6L12 2z"/>
    </svg>
    <svg width="20" height="20" viewBox="0 0 24 24" fill="#00B67A" xmlns="http://www.w3.org/2000/svg">
      <path d="M12 2l2.9 6.7L22 9.3l-5 5 1.2 7.7L12 18.6l-6.2 3.4L7 14.3l-5-5 7.1-0.6L12 2z"/>
    </svg>
    <!-- Half Star -->
    <svg width="20" height="20" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <defs>
        <linearGradient id="halfGrad">
          <stop offset="50%" stop-color="#00B67A"/>
          <stop offset="50%" stop-color="#ccc"/>
        </linearGradient>
      </defs>
      <path d="M12 2l2.9 6.7L22 9.3l-5 5 1.2 7.7L12 18.6l-6.2 3.4L7 14.3l-5-5 7.1-0.6L12 2z" fill="url(#halfGrad)"/>
    </svg>
  </div>

  <!-- Text -->
  <span style="font-size: 14px; color: #333;">4.7-star reviews • 1,000+ customers</span>
</div>