HTML Добавьте код для структуры карточки профиля: Изображение профиля (лежит в папке assets) Заголовок второго уровня: имя пользователя Иван Иванов. Описание: параграф с коротким текстом «Р

Вопрос пользователя:

HTML Добавьте код для структуры карточки профиля: Изображение профиля (лежит в папке assets) Заголовок второго уровня: имя пользователя Иван Иванов. Описание: параграф с коротким текстом «Разработчик и дизайнер». app.css Оформите карточку профиля по следующим правилам: Карточка профиля: должна быть шириной 300px с внутренними отступами 20px цвет фона белый граница светло-серого (#ddd) цвета, тонкая и сплошная все содержимое должно быть выровнено по центру Изображение профиля: ширина и высота должны быть 100px форма круглая (с помощью скругления) нижний отступ для разделения с текстом 15px Имя профиля: размер шрифта 24px цвет шрифта #333 отступ снизу 10px Описание профиля: размер шрифта 16px цвет шрифта #666 отступы отсутствуют

Ответ нейросети:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>User Profile Card</title>
<link rel="stylesheet" href="app.css">
</head>
<body>

<div class="profile-card">
  <img src="assets/profile-pic.jpg" alt="Profile Picture" class="profile-pic">
  <h2>Иван Иванов</h2>
  <p>Разработчик и дизайнер</p>
</div>

</body>
</html>

.profile-card {
  width: 300px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  text-align: center;
}

.profile-pic {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 15px;
}

h2 {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}

p {
  font-size: 16px;
  color: #666;
}

Напишите нам, если в вопросе есть ваши персональные данные ([email protected])

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>User Profile Card</title>
<link rel="stylesheet" href="app.css">
</head>
<body>

<div class="profile-card">
  <img src="assets/profile-pic.jpg" alt="Profile Picture" class="profile-pic">
  <h2>Иван Иванов</h2>
  <p>Разработчик и дизайнер</p>
</div>

</body>
</html>

.profile-card {
  width: 300px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  text-align: center;
}

.profile-pic {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 15px;
}

h2 {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}

p {
  font-size: 16px;
  color: #666;
}

Последние вопросы: