Головна сторінка: відмінності між версіями

@@ Рядок 69: / Рядок 69: @@
 <div style="width: 30%; min-width: 300px; background: white; padding: 24px; border-radius: 12px; border: 1px solid #E0E0E0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); text-align: left; display: flex; flex-direction: column; justify-content: space-between; min-height: 180px;">
      <div style="display: flex; align-items: center; gap: 12px;">
-         <div style="width: 40px; height: 30px; position: relative;">
+         <div style="width: 40px; height: 30px; position: relative;"><div style="width: 30px; height: 30px; background-color: red; border-radius: 50%; position: absolute; left: 5px; opacity: 0.8;"></div>
-            <div style="width: 30px; height: 30px; background-color: red; border-radius: 50%; position: absolute; left: 5px; opacity: 0.8;"></div>
              <div style="width: 30px; height: 30px; background-color: orange; border-radius: 50%; position: absolute; left: 15px; opacity: 0.8;"></div>
-         </div>
+         </div><span style="font-size: 24px; font-weight: bold; color: #004085;">MasterPass</span>
-        <span style="font-size: 24px; font-weight: bold; color: #004085;">Оплата за QR MasterPass</span>
      </div>
-     <p style="color: #555; margin-top: 8px;">Оплата з гаманця MasterPass через QR-код</p>
+     <p style="color: #555; margin-top: 8px;">Оплата з гаманця MasterPass через QR-код</p>Читати
-    <a href="#" style="color: #007BFF; text-decoration: none; font-weight: bold;">Читати документацію...</a>
 </div>