Спринт 2 Ревью 1

README.md

@@ -0,0 +1,7 @@
+# How to learn
+---
+Учебный проект, выполняемый в рамках учебы в **Яндекс.Практикум** по специальности web-разработчик. Основная задача проекта - реализовать на практике полученные теоретические знание по web-разработке.
+
+Проект представляет собой web-сайт, посвященный вопросам повышения эффективности процесса обучения.
+
+Проект будет дорабатываться по мере освоения новых знаний в процессе обучения.

blocks/cards/__description/cards__description.css

@@ -0,0 +1,7 @@
+.cards__description {
+  line-height: 23px;
+  font-size: 18px;
+  font-weight: normal;
+  text-align: center;
+  margin: 16px 0 0;
+}

blocks/cards/__image/cards__image.css

@@ -0,0 +1,6 @@
+.cards__image {
+  width: 160px;
+  height: 160px;
+  border-radius: 50%;
+  margin: 60px 40px 43px;
+}

blocks/cards/__item/cards__item.css

@@ -0,0 +1,3 @@
+.cards__item {
+  width: 240px;
+}

blocks/cards/__title/cards__title.css

@@ -0,0 +1,7 @@
+.cards__title {
+  font-size: 24px;
+  font-weight: bold;
+  line-height: 1.15;
+  text-align: center;
+  margin: 0;
+}

blocks/cards/cards.css

@@ -0,0 +1,10 @@
+.cards {
+  width: 920px;
+  margin: auto;
+
+  display: grid;
+  grid-template-columns: auto auto auto;
+  column-gap: 100px;
+  row-gap: 60px;
+  padding-top: 60px;
+}

blocks/feynman/__link/feynman__link.css

@@ -0,0 +1,15 @@
+.feynman__link {
+  line-height: 51px;
+  font-size: 36px;
+  font-weight: normal;
+  color: #2f80ed;
+  text-decoration: none;
+  position: absolute;
+  right: 48px;
+  top: 50%;
+  transition: opacity, 0.5s;
+}
+
+.feynman__link:hover {
+  opacity: 0.6;
+}

blocks/feynman/__subtitle/feynman__subtitle.css

@@ -0,0 +1,7 @@
+.feynman__subtitle {
+  line-height: 51px;
+  font-size: 36px;
+  font-weight: normal;
+  text-align: center;
+  margin: 0;
+}

blocks/feynman/__title/feynman__title.css

@@ -0,0 +1,8 @@
+.fyenman__title {
+  line-height: 1.15;
+  font-size: 120px;
+  font-weight: bold;
+  width: 648px;
+  text-align: center;
+  margin: 100px 0 70px;
+}

blocks/feynman/feynman.css

@@ -0,0 +1,12 @@
+.feynman {
+  display: flex;
+  flex-direction: column;
+  height: 890px;
+  background-image: url("/images/feynman.png");
+  background-repeat: no-repeat;
+  background-position: bottom left;
+  background-size: 867px 637px;
+  background-color: #f2f2f2;
+  align-items: center;
+  position: relative;
+}

blocks/footer/__author/footer__author.css

@@ -0,0 +1,5 @@
+.footer__author {
+  line-height: 25px;
+  font-size: 18px;
+  font-weight: normal;
+}

blocks/footer/__column-heading/footer__column-heading.css

@@ -0,0 +1,6 @@
+.footer__column-heading {
+  line-height: 30px;
+  font-size: 18px;
+  font-weight: bold;
+  margin-top: 0;
+}

blocks/footer/__column-link/footer__column-link.css

@@ -0,0 +1,12 @@
+.footer__column-link {
+  line-height: 30px;
+  font-size: 18px;
+  font-weight: normal;
+  text-decoration: none;
+  color: #fff;
+  transition: opacity, 0.5s;
+}
+
+.footer__column-link:hover {
+  opacity: 0.6;
+}

blocks/footer/__column-links/footer__column-links.css

@@ -0,0 +1,7 @@
+.footer__column-links {
+  display: list-item;
+  list-style-type: none;
+  list-style-position: outside;
+  margin: 20px 0 16px;
+  padding: 0;
+}

