diff --git a/src/images/demo.jpg b/src/images/demo.jpg deleted file mode 100644 index 3d26b41648f..00000000000 Binary files a/src/images/demo.jpg and /dev/null differ diff --git a/src/images/footer/footer-instagram.svg b/src/images/footer/footer-instagram.svg new file mode 100644 index 00000000000..c2a62523f08 --- /dev/null +++ b/src/images/footer/footer-instagram.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/hero/Thumbs.db b/src/images/hero/Thumbs.db new file mode 100644 index 00000000000..1758061fdb6 Binary files /dev/null and b/src/images/hero/Thumbs.db differ diff --git a/src/images/hero/hero-bg-desktop.png b/src/images/hero/hero-bg-desktop.png new file mode 100644 index 00000000000..9639fa03666 Binary files /dev/null and b/src/images/hero/hero-bg-desktop.png differ diff --git a/src/images/hero/hero-bg-desktop.webp b/src/images/hero/hero-bg-desktop.webp new file mode 100644 index 00000000000..87a0366cb5b Binary files /dev/null and b/src/images/hero/hero-bg-desktop.webp differ diff --git a/src/images/hero/hero-bg-desktop@2x.png b/src/images/hero/hero-bg-desktop@2x.png new file mode 100644 index 00000000000..034e53bde0b Binary files /dev/null and b/src/images/hero/hero-bg-desktop@2x.png differ diff --git a/src/images/hero/hero-bg-desktop@2x.webp b/src/images/hero/hero-bg-desktop@2x.webp new file mode 100644 index 00000000000..445807c5553 Binary files /dev/null and b/src/images/hero/hero-bg-desktop@2x.webp differ diff --git a/src/images/hero/hero-bg-mobile.png b/src/images/hero/hero-bg-mobile.png new file mode 100644 index 00000000000..808e833e4b0 Binary files /dev/null and b/src/images/hero/hero-bg-mobile.png differ diff --git a/src/images/hero/hero-bg-mobile.webp b/src/images/hero/hero-bg-mobile.webp new file mode 100644 index 00000000000..25240fd6641 Binary files /dev/null and b/src/images/hero/hero-bg-mobile.webp differ diff --git a/src/images/hero/hero-bg-mobile@2x.png b/src/images/hero/hero-bg-mobile@2x.png new file mode 100644 index 00000000000..2f7665b1007 Binary files /dev/null and b/src/images/hero/hero-bg-mobile@2x.png differ diff --git a/src/images/hero/hero-bg-mobile@2x.webp b/src/images/hero/hero-bg-mobile@2x.webp new file mode 100644 index 00000000000..7ace4599237 Binary files /dev/null and b/src/images/hero/hero-bg-mobile@2x.webp differ diff --git a/src/images/hero/hero-bg-tablet.png b/src/images/hero/hero-bg-tablet.png new file mode 100644 index 00000000000..6b9b4d1d1f1 Binary files /dev/null and b/src/images/hero/hero-bg-tablet.png differ diff --git a/src/images/hero/hero-bg-tablet.webp b/src/images/hero/hero-bg-tablet.webp new file mode 100644 index 00000000000..da54c1038f9 Binary files /dev/null and b/src/images/hero/hero-bg-tablet.webp differ diff --git a/src/images/hero/hero-bg-tablet@2x.png b/src/images/hero/hero-bg-tablet@2x.png new file mode 100644 index 00000000000..8c1ed4c54bd Binary files /dev/null and b/src/images/hero/hero-bg-tablet@2x.png differ diff --git a/src/images/hero/hero-bg-tablet@2x.webp b/src/images/hero/hero-bg-tablet@2x.webp new file mode 100644 index 00000000000..1e452ae93c7 Binary files /dev/null and b/src/images/hero/hero-bg-tablet@2x.webp differ diff --git a/src/images/hero/hero-img-desktop.png b/src/images/hero/hero-img-desktop.png new file mode 100644 index 00000000000..fb385859a6b Binary files /dev/null and b/src/images/hero/hero-img-desktop.png differ diff --git a/src/images/hero/hero-img-desktop.webp b/src/images/hero/hero-img-desktop.webp new file mode 100644 index 00000000000..c3c3f4b8bb4 Binary files /dev/null and b/src/images/hero/hero-img-desktop.webp differ diff --git a/src/images/hero/hero-img-desktop@2x.png b/src/images/hero/hero-img-desktop@2x.png new file mode 100644 index 00000000000..130a8dbabbd Binary files /dev/null and b/src/images/hero/hero-img-desktop@2x.png differ diff --git a/src/images/hero/hero-img-desktop@2x.webp b/src/images/hero/hero-img-desktop@2x.webp new file mode 100644 index 00000000000..035b6301aba Binary files /dev/null and b/src/images/hero/hero-img-desktop@2x.webp differ diff --git a/src/images/hero/hero-img-mobile.png b/src/images/hero/hero-img-mobile.png new file mode 100644 index 00000000000..a5655468404 Binary files /dev/null and b/src/images/hero/hero-img-mobile.png differ diff --git a/src/images/hero/hero-img-mobile.webp b/src/images/hero/hero-img-mobile.webp new file mode 100644 index 00000000000..f880a2ef219 Binary files /dev/null and b/src/images/hero/hero-img-mobile.webp differ diff --git a/src/images/hero/hero-img-mobile@2x.png b/src/images/hero/hero-img-mobile@2x.png new file mode 100644 index 00000000000..2b5cb5627fc Binary files /dev/null and b/src/images/hero/hero-img-mobile@2x.png differ diff --git a/src/images/hero/hero-img-mobile@2x.webp b/src/images/hero/hero-img-mobile@2x.webp new file mode 100644 index 00000000000..a934e9a97fc Binary files /dev/null and b/src/images/hero/hero-img-mobile@2x.webp differ diff --git a/src/images/hero/hero-img-tablet.png b/src/images/hero/hero-img-tablet.png new file mode 100644 index 00000000000..60011a05af1 Binary files /dev/null and b/src/images/hero/hero-img-tablet.png differ diff --git a/src/images/hero/hero-img-tablet.webp b/src/images/hero/hero-img-tablet.webp new file mode 100644 index 00000000000..e46816f34c8 Binary files /dev/null and b/src/images/hero/hero-img-tablet.webp differ diff --git a/src/images/hero/hero-img-tablet@2x.png b/src/images/hero/hero-img-tablet@2x.png new file mode 100644 index 00000000000..2a3863332d2 Binary files /dev/null and b/src/images/hero/hero-img-tablet@2x.png differ diff --git a/src/images/hero/hero-img-tablet@2x.webp b/src/images/hero/hero-img-tablet@2x.webp new file mode 100644 index 00000000000..b9a6fac1a1d Binary files /dev/null and b/src/images/hero/hero-img-tablet@2x.webp differ diff --git a/src/images/images-teacher/sprite.svg b/src/images/images-teacher/sprite.svg new file mode 100644 index 00000000000..d54dfa46999 --- /dev/null +++ b/src/images/images-teacher/sprite.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/images/images-teacher/teacher-desktop.jpg b/src/images/images-teacher/teacher-desktop.jpg new file mode 100644 index 00000000000..66458b3380e Binary files /dev/null and b/src/images/images-teacher/teacher-desktop.jpg differ diff --git a/src/images/images-teacher/teacher-desktop.webp b/src/images/images-teacher/teacher-desktop.webp new file mode 100644 index 00000000000..0cb36a069fc Binary files /dev/null and b/src/images/images-teacher/teacher-desktop.webp differ diff --git a/src/images/images-teacher/teacher-desktop@2x.jpg b/src/images/images-teacher/teacher-desktop@2x.jpg new file mode 100644 index 00000000000..b28ce6cdb9e Binary files /dev/null and b/src/images/images-teacher/teacher-desktop@2x.jpg differ diff --git a/src/images/images-teacher/teacher-desktop@2x.webp b/src/images/images-teacher/teacher-desktop@2x.webp new file mode 100644 index 00000000000..96cb2e9b364 Binary files /dev/null and b/src/images/images-teacher/teacher-desktop@2x.webp differ diff --git a/src/images/images-teacher/teacher-mobile.jpg b/src/images/images-teacher/teacher-mobile.jpg new file mode 100644 index 00000000000..e20b6d23479 Binary files /dev/null and b/src/images/images-teacher/teacher-mobile.jpg differ diff --git a/src/images/images-teacher/teacher-mobile.webp b/src/images/images-teacher/teacher-mobile.webp new file mode 100644 index 00000000000..6df950385d2 Binary files /dev/null and b/src/images/images-teacher/teacher-mobile.webp differ diff --git a/src/images/images-teacher/teacher-mobile@2x.jpg b/src/images/images-teacher/teacher-mobile@2x.jpg new file mode 100644 index 00000000000..1bbdf564b65 Binary files /dev/null and b/src/images/images-teacher/teacher-mobile@2x.jpg differ diff --git a/src/images/images-teacher/teacher-mobile@2x.webp b/src/images/images-teacher/teacher-mobile@2x.webp new file mode 100644 index 00000000000..30cf92d9df8 Binary files /dev/null and b/src/images/images-teacher/teacher-mobile@2x.webp differ diff --git a/src/images/images-teacher/teacher-tablet.jpg b/src/images/images-teacher/teacher-tablet.jpg new file mode 100644 index 00000000000..e20b6d23479 Binary files /dev/null and b/src/images/images-teacher/teacher-tablet.jpg differ diff --git a/src/images/images-teacher/teacher-tablet.webp b/src/images/images-teacher/teacher-tablet.webp new file mode 100644 index 00000000000..6df950385d2 Binary files /dev/null and b/src/images/images-teacher/teacher-tablet.webp differ diff --git a/src/images/images-teacher/teacher-tablet@2x.jpg b/src/images/images-teacher/teacher-tablet@2x.jpg new file mode 100644 index 00000000000..1bbdf564b65 Binary files /dev/null and b/src/images/images-teacher/teacher-tablet@2x.jpg differ diff --git a/src/images/images-teacher/teacher-tablet@2x.webp b/src/images/images-teacher/teacher-tablet@2x.webp new file mode 100644 index 00000000000..30cf92d9df8 Binary files /dev/null and b/src/images/images-teacher/teacher-tablet@2x.webp differ diff --git a/src/images/images-teacher/teacher.svg b/src/images/images-teacher/teacher.svg new file mode 100644 index 00000000000..6a42bc6b11c --- /dev/null +++ b/src/images/images-teacher/teacher.svg @@ -0,0 +1,7 @@ + diff --git a/src/images/our-program/Thumbs.db b/src/images/our-program/Thumbs.db new file mode 100644 index 00000000000..869f4a2ff23 Binary files /dev/null and b/src/images/our-program/Thumbs.db differ diff --git a/src/images/our-program/our-program-desktop.png b/src/images/our-program/our-program-desktop.png new file mode 100644 index 00000000000..293ea93bc20 Binary files /dev/null and b/src/images/our-program/our-program-desktop.png differ diff --git a/src/images/our-program/our-program-desktop@2x.png b/src/images/our-program/our-program-desktop@2x.png new file mode 100644 index 00000000000..3903d963d6a Binary files /dev/null and b/src/images/our-program/our-program-desktop@2x.png differ diff --git a/src/images/our-program/our-program-mobile.png b/src/images/our-program/our-program-mobile.png new file mode 100644 index 00000000000..c514be7f6cb Binary files /dev/null and b/src/images/our-program/our-program-mobile.png differ diff --git a/src/images/our-program/our-program-mobile@2x.png b/src/images/our-program/our-program-mobile@2x.png new file mode 100644 index 00000000000..b12aae08b6f Binary files /dev/null and b/src/images/our-program/our-program-mobile@2x.png differ diff --git a/src/images/our-program/our-program-tablet.png b/src/images/our-program/our-program-tablet.png new file mode 100644 index 00000000000..7d8f0efe4d4 Binary files /dev/null and b/src/images/our-program/our-program-tablet.png differ diff --git a/src/images/our-program/our-program-tablet@2x.png b/src/images/our-program/our-program-tablet@2x.png new file mode 100644 index 00000000000..01752d5c151 Binary files /dev/null and b/src/images/our-program/our-program-tablet@2x.png differ diff --git a/src/images/problems/problems-fire.png b/src/images/problems/problems-fire.png new file mode 100644 index 00000000000..97b6fe1206c Binary files /dev/null and b/src/images/problems/problems-fire.png differ diff --git a/src/images/problems/problems-fire@2x.png b/src/images/problems/problems-fire@2x.png new file mode 100644 index 00000000000..f4ee7a836c4 Binary files /dev/null and b/src/images/problems/problems-fire@2x.png differ diff --git a/src/images/registration/Thumbs.db b/src/images/registration/Thumbs.db new file mode 100644 index 00000000000..c8d0cd9239c Binary files /dev/null and b/src/images/registration/Thumbs.db differ diff --git a/src/images/registration/registration-mobile@1x.png b/src/images/registration/registration-mobile@1x.png new file mode 100644 index 00000000000..261f1978a60 Binary files /dev/null and b/src/images/registration/registration-mobile@1x.png differ diff --git a/src/images/registration/registration-mobile@2x.png b/src/images/registration/registration-mobile@2x.png new file mode 100644 index 00000000000..311e610d54c Binary files /dev/null and b/src/images/registration/registration-mobile@2x.png differ diff --git a/src/images/registration/registration@1x.png b/src/images/registration/registration@1x.png new file mode 100644 index 00000000000..12b46771ff3 Binary files /dev/null and b/src/images/registration/registration@1x.png differ diff --git a/src/images/registration/registration@2x.png b/src/images/registration/registration@2x.png new file mode 100644 index 00000000000..f305ae5e8c7 Binary files /dev/null and b/src/images/registration/registration@2x.png differ diff --git a/src/images/reviews/Thumbs.db b/src/images/reviews/Thumbs.db new file mode 100644 index 00000000000..13f838803d2 Binary files /dev/null and b/src/images/reviews/Thumbs.db differ diff --git a/src/images/reviews/img1_mobi_x1.jpg b/src/images/reviews/img1_mobi_x1.jpg new file mode 100644 index 00000000000..9d29759b094 Binary files /dev/null and b/src/images/reviews/img1_mobi_x1.jpg differ diff --git a/src/images/reviews/img1_mobi_x2.jpg b/src/images/reviews/img1_mobi_x2.jpg new file mode 100644 index 00000000000..af082306436 Binary files /dev/null and b/src/images/reviews/img1_mobi_x2.jpg differ diff --git a/src/images/reviews/img1_tablet_x1.jpg b/src/images/reviews/img1_tablet_x1.jpg new file mode 100644 index 00000000000..74bb29da977 Binary files /dev/null and b/src/images/reviews/img1_tablet_x1.jpg differ diff --git a/src/images/reviews/img1_tablet_x2.jpg b/src/images/reviews/img1_tablet_x2.jpg new file mode 100644 index 00000000000..7722dd8b6ee Binary files /dev/null and b/src/images/reviews/img1_tablet_x2.jpg differ diff --git a/src/images/reviews/img2_mobi_x1.jpg b/src/images/reviews/img2_mobi_x1.jpg new file mode 100644 index 00000000000..07cbd4fa79e Binary files /dev/null and b/src/images/reviews/img2_mobi_x1.jpg differ diff --git a/src/images/reviews/img2_mobi_x2.jpg b/src/images/reviews/img2_mobi_x2.jpg new file mode 100644 index 00000000000..5bbde6e2c5e Binary files /dev/null and b/src/images/reviews/img2_mobi_x2.jpg differ diff --git a/src/images/reviews/img2_tablet_x1.jpg b/src/images/reviews/img2_tablet_x1.jpg new file mode 100644 index 00000000000..07cbd4fa79e Binary files /dev/null and b/src/images/reviews/img2_tablet_x1.jpg differ diff --git a/src/images/reviews/img2_tablet_x2.jpg b/src/images/reviews/img2_tablet_x2.jpg new file mode 100644 index 00000000000..5bbde6e2c5e Binary files /dev/null and b/src/images/reviews/img2_tablet_x2.jpg differ diff --git a/src/images/reviews/img3_mobi_x1.jpg b/src/images/reviews/img3_mobi_x1.jpg new file mode 100644 index 00000000000..603ab2bb933 Binary files /dev/null and b/src/images/reviews/img3_mobi_x1.jpg differ diff --git a/src/images/reviews/img3_mobi_x2.jpg b/src/images/reviews/img3_mobi_x2.jpg new file mode 100644 index 00000000000..0a115b1ff35 Binary files /dev/null and b/src/images/reviews/img3_mobi_x2.jpg differ diff --git a/src/images/reviews/img3_tablet_x1.jpg b/src/images/reviews/img3_tablet_x1.jpg new file mode 100644 index 00000000000..603ab2bb933 Binary files /dev/null and b/src/images/reviews/img3_tablet_x1.jpg differ diff --git a/src/images/reviews/img3_tablet_x2.jpg b/src/images/reviews/img3_tablet_x2.jpg new file mode 100644 index 00000000000..0a115b1ff35 Binary files /dev/null and b/src/images/reviews/img3_tablet_x2.jpg differ diff --git a/src/images/reviews/img4_mobi_x1.jpg b/src/images/reviews/img4_mobi_x1.jpg new file mode 100644 index 00000000000..b46a9e50475 Binary files /dev/null and b/src/images/reviews/img4_mobi_x1.jpg differ diff --git a/src/images/reviews/img4_mobi_x2.jpg b/src/images/reviews/img4_mobi_x2.jpg new file mode 100644 index 00000000000..ad2c1a34abe Binary files /dev/null and b/src/images/reviews/img4_mobi_x2.jpg differ diff --git a/src/images/reviews/img4_tablet_x1.jpg b/src/images/reviews/img4_tablet_x1.jpg new file mode 100644 index 00000000000..b46a9e50475 Binary files /dev/null and b/src/images/reviews/img4_tablet_x1.jpg differ diff --git a/src/images/reviews/img4_tablet_x2.jpg b/src/images/reviews/img4_tablet_x2.jpg new file mode 100644 index 00000000000..ad2c1a34abe Binary files /dev/null and b/src/images/reviews/img4_tablet_x2.jpg differ diff --git a/src/images/reviews/img5_tablet_x1.jpg b/src/images/reviews/img5_tablet_x1.jpg new file mode 100644 index 00000000000..dc8d96b7d08 Binary files /dev/null and b/src/images/reviews/img5_tablet_x1.jpg differ diff --git a/src/images/reviews/img5_tablet_x2.jpg b/src/images/reviews/img5_tablet_x2.jpg new file mode 100644 index 00000000000..54b7cde152e Binary files /dev/null and b/src/images/reviews/img5_tablet_x2.jpg differ diff --git a/src/images/reviews/img6_tablet_x1.jpg b/src/images/reviews/img6_tablet_x1.jpg new file mode 100644 index 00000000000..1e659f33e0c Binary files /dev/null and b/src/images/reviews/img6_tablet_x1.jpg differ diff --git a/src/images/reviews/img6_tablet_x2.jpg b/src/images/reviews/img6_tablet_x2.jpg new file mode 100644 index 00000000000..801bf5ca053 Binary files /dev/null and b/src/images/reviews/img6_tablet_x2.jpg differ diff --git a/src/images/reviews/img7_tablet_x1.jpg b/src/images/reviews/img7_tablet_x1.jpg new file mode 100644 index 00000000000..b06efee40d2 Binary files /dev/null and b/src/images/reviews/img7_tablet_x1.jpg differ diff --git a/src/images/reviews/img7_tablet_x2.jpg b/src/images/reviews/img7_tablet_x2.jpg new file mode 100644 index 00000000000..b06efee40d2 Binary files /dev/null and b/src/images/reviews/img7_tablet_x2.jpg differ diff --git a/src/images/reviews/img8_tablet_x1.jpg b/src/images/reviews/img8_tablet_x1.jpg new file mode 100644 index 00000000000..f78f188dbc4 Binary files /dev/null and b/src/images/reviews/img8_tablet_x1.jpg differ diff --git a/src/images/reviews/img8_tablet_x2.jpg b/src/images/reviews/img8_tablet_x2.jpg new file mode 100644 index 00000000000..672bbe29eb7 Binary files /dev/null and b/src/images/reviews/img8_tablet_x2.jpg differ diff --git a/src/images/sprite.svg b/src/images/sprite.svg new file mode 100644 index 00000000000..2c8077db9f7 --- /dev/null +++ b/src/images/sprite.svg @@ -0,0 +1,250 @@ + + + + + + + + \ No newline at end of file diff --git a/src/index.html b/src/index.html index 6967c8809d6..6137c553a20 100644 --- a/src/index.html +++ b/src/index.html @@ -4,10 +4,44 @@ Заголовок страницы + + + - + + + +
+ + + + + + + + + + + + + + + + + + +
+ + + diff --git a/src/partials/feature.html b/src/partials/feature.html new file mode 100644 index 00000000000..66d5c3f60a2 --- /dev/null +++ b/src/partials/feature.html @@ -0,0 +1,29 @@ +<<<<<<< Updated upstream +

