TOPSECOND

by rga4

HTML

<style>
.cont0 {
  justify-content: center;}
h2 {text-align: center;}
.container {
  display: flex;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin: 15px auto;
  max-width: 500px;
}
.content {
  display: flex;
}

.image {
  width: 64px;
  height: auto;
  margin-right: 20px; /* Отступ от правого блока */
}
.link {
  flex: 1; /* Занимает все оставшееся пространство */
  text-align: center;
   display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 24px;
  font-family: 'Roboto';
  font-weight: 700;
}
</style>
<div style="text-align: center;">
<img style="width:200px;" src="https://moda-design.a7in.com/wp-content/uploads/2024/08/top_second_avatar_1.png" />
</div>
<div>
<h1 style="text-align: center;">
ТОПОВИЙ ОДЯГ СЕКОНД/СТОК
</h1>
</div>
<br>
<div class="cont0">
<h2>Оплата:</h2>
  <div class="container">
  <img src="https://moda-design.a7in.com/wp-content/uploads/2024/08/monobank_icon-150x150.png" alt="mono" class="image" />
  <div class="link">
  <a hreh="https://moda-design.a7in.com/ru/topsecond/">Монобанк</a>
  </div>
  </div>
</div>
<br>

<div class="cont0">
<h2>Зв'язок:</h2>

  <div class="container">
  <img src="https://moda-design.a7in.com/wp-content/uploads/2024/08/tiktok-icon-150x150.png" alt="TikTok" class="image" />
  <div class="link">
  <a hreh="https://moda-design.a7in.com/ru/topsecond/">TikTok</a>
  </div>
  </div>

  <div class="container">
  <img src="https://moda-design.a7in.com/wp-content/uploads/2024/08/telegram-icon-150x150.png" alt="Telegram" class="image" />
  <div class="link">
  <a hreh="https://moda-design.a7in.com/ru/topsecond/">Telegram</a>
  </div>
  </div>

  <div class="container">
  <img src="https://moda-design.a7in.com/wp-content/uploads/2024/08/viber-icon-150x150.png" alt="Viber" class="image" />
  <div class="link">
  <a hreh="https://moda-design.a7in.com/ru/topsecond/">Viber</a>
  </div>
  </div>


</div>