71 lines
3.7 KiB
HTML
71 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>О проекте — Wikimedium</title>
|
||
<link rel="stylesheet" href="styles/styles.css">
|
||
</head>
|
||
<body>
|
||
<header class="menu">
|
||
<a class="logo" href="index.html">
|
||
<img src="logo.svg" alt="" width="38" height="16">
|
||
<span>Wikimedium</span>
|
||
</a>
|
||
<a class="about-link" href="#about">О проекте</a>
|
||
</header>
|
||
|
||
<main id="about">
|
||
<div class="sections">
|
||
<section class="section first">
|
||
<div class="text">
|
||
<h1>Наглядный пример,<br>
|
||
чтобы учиться веб-вёрстке</h1>
|
||
<p>Разработан для изучения основ веб-вёрстки,<br>
|
||
языка гипертекстовой разметки HTML<br>
|
||
и каскадных таблиц стилей CSS</p>
|
||
</div>
|
||
<img class="image" src="about1.png" alt="Страница Wikimedium на ноутбуке и смартфоне">
|
||
</section>
|
||
|
||
<section class="section second">
|
||
<div class="text">
|
||
<h2>С нуля до первого сайта<br>
|
||
под компьютеры, смартфоны<br>
|
||
и планшеты</h2>
|
||
<p>Чтобы начать изучать веб-вёрстку на этом проекте,<br>
|
||
не требуется каких-то специальных знаний, кроме<br>
|
||
базового умения пользоваться компьютером</p>
|
||
</div>
|
||
<img class="image" src="about2.png" alt="Страница Wikimedium на двух планшетах">
|
||
</section>
|
||
|
||
<section class="section third">
|
||
<div class="text">
|
||
<h2>Реальный проект, реальный<br>
|
||
рабочий процесс</h2>
|
||
<p>Обучение приближено к работе в реальной жизни,<br>
|
||
работа разбита на этапы от типографики, создания<br>
|
||
меню и использования эффектов, до адаптации<br>
|
||
под мобильные устройства и использования<br>
|
||
JavaScript скриптов</p>
|
||
</div>
|
||
<img class="image" src="about3.png" alt="Страница о доме Наркомфина с меню и фотографией">
|
||
</section>
|
||
</div>
|
||
|
||
<section class="learning">
|
||
<h2>Возможность самостоятельного<br>
|
||
и курируемого обучения</h2>
|
||
<p>Вы можете обучаться самостоятельно по исходному коду проекта,<br>
|
||
выложенному на Gitea, или записаться на курс «Основы<br>
|
||
веб-вёрстки» в Школе Дизайна НИУ ВШЭ</p>
|
||
<div class="buttons">
|
||
<a class="button source" href="https://git.shanaty.ru/Emil_Shanaty/Design_HSE_Study">Исходный код на Gitea</a>
|
||
<a class="button course" href="https://design.hse.ru/">Курс в Школе Дизайна</a>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
</body>
|
||
</html>
|