Skip to content

Instantly share code, notes, and snippets.

@o0

o0/1.5-page-classes.html

Last active May 5, 2020 14:05
Show Gist options
  • Save o0/6f819ea4ea9e6dbb0c8e9a313d844ee8 to your computer and use it in GitHub Desktop.
Save o0/6f819ea4ea9e6dbb0c8e9a313d844ee8 to your computer and use it in GitHub Desktop.
Download ZIP
Разметка страницы с классами для стилизации
Raw
1.5-page-classes.html
<html lang="ru" class="page">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./main.css">
<meta property="og:type" content="website">
<meta property="og:title" content="OneBootcamp">
<meta property="og:site_name" content="Онлайн-буткемп по веб-разработке">
<meta property="og:site_url" content="https://onebootcamp.typeform.com/to/KqN0Ak">
<title>OneBootcamp</title>
</head>
<body class="page__body">
<header class="header">
<div class="logo">
<h1 class="logo__title">OneBootcamp</h1>
<p class="logo__description">Обучение разработке на практике</p>
</div>
</header>
<main class="main">
<section class="section">
<h2 class="section__title">Преимущества</h2>
<ul class="section__features section__features_dashed">
<li>Подготовка по настоящим требованиям от компаний с рынка</li>
<li>Упор на практику: четыре практических проекта</li>
<li>Работа в группе</li>
<li>Консультации и код-ревью от менторов — практикующих разработчиков</li>
</ul>
</section>
<section class="section section_special">
<h2 class="section__title">Программа</h2>
<ol class="section__features">
<li>Работа в команде: скрам, системы контроля версий</li>
<li>Мобильная верстка</li>
<li>Адаптивная верстка</li>
<li>Шаблонизация: Pug</li>
<li>JavaScript, модульность, UI-киты</li>
<li>React</li>
<li>Шаблонизация: Next.js</li>
<li>Деплой: статика, GitHub Pages, now.sh, Docker</li>
<li>Карьерная неделя: подготовка резюме, отклики на вакансии</li>
</ol>
</section>
<section class="section">
<h2 class="section__title">Условия</h2>
<ul class="section__features section__features_dashed">
<li>150000 рублей</li>
<li>Рассрочка оплаты</li>
<li>Возможна оплата после обучения</li>
</ul>
<a class="section__button" href="https://onebootcamp.typeform.com/to/KqN0Ak">Записаться</a>
</section>
</main>
<footer class="footer">
<p>&copy; 2020 <a href="https://onebootcamp.typeform.com/to/KqN0Ak">OneBootcamp</a></p>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment