x
<html><title>W3.CSS</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="../styles/w3.css"><body><div class="w3-container"> <h2>Пример карточки</h2> <div class="w3-card-4" style="width:70%"> <header class="w3-container w3-light-grey"> <h3>John Doe</h3> </header> <div class="w3-container"> <p>1 новый запрос дружбы</p> <hr> <img src="../images/img_avatar3.png" alt="Avatar" class="w3-left w3-circle w3-margin-right" style="width:60px"> <p>Генеральный директор Mighty Schools. Маркетинг и реклама. Ищу новую работу и новые возможности.</p><br> </div> <button class="w3-button w3-block w3-dark-grey">+ Связаться</button> </div></div></body></html>