Теперь самое интересное — дизайн.
Клиент хотел, чтобы страница выглядела чисто, современно и без перегруза.
Я использовал минималистичный подход: светлый фон, контрастный акцент и ровные отступы. 🎧
body {
font-family: 'Inter', sans-serif;
background: #f9f9f9;
margin: 0;
padding: 0;
text-align: center;
}
header {
padding: 100px 20px;
background: white;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
h1 {
color: #222;
margin-bottom: 10px;
}
p {
color: #555;
}
.btn {
display: inline-block;
padding: 12px 30px;
background: #d62828;
color: white;
border-radius: 6px;
text-decoration: none;
margin-top: 25px;
transition: 0.3s;
}
.btn:hover {
background: #b71c1c;
}После верстки адаптировал под мобильные устройства, добавил favicon и метатеги — мелочи, но они создают впечатление готового проекта.
🍫🍫
🍫🍫 Итог: за 4 часа получился аккуратный мини-лендинг, который клиент сразу выложил на GitHub Pages и отправил потенциальным партнёрам.
🥃 Вывод: даже простая HTML-страница может стать рабочим инструментом.
Если добавить чуть вкуса, структуры и практики — это уже коммерческий продукт, а не учебная работа.