blocks/footer/__column/_content/footer__column_content_copyright.css

@@ -0,0 +1,6 @@
+.footer__column_content_copyright {
+  display: flex;
+  flex-direction: column;
+  flex-basis: 711px;
+  justify-content: space-between;
+}

blocks/footer/__columns/footer__columns.css

@@ -0,0 +1,8 @@
+.footer__columns {
+  width: 90%;
+  min-height: 250px;
+  margin: 60px auto 40px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}

blocks/footer/footer.css

@@ -0,0 +1,7 @@
+.footer {
+  display: flex;
+  min-height: 350px;
+  background-color: #1f1f1f;
+  color: #fff;
+  margin: 0;
+}

blocks/header/__link/header__link.css

@@ -0,0 +1,9 @@
+.header__link {
+  color: #2f80ed;
+  text-decoration: none;
+  transition: opacity, 0.5s;
+}
+
+.header__link:hover {
+  opacity: 0.6;
+}

blocks/header/__main-illustration/header__main-illustration.css

@@ -0,0 +1,8 @@
+.header__main-illustration {
+  position: absolute;
+  width: 765px;
+  height: 608px;
+  bottom: 0;
+  right: 0;
+  z-index: 0;
+}

blocks/header/__square-pic/header__square-pic.css

@@ -0,0 +1,8 @@
+.header__square-pic {
+  height: 568px;
+  width: 568px;
+  background-color: #2f80ed;
+  position: absolute;
+  right: 0;
+  top: 64px;
+}

blocks/header/__subtitle/header__subtitle.css

@@ -0,0 +1,10 @@
+.header__subtitle {
+  position: absolute;
+  width: 388px;
+  left: 64px;
+  bottom: 30px;
+  line-height: 25px;
+  font-size: 18px;
+  z-index: 1;
+  margin: 0;
+}

blocks/header/__title/header__title.css

@@ -0,0 +1,8 @@
+.header__title {
+  width: 730px;
+  line-height: 96px;
+  font-size: 102px;
+  margin: 0 0 0 64px;
+  z-index: 1;
+
+}

blocks/header/header.css

@@ -0,0 +1,12 @@
+.header {
+  height: 100vh;
+  min-height: 600px;
+  max-height: 756px;
+  background-color: #f2f2f2;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: 0 0 0 0;
+  position: relative;
+  overflow: hidden;
+}

blocks/kaufman/__triangle/kaufman__triangle.css

@@ -0,0 +1,10 @@
+.kaufman__triangle {
+  background-image: url(/images/kaufman-triangle.svg);
+  background-size: cover;
+  width: 877px;
+  height: 877px;
+  position: absolute;
+  top: 0;
+  right: -210px;
+  z-index: 0;
+}

blocks/kaufman/kaufman.css

@@ -0,0 +1,9 @@
+.kaufman {
+  background-color: #1f1f1f;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: relative;
+  overflow: hidden;
+  margin: 0 0 0 0;
+}

blocks/khan/__author/khan__author.css

@@ -0,0 +1,6 @@
+.khan__author {
+  line-height: 42px;
+  font-size: 30px;
+  font-weight: normal;
+  margin: 0;
+}

blocks/khan/__book-container/khan__book-container.css

@@ -0,0 +1,3 @@
+.khan__book-container {
+  display: flex;
+}

blocks/khan/__book-pic/khan__book-pic.css

@@ -0,0 +1,7 @@
+.khan__book-pic {
+  width: 620px;
+  height: 608px;
+  object-fit: cover;
+  object-position: top right;
+  margin: 0 48px 0 0;
+}

blocks/khan/__buy-link/khan__buy-link.css

@@ -0,0 +1,13 @@
+.khan__buy-link {
+  line-height: 42px;
+  font-size: 30px;
+  font-weight: normal;
+  color: #2f80ed;
+  text-decoration: none;
+  transition: opacity, 0.5s;
+  align-self: baseline;
+}
+
+.khan__buy-link:hover {
+  opacity: 0.6;
+}

