👋 Сегодня расскажу, как даже простая HTML-страничка может стать твоим кейсом для портфолио.
Представь, тебе пишет заказчик: “Нужна лендинг-страница визитка — чтобы было стильно, аккуратно и без лишних сложностей.”
Что ты делаешь? Берёшь базовый HTML, добавляешь немного CSS, и уже через пару часов показываешь первый результат.
🥃 Вот минимальный пример такой страницы:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Мой первый сайт</title>
<style>
body {
font-family: Arial, sans-serif;
background: #f5f5f5;
margin: 0;
padding: 0;
text-align: center;
}
header {
background: #222;
color: #fff;
padding: 20px;
}
.btn {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background: #e63946;
color: #fff;
text-decoration: none;
border-radius: 5px;
}
.btn:hover {
background: #d62828;
}
</style>
</head>
<body>
<header>
<h1>Привет! Это мой сайт</h1>
<p>Здесь могла бы быть ваша реклама 🚀</p>
<a href="#" class="btn">Связаться</a>
</header>
</body>
</html>
👨💻 Код максимально простой, но уже выглядит как маленький лендинг.
Такие вещи часто заказывают на фрилансе, и даже на первых заказах это может быть твоим “боевым кейсом”.
🤵♂ В следующем посте расскажу, как запустить эту страницу у себя и показать заказчику.