Особенности

+ +======= +

Привет

+logo +

Пока

+>>>>>>> Stashed changes diff --git a/src/partials/footer.html b/src/partials/footer.html new file mode 100644 index 00000000000..c074d1feb2d --- /dev/null +++ b/src/partials/footer.html @@ -0,0 +1,18 @@ + \ No newline at end of file diff --git a/src/partials/header.html b/src/partials/header.html new file mode 100644 index 00000000000..b51ff451ceb --- /dev/null +++ b/src/partials/header.html @@ -0,0 +1,50 @@ + diff --git a/src/partials/hero.html b/src/partials/hero.html new file mode 100644 index 00000000000..05075e8bec3 --- /dev/null +++ b/src/partials/hero.html @@ -0,0 +1,49 @@ +
+
+
+

Комплексная
подготовка к ВНО
+ по английскому языку +

+ + Просто не будет. + Но ты гарантировано наберешь + +25 баллов +
+
+ + + + + + + + Криво вырезанная картинка с училкой и студентами + + + + + + + + + + Криво вырезанная картинка с училкой и студентами + +
+ + +
+
\ No newline at end of file diff --git a/src/partials/our-guarantees.html b/src/partials/our-guarantees.html new file mode 100644 index 00000000000..27ecbd20527 --- /dev/null +++ b/src/partials/our-guarantees.html @@ -0,0 +1,11 @@ +

