Skip to content

Commit

Permalink
Внесены исправления после первого ревью
Browse files Browse the repository at this point in the history
  • Loading branch information
@gazievri
gazievri committed Jan 10, 2022
1 parent 5309dd3 commit afffeec
Show file tree
Hide file tree
Showing 2 changed files with 59 additions and 54 deletions.
90 changes: 45 additions & 45 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@ <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">
<div class="header__square-pic"></div>
<img class="header__main-illustration" alt="Картина Опять двойка" src="./images/header-image.png">
</header>

<main class="content">
Expand Down Expand Up @@ -86,73 +86,73 @@ <h3 class="table__heading">1889 год</h3>
</section>

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

<section class="kaufman">

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

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

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

<div class="table__theme_dark">
<div class="table 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 class="table__cell table__cell_theme_dark">
<h3 class="table__heading table__heading_theme_dark">1</h3>
<p class="table__text 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 class="table__cell table__cell_theme_dark">
<h3 class="table__heading table__heading_theme_dark">2</h3>
<p class="table__text 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 class="table__cell table__cell_theme_dark">
<h3 class="table__heading table__heading_theme_dark">3</h3>
<p class="table__text 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 class="table__cell table__cell_theme_dark">
<h3 class="table__heading table__heading_theme_dark">4</h3>
<p class="table__text 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 class="table__cell table__cell_theme_dark">
<h3 class="table__heading table__heading_theme_dark">5</h3>
<p class="table__text 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 class="table__cell table__cell_theme_dark">
<h3 class="table__heading table__heading_theme_dark">6</h3>
<p class="table__text 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 class="table__cell table__cell_theme_dark">
<h3 class="table__heading table__heading_theme_dark">7</h3>
<p class="table__text 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 class="table__cell table__cell_theme_dark">
<h3 class="table__heading table__heading_theme_dark">8</h3>
<p class="table__text 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 class="table__cell table__cell_theme_dark">
<h3 class="table__heading table__heading_theme_dark">9</h3>
<p class="table__text 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 class="table__cell table__cell_theme_dark">
<h3 class="table__heading table__heading_theme_dark">10</h3>
<p class="table__text table__text_theme_dark">Уделяйте внимание количеству и скорости.</p>
</div>
</div>

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

</section>
</main>
Expand All @@ -161,13 +161,13 @@ <h3 class="table__heading_theme_dark">10</h3>

<div class="footer__columns">

<div class="footer__column_content_copyright">
<div class="footer__column 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>
<nav class="footer__column footer__column_content_info">
<h2 class="footer__column-heading">О Практикуме</h2>
<ul class="footer__column-links">
<li>
<a class="footer__column-link" href="#">Главная</a>
Expand All @@ -179,10 +179,10 @@ <h3 class="table__heading_theme_dark">10</h3>
<a class="footer__column-link" href="#">Наставник</a>
</li>
</ul>
</div>
</nav>

<div class="footer__column_content_social">
<p class="footer__column-heading">Соцсети</p>
<div class="footer__column footer__column_content_social">
<h2 class="footer__column-heading">Соцсети</h2>
<ul class="footer__column-links">
<li>
<a class="footer__column-link" href="#"><img alt="Логотип Фейсбук" src="./images/facebook_color_white.svg"> Facebook</a>
Expand Down
23 changes: 14 additions & 9 deletions styles/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
justify-content: center;*/
line-height: 96px;
font-size: 102px;
margin: 64px;
margin: 0 0 0 64px;
z-index: 1;

/*border: 1px solid red;*/
Expand All @@ -59,6 +59,7 @@
line-height: 25px;
font-size: 18px;
z-index: 1;
margin: 0;

/*border: 1px solid red;*/
}
Expand All @@ -75,7 +76,7 @@
}

/* ниже мы привели пример двух селекторов, чтобы вы вспомнили запись элемента */
.header__squre-pic {
.header__square-pic {
height: 568px;
width: 568px;
background-color: #2f80ed;
Expand Down Expand Up @@ -194,11 +195,11 @@
line-height: 1.2;
font-size: 18px;
font-weight: normal;
margin-bottom: 20px;
margin: 20px 0 0 0;
}

.table__text:last-child {
margin-bottom: 0;
margin: 20px 0 0 0;
}

.feynman {
Expand All @@ -214,7 +215,7 @@
position: relative;
}

.fyeman__title {
.fyenman__title {
/*display: block;*/
line-height: 1.15;
font-size: 120px;
Expand All @@ -226,7 +227,7 @@
/*border: 1px solid red;*/
}

.feyman__subtitle {
.feynman__subtitle {
/*display: block;*/
line-height: 51px;
font-size: 36px;
Expand All @@ -237,7 +238,7 @@
/*border: 1px solid red;*/
}

.feyman__link {
.feynman__link {
line-height: 51px;
font-size: 36px;
font-weight: normal;
Expand Down Expand Up @@ -286,7 +287,7 @@
/*border: 1px solid red;*/
}

.table__theme_dark {
.table_theme_dark {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
Expand Down Expand Up @@ -322,9 +323,11 @@
}

.kaufman__triangle {
background-image: url(../images/kaufman-triangle.svg);
background-size: cover;
width: 877px;
height: 877px;
color: #2f80ed;
/*color: #2f80ed;*/
position: absolute;
top: 0;
right: -210px;
Expand Down Expand Up @@ -361,6 +364,8 @@

.logo_place_footer {
background-image: url(../images/logo_place_footer.svg);
width: 183px;
height: 35px;
}

.footer__author {
Expand Down

0 comments on commit afffeec

Please sign in to comment.