Выполнить »
×
Изменить ориентацию
Открыть на Codepen
Сменить тему, Темная/Светлая
<!DOCTYPE html> <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>