Мы гарантируем

+ \ No newline at end of file diff --git a/src/partials/our-program.html b/src/partials/our-program.html new file mode 100644 index 00000000000..d775f327ccc --- /dev/null +++ b/src/partials/our-program.html @@ -0,0 +1,154 @@ +
+
+

Наша программа

+ +
    +
  1. + семестр +
    +
    Grammar
    +
    + Nouns & Articles
    Adjectives & Adverb +
    +
    Vocabulary
    +
    + Family & Relations
    People & Society +
    +
    +
  2. +
  3. + семестр +
    +
    Grammar
    +
    + Pronouns
    Active Voice
    Passive Voice +
    +
    Vocabulary
    +
    Home
    School
    Work
    +
    +
  4. +
  5. + семестр +
    +
    Grammar
    +
    + Modal verbs
    Infinitive
    Gerund
    Participle: 1, 2 +
    +
    Vocabulary
    +
    + Travel & Tourism
    Culture & Free Time
    Sport +
    +
    Writing
    +
    Informal Letter
    +
    +
  6. +
  7. + семестр +
    +
    Grammar
    +
    + Clauses: Conditional and
    Wishes
    Direct / Reported + speech
    Preposition
    Conjunction
    Numeral +
    +
    Vocabulary
    +
    + Healthy Living
    Nature & Environment
    Money +
    +
    Writing
    +
    Formal Letter
    +
    +
  8. +
  9. + семестр +
    +
    +
    Revision
    Tests
    +
    +
  10. +
