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 @@
+Мы гарантируем
+
+ Ты сдашь ВНО минимум на 25 баллов лучше, чем на первом пробном тестировании. Иначе мы вернем деньги.*
+
+ Ты научишься писать сочинения минимум на 10 баллов из 14. В то время как 20% учеников получили за сочинение 0.
+
+ Ты будешь заниматься в своем районе. Мы выберем место проведения занятий после формирования команд.
+
+ Команды будут сформированы, исходя из начального уровня учеников. Мы учитываем особенности каждого ученика.
+
+
\ 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 @@
+
+
+
Наша программа
+
+
+
+ семестр
+
+ Grammar
+
+ Nouns & Articles Adjectives & Adverb
+
+ Vocabulary
+
+ Family & Relations People & Society
+
+
+
+
+ семестр
+
+ Grammar
+
+ Pronouns Active Voice Passive Voice
+
+ Vocabulary
+ Home School Work
+
+
+
+ семестр
+
+ Grammar
+
+ Modal verbs Infinitive Gerund Participle: 1, 2
+
+ Vocabulary
+
+ Travel & Tourism Culture & Free Time Sport
+
+ Writing
+ Informal Letter
+
+
+
+ семестр
+
+ Grammar
+
+ Clauses: Conditional and Wishes Direct / Reported
+ speech Preposition Conjunction Numeral
+
+ Vocabulary
+
+ Healthy Living Nature & Environment Money
+
+ Writing
+ Formal Letter
+
+
+
+ семестр
+
+
+ Revision Tests
+
+
+
+
+
+
+
Почему нас выбирают
+
+
+
+ Обучение в малых командах
+
+ Визуализированные конспекты
+
+
+ Каждое занятие имеет цель и конкретный результат
+
+
+ Реальные результаты преподавателя
+
+
+
+ Программа курса соответствует требованиям МОН Украины
+
+
+ Набор команд по уровням знаний
+
+
+
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 @@
+
+
+
Преподаватель
+
+
+
+
+
+
+
+
+
+
+
+
Елена Морева
+
+
+
+ Опыт подготовки учеников к ВНО - 6 лет
+
+
+
+ Собственный результат сдачи ВНО - 197 баллов 2 года подряд
+
+
+
+ Сдала на отлично международный аналог ВНО - Кембриджский PET (Preliminary English Test)
+
+
+
+
+ Высшее образование получила в Институте международных отношений НАУ по специальности переводчик-аналитик.
+
+
+ В свободное время проходит курсы от лучших университетов мира по эффективному преподаванию и методикам написания сочинений.
+
+
+ В числе пройденных: 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