blocks/khan/__container/khan__container.css

@@ -0,0 +1,4 @@
+.khan__container {
+  width: 80%;
+  margin: auto;
+}

blocks/khan/__quote-author-subline/khan__quote-author-subline.css

@@ -0,0 +1,6 @@
+.khan__quote-author-subline {
+  line-height: 1.15;
+  font-size: 24px;
+  font-weight: normal;
+  margin: 10px 0 68px;
+}

blocks/khan/__quote-author/khan__quote-author.css

@@ -0,0 +1,6 @@
+.khan__quote-author {
+  line-height: 1.15;
+  font-size: 24px;
+  font-weight: bold;
+  margin: 0;
+}

blocks/khan/__quote/khan__quote.css

@@ -0,0 +1,6 @@
+.khan__quote {
+  line-height: 34px;
+  font-size: 24px;
+  font-weight: normal;
+  margin: 50px 0 36px;
+}

blocks/khan/__title/khan__title.css

@@ -0,0 +1,6 @@
+.khan__title {
+  line-height: 1.15;
+  font-size: 60px;
+  font-weight: bold;
+  margin: 0;
+}

blocks/khan/khan.css

@@ -0,0 +1,3 @@
+.khan {
+  background-color: #f2f2f2;
+}

blocks/logo/_place/logo_place_footer.css

@@ -0,0 +1,5 @@
+.logo_place_footer {
+  background-image: url(/images/logo_place_footer.svg);
+  width: 183px;
+  height: 35px;
+}

blocks/logo/_place/logo_place_header.css

@@ -0,0 +1,6 @@
+.logo_place_header {
+  position: absolute;
+  top: 30px;
+  left: 64px;
+  z-index: 1;
+}

blocks/logo/logo.css

@@ -0,0 +1,4 @@
+.logo {
+  width: 183px;
+  height: 32px;
+}

blocks/oakley/oakley.css

@@ -0,0 +1,6 @@
+.oakley {
+  background-color: #f2f2f2;
+  display: flex;
+  padding: 0;
+  margin; 0;
+}

blocks/resources/__logo-zone/resources__logo-zone.css

@@ -0,0 +1,6 @@
+.resources__logo-zone {
+  display: flex;
+  width: 1100px;
+  margin: 80px auto 217px;
+  justify-content: space-between;
+}

blocks/resources/__logo/resources__logo.css

@@ -0,0 +1,9 @@
+.resources__logo {
+  width: 270px;
+  height: 38px;
+  transition: opacity, 0.5s;
+}
+
+.resources__logo:hover {
+  opacity: 0.6;
+}

blocks/resources/resources.css

@@ -0,0 +1,3 @@
+.resources {
+
+}

blocks/root/root.css

@@ -0,0 +1,10 @@
+.page {
+  min-width: 1100px;
+  /* мы ещё не умеем делать мобильную версию сайта, */
+  /* поэтому выше установлена минимальная ширина страницы */
+  max-width: 1600px;
+  /* выше установили ограничение по максимальной ширине */
+  margin: 0 auto;
+  /* выше для экранов больше 1600px отцентрировали весь контент */
+  font-family: 'Helvetica Neue', Arial, sans-serif;
+}

blocks/rotation/rotation.css

@@ -0,0 +1,12 @@
+@keyframes rotation {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.rotation {
+animation: rotation 20s linear infinite;
+}

blocks/section-subtitle/_theme/section-subtitle_theme_dark.css

@@ -0,0 +1,9 @@
+.section-subtitle_theme_dark {
+  text-align: center;
+  width: 60%;
+  color: white;
+  line-height: 34px;
+  font-size: 24px;
+  font-weight: normal;
+  margin: 20px 0 0 0;
+}

blocks/section-subtitle/section-subtitle.css

@@ -0,0 +1,8 @@
+.section-subtitle {
+  text-align: center;
+  width: 60%;
+  line-height: 34px;
+  font-size: 24px;
+  font-weight: normal;
+  margin: auto;
+}