+ + + +

Почему нас выбирают

+ +
+
+
Обучение в малых командах
+
+
Визуализированные конспекты
+
+
+ Каждое занятие имеет цель и конкретный результат +
+
+
Реальные результаты преподавателя
+ +
+
+ Программа курса соответствует требованиям МОН Украины +
+
+
Набор команд по уровням знаний
+
+
+
diff --git a/src/partials/problems.html b/src/partials/problems.html new file mode 100644 index 00000000000..0b45c1006e2 --- /dev/null +++ b/src/partials/problems.html @@ -0,0 +1,35 @@ +
+
+

Главные проблемы учеников
+ на English ВНО, которые
+ мы помогаем решить

+ +
+
\ No newline at end of file diff --git a/src/partials/realization.html b/src/partials/realization.html new file mode 100644 index 00000000000..a3e495ddbc8 --- /dev/null +++ b/src/partials/realization.html @@ -0,0 +1,59 @@ +
+

Как мы это делаем

+
+ + + +

Адаптированная программа + подготовки к ВНО

+

+

Ты будешь изучать грамматику и лексику одновременно. И ты научишься писать сочинения.

+
+
+ + + +

Аудитория и онлайн-обучение

+

+

Учитель поможет не только в аудитории, но и во время домашней подготовки. + Родители могут участвовать в чате при желании.

+
+
+ + + +

Привычка читать на английском языке

+

+

Статьи из источников, которые используются при разработке настоящего ВНО, будут приходить на телефон дважды в неделю.

+
+
+ + + +

Психологическая + поддержка

+

+

Мы научим тебя методикам прохождения тестирований, умению планировать свою подготовку уверенности + в себе.

+
+
+ + + +

Обучение по авторским пособиям

+

+

Тебе не нужно тратить время + на самостоятельный поиск материала и ничего покупать дополнительно. Мы составили + 2 пособия для тебя.

+
+
+ + + +

Умение воспринимать устную английскуб речь

+

+

“F.R.I.E.N.D.S” тебе не помогут. Ты будешь регулярно слушать + и разбирать аудиозаписи + в соответствии с изучаемой лексикой.

+
+
\ No newline at end of file diff --git a/src/partials/registration.html b/src/partials/registration.html new file mode 100644 index 00000000000..daaf5b20bad --- /dev/null +++ b/src/partials/registration.html @@ -0,0 +1,19 @@ +
+

Регистрация

+
+

Регистрация на + бесплатную телефонную консультацию по нюансам ЗНО + по английскому языку +

+

Оставь заявку на участие в + бесплатном занятии. + С вами свяжется консультант и ответит на вопросы +

+
+
+ + + +
+
diff --git a/src/partials/reviews.html b/src/partials/reviews.html new file mode 100644 index 00000000000..2f345b41a4b --- /dev/null +++ b/src/partials/reviews.html @@ -0,0 +1,215 @@ +
+
+

Отзывы выпускников

+ +
+
+ + + + + + Фото выпускника + + + + + + + +
+
+

Тоня Кучеровская

+

+ Выпуск 2015-го года, Національний університет біоресурсів і + природокористування України +

+

+ За короткий час занять з Оленою я опанувала граматику і поповнила свій + зовсім пустий словниковий запас. З першого ж заняття я зрозуміла, що + знаходжуся у своїй тарілці. Ми з Оленою стали друзями, тому що її + справді хвилювала моя успішність. Вона стала для мене авторитетом, + проте я не тремтіла на уроках, маючи страх зробити найменшу помилку. + Зараз я можу похизуватись тим, що я студен ... + Читать дальше +

+
+
+ +
+
    +
  • + +
  • +
  • + +
  • +
  • + +
  • +
  • + +
  • +
  • + +
  • +
  • + +
  • +
  • + +
  • +
+ + +
+
+
diff --git a/src/partials/teacher.html b/src/partials/teacher.html new file mode 100644 index 00000000000..94796a22b11 --- /dev/null +++ b/src/partials/teacher.html @@ -0,0 +1,49 @@ +
+
+

Преподаватель

+ + + + + + + + woman in black shirt + +
+
+

Елена Морева

+ +
+

+ Высшее образование получила в Институте международных отношений НАУ по специальности переводчик-аналитик. +

+

+ В свободное время проходит курсы от лучших университетов мира по эффективному преподаванию и методикам написания сочинений. +

+

+ В числе пройденных: English Grammar and Essay Writing (Berkeley), English Grammar&Style (The University of Queesland), How to Write an Essay (Berkeley), Academic and Business Writing (Berkeley), The Art of Teaching (GEMS education), Powerful Tools for Teaching and Learning (University of Houston). +

