Головна сторінка: відмінності між версіями
Матеріал з apidocs
Немає опису редагування |
Немає опису редагування |
||
Рядок 3: | Рядок 3: | ||
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; align-items: stretch;"> | |||
<div style="display: flex; flex-wrap: wrap; justify-content: | |||
<!-- Блок 1 --> | <!-- Блок 1 --> | ||
<div style="width: 30%; min-width: 250px; background: white; padding: 20px; border-radius: 12px; border: 1px solid #E0E0E0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); text-align: left;"> | <div style="width: 30%; min-width: 250px; background: white; padding: 20px; 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: 200px;"> | ||
<span style="font-size: 22px; font-weight: bold; color: #004085;">📄 Subscriptions</span> | <div> | ||
<span style="font-size: 22px; font-weight: bold; color: #004085;">📄 Subscriptions</span> | |||
<a href="#" style="color: #007bff; text-decoration: none; font-weight: bold;">Read documentation →</a> | <p style="color: #555;">Create subscriptions to bill customers at regular intervals</p> | ||
</div> | |||
<a href="#" style="color: #007bff; text-decoration: none; font-weight: bold; margin-top: auto;">Read documentation →</a> | |||
</div> | </div> | ||
<!-- Блок 2 --> | <!-- Блок 2 --> | ||
<div style="width: 30%; min-width: 250px; background: white; padding: 20px; border-radius: 12px; border: 1px solid #E0E0E0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); text-align: left;"> | <div style="width: 30%; min-width: 250px; background: white; padding: 20px; 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: 200px;"> | ||
<span style="font-size: 22px; font-weight: bold; color: #004085;">🧾 Invoicing</span> | <div> | ||
<span style="font-size: 22px; font-weight: bold; color: #004085;">🧾 Invoicing</span> | |||
<a href="#" style="color: #007bff; text-decoration: none; font-weight: bold;">Read documentation →</a> | <p style="color: #555;">Send an online invoice that customers can pay using their preferred payment method</p> | ||
</div> | |||
<a href="#" style="color: #007bff; text-decoration: none; font-weight: bold; margin-top: auto;">Read documentation →</a> | |||
</div> | </div> | ||
<!-- Блок 3 --> | <!-- Блок 3 --> | ||
<div style="width: 30%; min-width: 250px; background: white; padding: 20px; border-radius: 12px; border: 1px solid #E0E0E0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); text-align: left;"> | <div style="width: 30%; min-width: 250px; background: white; padding: 20px; 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: 200px;"> | ||
<span style="font-size: 22px; font-weight: bold; color: #004085;">💳 Donations</span> | <div> | ||
<span style="font-size: 22px; font-weight: bold; color: #004085;">💳 Donations</span> | |||
<a href="#" style="color: #007bff; text-decoration: none; font-weight: bold;">Read documentation →</a> | <p style="color: #555;">Accept donations directly on your website</p> | ||
</div> | |||
<a href="#" style="color: #007bff; text-decoration: none; font-weight: bold; margin-top: auto;">Read documentation →</a> | |||
</div> | </div> | ||
</div> | </div> |
Версія за 14:35, 12 лютого 2025
📄 Subscriptions
Create subscriptions to bill customers at regular intervals
<a href="#" style="color: #007bff; text-decoration: none; font-weight: bold; margin-top: auto;">Read documentation →</a>
🧾 Invoicing
Send an online invoice that customers can pay using their preferred payment method
<a href="#" style="color: #007bff; text-decoration: none; font-weight: bold; margin-top: auto;">Read documentation →</a>
💳 Donations
Accept donations directly on your website
<a href="#" style="color: #007bff; text-decoration: none; font-weight: bold; margin-top: auto;">Read documentation →</a>