Skip to content

Commit

Permalink
спринт 1 проверка 1
Browse files Browse the repository at this point in the history
  • Loading branch information
@gazievri
gazievri committed Dec 24, 2021
1 parent c40e25b commit 5309dd3
Show file tree
Hide file tree
Showing 2 changed files with 549 additions and 8 deletions.
177 changes: 175 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,28 +3,201 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles/normalize.css">
<link rel="stylesheet" href="./styles/style.css">
<title>Научиться учиться</title>
</head>

<body>
<div class="page">
<header class="header">

<header class="header border">
<img class="logo logo_place_header" alt="Логотип Яндекс.Практикум" src="./images/logo_place_header.svg">
<h1 class="header__title">Научиться учиться</h1>
<p class="header__subtitle">Какие современные и эффективные подходы к обучению вы можете использовать в своей жизни?
<a class="header__link" href="#">Узнать &rarr;</a>
</p>
<div class="header__squre-pic"></div>
<img class="header__main-illustration" alt="Ученик пришел домой" src="./images/header-image.png">
</header>

<main class="content">

<section class="description">
<div class="two-columns">
<h2 class="two-columns__brief">Главные проблемы в обучении</h2>
<div class="two-columns__main-text">
<p class="two-columns__paragraph">Ни в школе, ни в институте нас не учат тому, как правильно изучать материал. Мы готовимся к экзаменам и учим билеты. Мы тренируемся решать однообразные задачи, чтобы лучше сдать тест, но часто в итоге это не дает нам реального знания. Зубрежка быстро выветривается и не приносит пользы.</p>
<p class="two-columns__paragraph"><span class="two-columns__span-accent">Вывод:</span> учиться тоже нужно уметь, но почему-то этому мало где учат. Что с этим делать?</p>
<p class="two-columns__paragraph">Конкретные техники и упражнения помогают изменить подход к обучению, сделать его эффективным и захватывающим. Эти же техники применяются на примере обучения в Практикуме.</p>
</div>
</div>
</section>

<section class="digits">
<h2 class="section-title">Цифры и факты</h2>

<p class="section-subtitle">Про учёбу и мозг</p>

<div class="table">

<div class="table__cell">
<h3 class="table__heading">86 миллиардов</h3>
<p class="table__text">Число нейронов в мозге человека</p>
</div>

<div class="table__cell">
<h3 class="table__heading">2.1 миллиарда</h3>
<p class="table__text">Число нуждающихся в повышении квалификации</p>
<p class="table__text">Всемирный Банк, 2017</p>
</div>

<div class="table__cell">
<h3 class="table__heading">1000 терабайт</h3>
<p class="table__text">Объём памяти человека</p>
</div>

<div class="table__cell">
<h3 class="table__heading">500 триллионов</h3>
<p class="table__text">Число ответственных за обучение нервных синапсов у взрослого человека</p>
</div>

<div class="table__cell">
<h3 class="table__heading">20 миллионов</h3>
<p class="table__text">Число взрослых людей моложе 25 лет, не имеющих образования для трудоустройства</p>
<p class="table__text">Всемирный Банк, 2017</p>
</div>

<div class="table__cell">
<h3 class="table__heading">17–20 лет</h3>
<p class="table__text">Пик обучаемости</p>
</div>

<div class="table__cell">
<h3 class="table__heading">1885 год</h3>
<p class="table__text">Открытие кривой забывания</p>
</div>

<div class="table__cell">
<h3 class="table__heading">1889 год</h3>
<p class="table__text">Открытие условного рефлекса</p>
</div>

</div>
</section>

<section class="feynman">
<h2 class="fyeman__title">Метод Фейнмана</h2>
<h3 class="feyman__subtitle">Выучить и не забыть.</h3>
<a class="feyman__link" href="#">Подробнее &rarr;</a>
</section>

<section class="kaufman">

<div class="kaufman__triangle"></div>

<h2 class="section-title_theme_dark">Принципы обучения</h2>

<p class="section-subtitle_theme_dark">от Джоша Кауфмана</p>

<div class="table__theme_dark">

<div class="table__cell_theme_dark">
<h3 class="table__heading_theme_dark">1</h3>
<p class="table__text_theme_dark">Выберите привлекательный проект.</p>
</div>

<div class="table__cell_theme_dark">
<h3 class="table__heading_theme_dark">2</h3>
<p class="table__text_theme_dark">Сосредоточьтесь на каком-то одном навыке.</p>
</div>

<div class="table__cell_theme_dark">
<h3 class="table__heading_theme_dark">3</h3>
<p class="table__text_theme_dark">Определите целевой уровень мастерства.</p>
</div>

<div class="table__cell_theme_dark">
<h3 class="table__heading_theme_dark">4</h3>
<p class="table__text_theme_dark">Разбейте навык на элементы.</p>
</div>

<div class="table__cell_theme_dark">
<h3 class="table__heading_theme_dark">5</h3>
<p class="table__text_theme_dark">Приготовьте всё необходимое для занятий.</p>
</div>

<div class="table__cell_theme_dark">
<h3 class="table__heading_theme_dark">6</h3>
<p class="table__text_theme_dark">Устраните препятствия для занятий.</p>
</div>

<div class="table__cell_theme_dark">
<h3 class="table__heading_theme_dark">7</h3>
<p class="table__text_theme_dark">Выделите специальное время для занятий.</p>
</div>

<div class="table__cell_theme_dark">
<h3 class="table__heading_theme_dark">8</h3>
<p class="table__text_theme_dark">Создайте быстрые петли обратной связи.</p>
</div>

<div class="table__cell_theme_dark">
<h3 class="table__heading_theme_dark">9</h3>
<p class="table__text_theme_dark">Занимайтесь по расписанию, короткими интенсивными интервалами.</p>
</div>

<div class="table__cell_theme_dark">
<h3 class="table__heading_theme_dark">10</h3>
<p class="table__text_theme_dark">Уделяйте внимание количеству и скорости.</p>
</div>
</div>

<img class="kaufman__triangle" alt="Синий треугольник" src="./images/kaufman-triangle.svg">

</section>
</main>

<footer class="footer">

<div class="footer__columns">

<div class="footer__column_content_copyright">
<div class="logo logo_place_footer"></div>
<p class="footer__author"> &copy; 2021. Руслан Газиев</p>
</div>

<div class="footer__column_content_info">
<p class="footer__column-heading">О Практикуме</p>
<ul class="footer__column-links">
<li>
<a class="footer__column-link" href="#">Главная</a>
</li>
<li>
<a class="footer__column-link" href="#">Концепция</a>
</li>
<li>
<a class="footer__column-link" href="#">Наставник</a>
</li>
</ul>
</div>

<div class="footer__column_content_social">
<p class="footer__column-heading">Соцсети</p>
<ul class="footer__column-links">
<li>
<a class="footer__column-link" href="#"><img alt="Логотип Фейсбук" src="./images/facebook_color_white.svg"> Facebook</a>
</li>
<li>
<a class="footer__column-link" href="#"><img alt="Логотип ВКонтакте" src="./images/vk_color_white.svg"> ВКонтакте</a>
</li>
<li>
<a class="footer__column-link" href="#"><img alt="Логотип Инстаграм" src="./images/instagram_color_white.svg"> Instagram</a>
</li>
</ul>
</div>

</div>

</footer>
</div>
</body>
Expand Down
Loading

0 comments on commit 5309dd3

Please sign in to comment.