← Каталог
HTML-страницы целиком — Резюме одной страницей
Фрагмент из «HTML-страницы целиком»: Резюме одной страницей.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Резюме — Петр Козлов</title>
<style>
body { font-family: "Segoe UI", system-ui, sans-serif; max-width: 50rem; margin: 1.5rem auto; padding: 0 1.25rem; line-height: 1.5; }
h1 { margin-bottom: 0.25rem; }
.meta { color: #555; margin-bottom: 1.5rem; }
section { margin-bottom: 1.25rem; }
ul { margin: 0.25rem 0 0; padding-left: 1.25rem; }
</style>
</head>
<body>
<header>
<h1>Петр Козлов</h1>
<p class="meta">Junior Frontend · Казань · <a href="tel:+79001234567">+7 900 123-45-67</a></p>
</header>
<section>
<h2>О себе</h2>
<p>Вёрстка учебных лендингов, основы JavaScript. Ищу стажировку.</p>
</section>
<section>
<h2>Навыки</h2>
<ul>
<li>HTML5, семантика, формы, таблицы</li>
<li>CSS — Flexbox, адаптив, переменные</li>
<li>Git — commit, branch, pull request</li>
</ul>
</section>
<section>
<h2>Опыт</h2>
<article>
<h3>Волонтёр — школьный сайт</h3>
<p><time datetime="2025-09">Сентябрь 2025</time> — <time datetime="2026-05">май 2026</time></p>
<p>Вёрстка страниц новостей, проверка в Lighthouse.</p>
</article>
</section>
<section>
<h2>Образование</h2>
<p>Колледж информационных технологий, 2 курс</p>
</section>
</body>
</html><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Резюме — Петр Козлов</title>
<style>
body { font-family: "Segoe UI", system-ui, sans-serif; max-width: 50rem; margin: 1.5rem auto; padding: 0 1.25rem; line-height: 1.5; }
h1 { margin-bottom: 0.25rem; }
.meta { color: #555; margin-bottom: 1.5rem; }
section { margin-bottom: 1.25rem; }
ul { margin: 0.25rem 0 0; padding-left: 1.25rem; }
</style>
</head>
<body>
<header>
<h1>Петр Козлов</h1>
<p class="meta">Junior Frontend · Казань · <a href="tel:+79001234567">+7 900 123-45-67</a></p>
</header>
<section>
<h2>О себе</h2>
<p>Вёрстка учебных лендингов, основы JavaScript. Ищу стажировку.</p>
</section>
<section>
<h2>Навыки</h2>
<ul>
<li>HTML5, семантика, формы, таблицы</li>
<li>CSS — Flexbox, адаптив, переменные</li>
<li>Git — commit, branch, pull request</li>
</ul>
</section>
<section>
<h2>Опыт</h2>
<article>
<h3>Волонтёр — школьный сайт</h3>
<p><time datetime="2025-09">Сентябрь 2025</time> — <time datetime="2026-05">май 2026</time></p>
<p>Вёрстка страниц новостей, проверка в Lighthouse.</p>
</article>
</section>
<section>
<h2>Образование</h2>
<p>Колледж информационных технологий, 2 курс</p>
</section>
</body>
</html>