+ Cambrige English Entry Level Certificate +
+
+
\ No newline at end of file diff --git a/src/sass/base/_common.scss b/src/sass/base/_common.scss new file mode 100644 index 00000000000..21756a3bdcd --- /dev/null +++ b/src/sass/base/_common.scss @@ -0,0 +1,46 @@ +body { + font-family: Montserrat, sans-serif; + font-weight: 500; + font-size: 18px; + line-height: 1.56; +} + +.link { + text-decoration: none; + cursor: pointer; + display: inline-block; +} + +.list { + list-style: none; + margin: 0; + padding: 0; +} + +img { + display: inline-block; +} + +.button { + cursor: pointer; +} + +h1, +h2, +h3, +h4, +h5, +h6, +ul, +ol, +dl, +dt, +dd, +p { + margin: 0; + padding: 0; +} + +li { + list-style: none; +} \ No newline at end of file diff --git a/src/sass/base/_container.scss b/src/sass/base/_container.scss new file mode 100644 index 00000000000..28198685f94 --- /dev/null +++ b/src/sass/base/_container.scss @@ -0,0 +1,25 @@ +.container { + width: 100%; + padding: 0 20px; +} + +@media screen and (min-width: 320px) { + .container { + max-width: 320px; + margin: 0 auto; + } +} + +@media screen and (min-width: 768px) { + .container { + max-width: 768px; + padding-left: 40px; + padding-right: 40px; + } +} + +@media screen and (min-width: 1280px) { + .container { + max-width: 1280px; + } +} diff --git a/src/sass/components/_button.scss b/src/sass/components/_button.scss new file mode 100644 index 00000000000..e69de29bb2d diff --git a/src/sass/components/_logo.scss b/src/sass/components/_logo.scss new file mode 100644 index 00000000000..e69de29bb2d diff --git a/src/sass/components/_section.scss b/src/sass/components/_section.scss new file mode 100644 index 00000000000..e69de29bb2d diff --git a/src/sass/layout/_example.scss b/src/sass/layout/_example.scss new file mode 100644 index 00000000000..e69de29bb2d diff --git a/src/sass/layout/_feature.scss b/src/sass/layout/_feature.scss new file mode 100644 index 00000000000..8d5e7ebf36b --- /dev/null +++ b/src/sass/layout/_feature.scss @@ -0,0 +1,20 @@ +.features__item_text { + font-weight: 700px; + font-size: 14px; + line-height: 1.429; + letter-spacing: 0.08em; + color: #111518; +} + +.features__list { + margin: 0 auto; +} +.features__item { + margin-bottom: 30px; +} + +.features__svg { + width: 59px; + height: 60px; + fill: #ff6b09; +} diff --git a/src/sass/layout/_footer.scss b/src/sass/layout/_footer.scss new file mode 100644 index 00000000000..2c7ad6d1f65 --- /dev/null +++ b/src/sass/layout/_footer.scss @@ -0,0 +1,74 @@ +.footer-top { + display: flex; + @media screen and (max-width: 767px) { + flex-direction: column; + align-items: center; + } + + @media screen and (min-width: 768px) { + justify-content: space-between; + } +} + +.footer-top__icon { + width: 20px; + height: 20px; + margin-right: 10px; + + @media screen and (min-width: 768px) { + width: 24px; + height: 23px; + } + + @media screen and (min-width: 1280px) { + width: 30px; + height: 28px; + margin-right: 15px; + } +} + +.footer-top__link { + font-weight: 600; + font-size: 14px; + line-height: 1.21; + letter-spacing: 0.08em; + color: #111518; + + @media screen and (min-width: 768px) { + font-size: 20px; + line-height: 1.2; + } + + @media screen and (min-width: 1280px) { + font-size: 30px; + line-height: 1.23; + } +} + +// .footer-top__link-insta { +// &::before { +// content: ''; +// width: 1px; +// height: 40px; +// margin-right: 24px; +// color: #111518; +// } +// } + +.footer-bottom { + background: #111518; + padding-top: 21px; + padding-bottom: 21px; +} + +.footer-bottom__copyright { + font-weight: 500; + font-size: 14px; + line-height: 2; + color: #b9b9b9; + text-align: center; + + @media screen and (min-width: 768px) { + text-align: left; + } +} diff --git a/src/sass/layout/_header.scss b/src/sass/layout/_header.scss new file mode 100644 index 00000000000..33dcd140a81 --- /dev/null +++ b/src/sass/layout/_header.scss @@ -0,0 +1,100 @@ +.logo { + font-family: Montserrat; + font-style: normal; + font-weight: 800; + font-size: 26px; + line-height: 32px; + letter-spacing: 0.04em; + color: #111518; + text-decoration: none; +} + +.logo__first-desc, +.logo__second-desc { + text-transform: uppercase; + font-size: 8px; +} + +.logo__first-desc { + color: #ff6b09; +} + +.logo__desc { + margin: 0; + padding: 0; +} + +.burger-menu { + display: inline-flex; + margin: 0; + padding: 0; + border: none; + background-color: transparent; + margin-left: auto; + width: 40px; + height: 40px; +} + +.icon-cross { + fill: currentColor; +} + +.icon-burger { + fill: currentColor; +} + +.page-nav { + padding: 0; + margin: 0; +} + +.page-nav__item { + list-style: none; + color: white; +} + +.page-nav__link { + text-decoration: none; +} + +.menu-container { + // // display: none; + // position: absolute; + // top: 100%; + // left: 0; + // width: 100%; + background-color: rgba(17, 21, 24, 0.9); + // font-family: Montserrat; + // font-style: normal; + // font-weight: 800; + // font-size: 20px; + // letter-spacing: 0.03em; + // // z-index: 50; + + // &.is-open { + // display: block; + // } +} + +.button { + display: inline-block; + text-decoration: none; + width: 260px; + height: 48px; + margin: 0 auto; + text-align: center; + border: 2px solid #ff6b09; + font-family: Montserrat; + font-style: normal; + font-weight: bold; + font-size: 12px; + line-height: 15px; + display: flex; + align-items: center; + text-align: center; + letter-spacing: 0.08em; + text-transform: uppercase; + color: #ff6b09; + padding-top: 14px; + padding-bottom: 14px; +} diff --git a/src/sass/layout/_hero.scss b/src/sass/layout/_hero.scss new file mode 100644 index 00000000000..accbe646a29 --- /dev/null +++ b/src/sass/layout/_hero.scss @@ -0,0 +1,31 @@ +.hero { + max-width: 841.55px; + min-height: 602.24px; + // width: 480px; + // height: 400px; + margin-left: auto; + margin-right: auto; + background-color: #7a7a7a; +} + +.btn-orange { + max-width: 200px; + width: 100%; + height: 50px; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); + border-radius: 4px; + // @include fontOptions(700, 16px, 30px); + align-items: center; + text-align: center; + letter-spacing: 0.06em; + color: var(--bg-color); + background-color: var(--accent-color); + cursor: pointer; + border: transparent; + + transition: filter 250ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.hero-points { + color: var(--accent-color); +} diff --git a/src/sass/layout/_our-guarantees.scss b/src/sass/layout/_our-guarantees.scss new file mode 100644 index 00000000000..e69de29bb2d diff --git a/src/sass/layout/_our-program.scss b/src/sass/layout/_our-program.scss new file mode 100644 index 00000000000..d3c35b5b326 --- /dev/null +++ b/src/sass/layout/_our-program.scss @@ -0,0 +1,198 @@ +*, +*::before, +*::after { + box-sizing: border-box; +} + +dl, +dt, +dd, +li { + margin: 0; + padding: 0; +} + +// img { +// display: block; +// max-width: 100%; +// height: auto; +// } + +.section.our-program { + padding: 50px 0; + + @media screen and (min-width: 768px) { + padding-top: 60px; + } + + @media screen and (min-width: 1314px) { + padding-top: 120px; + } +} + +.our-program { + background-image: linear-gradient( + to bottom, + rgb(17, 21, 24) 87%, + rgb(250, 250, 250) 87% + ); + + &__section-title { + margin-bottom: 40px; + color: rgb(255, 255, 255); + font-size: 20px; + font-weight: 800; + line-height: 26px; + letter-spacing: 0.03em; + text-align: center; + + @media screen and (min-width: 768px) { + text-align: left; + } + } + + &__list { + position: relative; + margin-left: 100px; + margin-bottom: 50px; + list-style: none; + counter-reset: section; + + z-index: 1; + + &::before { + position: absolute; + content: ''; + top: 14px; + left: -27px; + width: 1px; + height: 92%; + background-color: rgb(255, 255, 255); + } + } + + &__item { + position: relative; + color: rgb(255, 255, 255); + font-size: 14px; + font-weight: bold; + line-height: 28px; + letter-spacing: 0.08em; + text-transform: uppercase; + + &:not(:first-child) { + margin-top: 40px; + } + + &::before { + counter-increment: section; + content: counters(section, '.') ' '; + } + + &::after { + position: absolute; + content: ''; + top: 8px; + left: -32px; + width: 12px; + height: 12px; + border-radius: 50%; + background-color: var(--accent-color); + } + } + + &__item-title { + position: relative; + margin-top: 5px; + margin-left: 18px; + color: var(--accent-color); + font-size: 12px; + font-weight: bold; + line-height: 20px; + text-transform: initial; + + &:nth-child(n + 2) { + margin-top: 8px; + } + + &:last-of-type { + height: 20px; + } + + &::before { + position: absolute; + content: ''; + top: 50%; + left: -18px; + width: 12px; + height: 1px; + background-color: var(--accent-color); + } + } + + &__item-subtitle { + margin-top: 5px; + color: rgb(185, 185, 185); + font-size: 12px; + font-weight: 500; + line-height: 20px; + text-transform: initial; + } +} + +.choice { + &__section-title { + width: 180px; + margin-bottom: 30px; + color: rgb(255, 255, 255); + font-size: 20px; + font-weight: 800; + line-height: 27.2px; + } + + &__list { + padding: 20px 14px 20px 30px; + background-color: rgb(255, 255, 255); + box-shadow: -5px 8px 26px rgba(0, 0, 0, 0.04); + letter-spacing: 0.08em; + counter-reset: section; + } + + &__item { + position: relative; + padding-left: 18px; + margin-bottom: 10px; + color: var(--accent-color); + font-size: 14px; + font-weight: bold; + line-height: 23.1px; + + &::before { + position: absolute; + content: ''; + top: 50%; + left: 0; + width: 14px; + height: 1px; + background-color: var(--accent-color); + } + + &::after { + counter-increment: section; + content: '0' counters(section, '.'); + line-height: 23.1px; + } + } + + &__descr { + width: 216px; + color: rgb(17, 21, 24); + font-size: 14px; + font-weight: bold; + line-height: 20px; + + &:not(:last-child) { + margin-bottom: 20px; + } + } +} diff --git a/src/sass/layout/_problems.scss b/src/sass/layout/_problems.scss new file mode 100644 index 00000000000..e028c88710a --- /dev/null +++ b/src/sass/layout/_problems.scss @@ -0,0 +1,123 @@ +.problems__section { + // background-color: #111518; + // filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); + position: relative; +} + +.problems__section::before { + content: ''; + background-color: #111518; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); + width: 100%; + height: 501px; + position: absolute; + top: 0; + z-index: -1; +} +.problems__section::after { + content: ''; + background-color: #fff; + width: 100%; + height: 100%; + position: absolute; + bottom: 0; + z-index: -2; +} + +.problems__list { + background-color: #FFFFFF; + box-shadow: -5px 8px 26px rgba(0, 0, 0, 0.04); + padding: 20px 16px 10px 28px; + margin: 0px; +} + +.problems__title { + font-family: Montserrat; + font-style: normal; + font-weight: 800; + font-size: 20px; + line-height: 1.35; + /* or 27px */ + letter-spacing: 0.03em; + + color: #FFFFFF; + padding-top: 50px; +} + +.problems__title-colored { + color: #ff6b09 +} + +.problems__header { + font-family: Montserrat; + font-style: normal; + font-weight: bold; + font-size: 14px; + line-height: 1.4166; + letter-spacing: 0.08em; + + color: #FF6B09; +} + +.problems__description { + font-family: Montserrat; + font-style: normal; + font-weight: bold; + font-size: 14px; + line-height: 1.7142; + /* identical to box height, or 171% */ + display: flex; + align-items: center; + letter-spacing: 0.08em; + + color: #111518; + margin-top: 5px; + margin-bottom: 10px; +} + +@media screen and (min-width:768px) { + .problems__title { + font-size: 26px; + line-height: 1.3076; + margin-bottom: 25px; + } + .problems__list { + display: flex; + flex-wrap: wrap; + padding: 30px 109px 26px 96px; + justify-content: space-between; + } + .problems__item { + width: 220px; + } + .problems__section::before { + height: 340px; + } +} + +@media screen and (min-width:1280px) { + .problems__section .container { + padding-top: 100px; + } + .problems__item { + width: 300px; + } + .problems__list { + padding: 75px 124px 35px 100px; + } + .problems__description { + font-size: 20px; + line-height: 1.4; + } + .problems__header { + font-size: 20px; + line-height: 1.65; + } + .problems__title { + padding-top: 0px; + margin-bottom: 70px; + } + .problems__section::before { + height: 558px; + } +} \ No newline at end of file diff --git a/src/sass/layout/_realization.scss b/src/sass/layout/_realization.scss new file mode 100644 index 00000000000..28124c598a7 --- /dev/null +++ b/src/sass/layout/_realization.scss @@ -0,0 +1,8 @@ +.registration__description { + font-weight: 800; + font-size: 14px; + line-height: 1.36; + text-align: center; + letter-spacing: 0.03em; + color: #ffffff; +} diff --git a/src/sass/layout/_registration.scss b/src/sass/layout/_registration.scss new file mode 100644 index 00000000000..13ed58a4933 --- /dev/null +++ b/src/sass/layout/_registration.scss @@ -0,0 +1,137 @@ +.registration { + max-width: 767px; + height: 507px; + background-color: #111518; + background-image: url('../images/registration/registration-mobile@1x.png'); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + padding: 50px 20px; + + @media screen and (min-width: 768px) { + max-width: 1679px; + height: 520px; + background-image: url('../images/registration/registration@1x.png'); + } + + @media screen and (min-width: 1280px) { + height: 840px; + } +} + +@media screen and (min-device-pixel-ratio: 2) and (max-width: 767px), + screen and (min-resolution: 192dpi) and (max-width: 767px), + screen and (min-resolution: 2dppx) and (max-width: 767px) { + .registration { + background-image: url('../images/registration/registration-mobile@2x.png'); + } +} + +@media screen and (min-device-pixel-ratio: 2) and (min-width: 768px), + screen and (min-resolution: 192dpi) and (min-width: 768px), + screen and (min-resolution: 2dppx) and (min-width: 768px) { + .registration { + background-image: url('../images/registration/registration@2x.png'); + } +} +.registration__wrapper { + margin: 0 auto; + // max-width: 280px; +} + +.registration__description { + font-weight: 800; + font-size: 14px; + line-height: 1.36; + text-align: center; + letter-spacing: 0.03em; + color: #ffffff; + margin-bottom: 30px; + + &--accent { + color: var(--accent-color); + } + @media screen and (min-width: 768px) { + font-size: 26px; + line-height: 1.3; + } + + @media screen and (min-width: 1280px) { + font-size: 46px; + } +} + +.registration__text { + font-weight: 600; + font-size: 12px; + line-height: 1.25; + text-align: center; + letter-spacing: 0.08em; + color: #ffffff; + margin-bottom: 30px; + + &--accent { + color: var(--accent-color); + } + + @media screen and (min-width: 768px) { + font-size: 14px; + line-height: 1.21; + } + + @media screen and (min-width: 1280px) { + font-size: 30px; + line-height: 1.23; + } +} + +.registration-form { + display: flex; + flex-direction: column; + align-items: center; +} + +.registration-form__input { + width: 280px; + height: 48px; + border: 1px solid #ffffff; + background-color: transparent; + font-weight: 600; + font-size: 14px; + line-height: 1.21; + color: #ffffff; + letter-spacing: 0.08em; + padding-left: 28px; + + @media screen and (min-width: 768px) { + width: 390px; + } + + @media screen and (min-width: 1280px) { + width: 478px; + height: 70px; + padding-left: 40px; + font-size: 20px; + line-height: 1.2; + } +} + +.registration-form__input--name { + margin-bottom: 20px; +} + +.registration-form__input-tel { + margin-bottom: 50px; +} + +.registration-form ::placeholder { + font-weight: 600; + font-size: 14px; + line-height: 1.21; + color: #ffffff; + + @media screen and (min-width: 1280px) { + font-size: 20px; + line-height: 1.2; + } +} diff --git a/src/sass/layout/_reviews.scss b/src/sass/layout/_reviews.scss new file mode 100644 index 00000000000..964cce151bc --- /dev/null +++ b/src/sass/layout/_reviews.scss @@ -0,0 +1,244 @@ +.reviews { + @media screen and (max-width: 1279px) { + padding: 50px 0; + } + + @media screen and (min-width: 1280px){ + padding: 130px 0; + } +} + +.reviews__container { + text-align: center; + margin: 0 auto; + + @media screen and (max-width: 767px) { + width: 280px; + } + @media screen and (min-width: 768px) and (max-width: 1279px) { + width: 688px; + + position: relative; + } + + @media screen and (min-width: 1280px){ + width: 1090px; + + position: relative; + } +} + +.reviews__thumb-card { + box-shadow: -5px 8px 26px rgba(0, 0, 0, 0.04); + + @media screen and (max-width: 767px) { + padding: 20px 20px 30px 20px; + margin-bottom: 20px; + } + @media screen and (min-width: 768px) and (max-width: 1279px) { + margin-bottom: 30px; + padding: 40px; + display: flex; + } + + @media screen and (min-width: 1280px){ + margin-bottom: 40px; + padding: 50px 112px 51px 82px; + display: flex; + } +} + +.reviews__title { + font-weight: 800; + color: #111518; + line-height: 1.3; + letter-spacing: 0.03em; + @media screen and (max-width: 767px) { + margin-bottom: 20px; + font-size: 20px; + } + + @media screen and (min-width: 768px) and (max-width: 1279px) { + margin-bottom: 30px; + font-size: 26px; + } + + @media screen and (min-width: 1280px){ + margin-bottom: 50px; + font-style: 46px; + } + +} + +.reviews__thumb-picture { + @media screen and (max-width: 767px) { + padding-bottom: 20px; + } + + @media screen and (min-width: 768px) and (max-width: 1279px) { + margin-right: 46px; + } + + @media screen and (min-width: 1280px){ + margin-right: 40px; + } +} + +.reviews__picture { + padding-bottom: 20px; + display: block; + margin-left: auto; + margin-right: auto; +} + +.reviews__thumb-info { + @media screen and (min-width: 768px) and (max-width: 1279px) { + text-align: left; + } + + @media screen and (min-width: 1280px){ + text-align: left; + } +} + +.reviews__name { + font-weight: 800; + letter-spacing: 0.08em; + color: var(--accent-color); + + @media screen and (max-width: 767px) { + padding-bottom: 10px; + + font-size: 14px; + line-height: 1.21; + } + + @media screen and (min-width: 768px) and (max-width: 1279px) { + font-size: 20px; + line-height: 1.2; + padding-bottom: 20px; + } + + @media screen and (min-width: 1280px){ + font-size: 30px; + line-height: 1.23; + padding-bottom: 10px; + } +} + +.reviews__education { + font-weight: 500; + font-size: 12px; + line-height: 1.25; + letter-spacing: 0.08em; + + color: #b9b9b9; + + @media screen and (max-width: 1279px) { + padding-bottom: 10px; + } + + @media screen and (min-width: 768px) and (max-width: 1279px) { + padding-bottom: 20px; + } + + @media screen and (min-width: 1280px){ + font-size: 14px; + line-height: 1.21; + + padding-bottom: 20px; + } +} + +.reviews__opinion { + font-weight: 500; + font-size: 12px; + line-height: 1.67; + + color: #3d3d3d; + + @media screen and (min-width: 1280px){ + font-size: 18px; + line-height: 1.56; + } +} + +.reviews__opinion-link { + color: var(--accent-color); +} + +.reviews__slider { + @media screen and (max-width: 767px) { + position: relative; + } +} + +.reviews__list { + display: flex; + justify-content: center; +} + +.reviews__item:nth-child(n + 4) { + @media screen and (max-width: 767px) { + display: none; + } +} + +.reviews__item:not(:first-child) { + @media screen and (max-width: 767px) { + margin-left: 10px; + } + + @media screen and (min-width: 768px) { + margin-left: 30px; + } +} + +.reviews__button { + padding: 0; + margin: 0; +} + +.reviews__arrow { + margin: 0; + padding: 0; + position: absolute; + + top: 50%; + transform: translateY(-50%); +} + +.reviews__arrow--left { + @media screen and (max-width: 767px) { + left: 0; + } + + @media screen and (min-width: 768px) and (max-width: 1279px) { + left: -12px; + } + + @media screen and (min-width: 1280px){ + left: -85px; + } +} + +.reviews__arrow--right { + @media screen and (max-width: 767px) { + right: 0; + } + + @media screen and (min-width: 768px) and (max-width: 1279px) { + right: -12px; + } + + @media screen and (min-width: 1280px){ + right: -85px; + } +} + +.reviews__button, +.reviews__arrow { + border: none; + cursor: pointer; + background-color: inherit; +} diff --git a/src/sass/layout/_teacher.scss b/src/sass/layout/_teacher.scss new file mode 100644 index 00000000000..b5235e7ca3c --- /dev/null +++ b/src/sass/layout/_teacher.scss @@ -0,0 +1,141 @@ +* { + padding: 0; + border: 0; + margin: 0; +} +a{ +text-decoration: none; +} +ul, +ol { +list-style: none; +} + + +@media screen and (min-width: 320px) { + .teacher_title { + font-family: Montserrat; + font-weight: 800; + font-size: 20px; + line-height: 130%; + letter-spacing: 0.03em; + color: #111518; + width: 279px; + margin-top: 39px; + margin-bottom: 20px; + } + .teacher_name { + font-family: Montserrat; + font-weight: 800; + font-size: 20px; + line-height: 24px; + letter-spacing: 0.08em; + color: #111518; + margin-top: 21px; + padding-bottom: 10px; + border-bottom: 1px solid #B9B9B9;; + } + .teacher_list { + margin-top: 20px; + } + .teacher_skills { + display: flex; + font-family: Montserrat; + font-weight: 600; + font-size: 14px; + line-height: 17px; + letter-spacing: 0.06em; + color: #111518; + margin-bottom: 24px; + } + .teacher_svg { + margin-right: 9px; + } + + .teacher_before_line::before { + position: absolute; + display: block; + content: ""; + width: 25px; + height: 2px; + background-color:#FF6B09; + } + .teacher_education { + padding-top: 18px; + font-family: Montserrat; + font-style: normal; + font-weight: 500; + font-size: 12px; + line-height: 20px; + color: #B9B9B9; + } + .teacher_certificate { + font-family: Montserrat; + font-weight: 500; + font-size: 12px; + line-height: 20px; + text-decoration-line: underline; + color: #FF6B09; + padding-top: 10px; + padding-bottom: 50px; + } +} +@media screen and (min-width: 768px) { +.teacher_area { + display: flex; +} +.teacher_right_side { + flex-direction: column; + width: 243px; + margin-right: 41px; +} +.teacher_left_side { +flex-direction: column; +} +.teacher_title { +font-weight: 800; +font-size: 26px; +line-height: 130%; +letter-spacing: 0.03em; +margin-top: 50px; +margin-bottom: 30px; +} +.teacher_name { + margin-top: 112px; +} +.teacher_education { +padding-top: 27px; +} +} +@media screen and (min-width: 1200px) { + .teacher_title { + font-size: 46px; + margin-top: 130px; + margin-bottom: 50px; + } + .teacher_name { + font-size: 30px; + line-height: 37px; + margin-top: 237px; + padding-bottom: 15px; + } + .teacher_right_side { + width: 530px; + margin-right: 30px; + } + .teacher_skills { + font-size: 16px; + line-height: 20px; + } + .teacher_education { + font-size: 18px; + line-height: 28px; + } + .teacher_certificate { + display: flex; + font-size: 18px; + line-height: 28px; + margin-top: 30px; + padding-bottom: 137px; + } +} \ No newline at end of file diff --git a/src/sass/main.css b/src/sass/main.css new file mode 100644 index 00000000000..630122b2f18 --- /dev/null +++ b/src/sass/main.css @@ -0,0 +1,35 @@ +@charset "UTF-8"; +/* + * Главный файл стилей. + * Все паршалы подключаются сюда. + */ +.example { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, + Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + line-height: 1.5; + color: #212121; + max-width: 960px; + padding: 15px; +} + +.example code { + font-family: monospace; + font-size: 16px; + font-weight: 700; + background-color: teal; + color: white; + padding: 2px 6px; + border-radius: 2px; +} + +.burger-menu { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + margin: 0; + padding: 0; + border: none; + background-color: transparent; + margin-left: auto; +} +/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/src/sass/main.css.map b/src/sass/main.css.map new file mode 100644 index 00000000000..23735dcd20d --- /dev/null +++ b/src/sass/main.css.map @@ -0,0 +1,11 @@ +{ + "version": 3, + "mappings": ";AAAA;;;GAGG;ACHH,AAAA,QAAQ,CAAC;EACP,WAAW,EAAE,4HACiD;EAC9D,WAAW,EAAE,GAAG;EAChB,KAAK,EAAE,OAAO;EACd,SAAS,EAAE,KAAK;EAChB,OAAO,EAAE,IAAI;CACd;;AAED,AAAA,QAAQ,CAAC,IAAI,CAAC;EACZ,WAAW,EAAE,SAAS;EACtB,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;EAChB,gBAAgB,EAAE,IAAI;EACtB,KAAK,EAAE,KAAK;EACZ,OAAO,EAAE,OAAO;EAChB,aAAa,EAAE,GAAG;CACnB;;ACjBD,AAAA,YAAY,CAAC;EACX,OAAO,EAAE,WAAW;EACpB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,IAAI;EACZ,gBAAgB,EAAE,WAAW;EAC7B,WAAW,EAAE,IAAI;CAClB", + "sources": [ + "main.scss", + "_example.scss", + "_header.scss" + ], + "names": [], + "file": "main.css" +} \ No newline at end of file diff --git a/src/sass/main.scss b/src/sass/main.scss index 269c79c220a..fceac4789a6 100644 --- a/src/sass/main.scss +++ b/src/sass/main.scss @@ -1,7 +1,23 @@ -/* - * Главный файл стилей. - * Все паршалы подключаются сюда. - */ -// Стили для файла с примером HTML-фрагмента -@import './example'; +//utils +@import './utils/visually-hidden'; +@import './utils/variables'; +//base +@import './base/common'; +@import './base/container'; +//components +@import './components/section'; +@import './components/logo'; +@import './components/button'; +//layout +@import './layout/header'; +@import './layout/hero'; +@import './layout/feature'; +@import './layout/problems'; +@import './layout/realization'; +@import './layout/our-program'; +@import './layout/teacher'; +@import './layout/our-guarantees'; +@import './layout/reviews'; +@import './layout/registration'; +@import './layout/footer'; diff --git a/src/sass/utils/_variables.scss b/src/sass/utils/_variables.scss new file mode 100644 index 00000000000..3d0f8602a07 --- /dev/null +++ b/src/sass/utils/_variables.scss @@ -0,0 +1,3 @@ +:root { + --accent-color: #FF6B09; + } \ No newline at end of file diff --git a/src/sass/utils/_visually-hidden.scss b/src/sass/utils/_visually-hidden.scss new file mode 100644 index 00000000000..703a0710437 --- /dev/null +++ b/src/sass/utils/_visually-hidden.scss @@ -0,0 +1,12 @@ +.visually-hidden { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + border: 0; + padding: 0; + white-space: nowrap; + clip-path: inset(100%); + clip: rect(0 0 0 0); + overflow: hidden; + } \ No newline at end of file