diff --git a/callBackBlock.html b/callBackBlock.html new file mode 100644 index 0000000..f7914ac --- /dev/null +++ b/callBackBlock.html @@ -0,0 +1,28 @@ + + + + + + + + + + callBackBlock + + + +
+
+

Перезвоним вам через 10 минут

+
+
+ + +
+

ПЕРЕЗВОНИТЕ

+
+ +
+ + + \ No newline at end of file diff --git a/contacts.html b/contacts.html new file mode 100644 index 0000000..6c50585 --- /dev/null +++ b/contacts.html @@ -0,0 +1,53 @@ + + + + + + + + Contacts + + + + + + + + + +
+ ЗДРАВСТВУЙТЕ + +
+

+ Чем мы можем вам
+ помочь? +

+ НАПИШИТЕ НАМ + +
+
+ Есть вопросы, хотите обсудить проект и его детали? Пожалуйста, свяжитесь + с нами, мы с нетерпением ждем именно Вас! +
+ + ДОПОЛНИТЕЛЬНО + +
+
+

Курсы от farfalla

+ artik573@i.ua + 095-344-33-34 +
+
+

Хотите стать частью нашей команды?

+ Farfalla@gmail.com + 095-344-33-34 +
+
+
+ + + \ No newline at end of file diff --git a/css/callBackBlock.css b/css/callBackBlock.css new file mode 100644 index 0000000..e5108fa --- /dev/null +++ b/css/callBackBlock.css @@ -0,0 +1,105 @@ +body { + background-color: black; +} + +.callBackBlock { + display: flex; + flex-wrap: wrap; + flex-direction: row; + justify-content: space-evenly; + align-items: center; + /* width: 1066px; */ + height: 128px; + background-color: #fff; + box-shadow: 0px 0px 20px #76767629; +} + +.callBackText { + color: #161616; +} + +.callBackText hr { + width: 70px; + border: 1px solid #F0682E; + margin-left: 60px; +} + +.tel { + width: 250px; + height: 50px; + padding-left: 15px; +} + +.callBackButton { + color: white; + display: flex; + align-items: center; + justify-content: center; + width: 250px; + height: 50px; + background-color: #F0682E; + text-transform: uppercase; +} + +a { + text-decoration: none; +} + +@media only screen and (min-width : 1530px) and (max-width : 1919px) {} + +@media only screen and (min-width : 1440px) and (max-width : 1529px) {} + +@media only screen and (min-width : 1200px) and (max-width : 1439px) {} + +@media only screen and (min-width : 1024px) and (max-width : 1199px) {} + +@media only screen and (min-width : 768px) and (max-width : 1023px) {} + +@media only screen and (min-width : 640px) and (max-width : 767px) { + .callBackBlock { + display: flex; + flex-wrap: wrap; + flex-direction: column; + justify-content: space-evenly; + align-items: center; + max-width: 767px; + height: 200px; + } + + .callBackText hr { + width: 60px; + border: 1px solid #F0682E; + margin-left: 80px; + } +} + +@media only screen and (min-width : 480px) and (max-width : 639px) { + .callBackBlock { + display: flex; + flex-wrap: wrap; + flex-direction: column; + justify-content: space-evenly; + align-items: center; + max-width: 639px; + height: 200px; + } + + .callBackText hr { + width: 60px; + border: 1px solid #F0682E; + margin-left: 80px; + } +} + +@media only screen and (min-width : 320px) and (max-width : 479px) { + .callBackBlock { + max-width: 479px; + height: 200px; + } + + .callBackText hr { + width: 60px; + border: 1px solid #F0682E; + margin-left: 70px; + } +} \ No newline at end of file diff --git a/css/contacts.css b/css/contacts.css new file mode 100644 index 0000000..26a1885 --- /dev/null +++ b/css/contacts.css @@ -0,0 +1,692 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + outline: 0 !important; +} + +body, +html { + box-sizing: border-box; + margin: 0; + padding: 0; + outline: 0 !important; + font-family: sans-serif; +} + +@font-face { + font-family: 'Gilroy'; + src: url('font/Gilroy-Regular.eot'); + src: url('font/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), + url('font/Gilroy-Regular.woff') format('woff'), + url('font/Gilroy-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Gilroy-ExtraBold'; + src: url('/font/Gilroy-ExtraBold.ttf'); +} + +@font-face { + font-family: 'ExtraBold_Gilroy'; + src: url('/font/Gilroy-ExtraBold.ttf'); +} + +@font-face { + font-family: 'SFUIDisplay'; + src: url('font/SFUIDisplay-Regular.eot'); + src: url('font/SFUIDisplay-Regularr.eot?#iefix') format('embedded-opentype'), + url('font/SFUIDisplay-Regular.woff') format('woff'), + url('font/SFUIDisplay-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'SFUIDisplay-SemiBold'; + src: url('/font/SFUIDisplay-Semibold.ttf'); +} + +.wrapper { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; + height: 100%; + width: 100%; + margin: 0 auto; + padding: 10px 0 0; +} + +.how_We_can_Help { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 162px; +} + +.help { + font-family: 'ExtraBold_Gilroy'; + font-size: 65px; + line-height: 70px; + letter-spacing: 0; + color: #2E313A; +} + +iframe { + width: 1603px; + height: 606px; +} + +.text { + width: 900px; + height: 94px; + text-align: left; + font-family: 'SFUIDisplay'; + font-size: 20px; + line-height: 35px; + letter-spacing: 0; + color: #0D0D0D; + margin: 0 22% 0 0; +} + +.additionally { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 200px; +} + +.course_from_us { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; + height: 200px; +} + +.course_from_us h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 30px; + line-height: 87px; + letter-spacing: 0; + color: #2E313A; +} + +.course_from_us span { + text-align: left; + font-family: 'SFUIDisplay-SemiBold'; + font-size: 25px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + opacity: 0.78; +} + +.team { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; + height: 200px; +} + +.team h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 30px; + line-height: 87px; + letter-spacing: 0; + color: #2E313A; +} + +.team span { + text-align: left; + font-family: 'SFUIDisplay-SemiBold'; + font-size: 25px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + opacity: 0.78; +} + +@media only screen and (min-width : 1530px) and (max-width : 1919px) {} + +@media only screen and (min-width : 1440px) and (max-width : 1529px) {} + +@media only screen and (min-width : 1200px) and (max-width : 1439px) {} + +@media only screen and (min-width : 1024px) and (max-width : 1199px) { + + .wrapper { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; + height: 100%; + width: 100%; + margin: 0 auto; + max-width: 1199px; + padding: 10px 0 0; + } + + iframe { + width: 1024px; + margin-top: 10px; + height: 300px; + } + + .how_We_can_Help { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 80px; + } + + .help { + font-size: 35px; + line-height: 30px; + } + + .text { + width: 660px; + height: 80px; + text-align: left; + font-family: 'SFUIDisplay'; + font-size: 14px; + line-height: 35px; + letter-spacing: 0; + color: #0D0D0D; + text-align: center; + } + + .additionally { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 200px; + } + + .course_from_us { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .course_from_us h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 16px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + } + + .course_from_us span { + font-size: 14px; + line-height: 40px; + letter-spacing: 0; + } + + .team { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .team h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 16px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + text-align: center; + padding: 0 0 0 50px; + } + + .team span { + font-size: 14px; + line-height: 40px; + letter-spacing: 0; + } +} + +@media only screen and (min-width : 768px) and (max-width : 1023px) { + + .wrapper { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; + height: 100%; + width: 100%; + margin: 0 auto; + max-width: 1023px; + padding: 10px 0 0; + } + + iframe { + width: 812px; + margin-top: 10px; + height: 300px; + } + + .how_We_can_Help { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 80px; + } + + .help { + font-size: 35px; + line-height: 30px; + } + + .text { + width: 660px; + height: 80px; + text-align: left; + font-family: 'SFUIDisplay'; + font-size: 20px; + line-height: 35px; + letter-spacing: 0; + color: #0D0D0D; + text-align: center; + } + + .additionally { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 200px; + } + + .course_from_us { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .course_from_us h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 18px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + } + + .course_from_us span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } + + .team { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .team h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 18px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + text-align: center; + padding: 0 0 0 50px; + } + + .team span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } +} + +@media only screen and (min-width : 640px) and (max-width : 767px) { + + + .wrapper { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; + height: 100%; + width: 100%; + margin: 0 auto; + max-width: 767px; + padding: 10px 0 0; + } + + iframe { + width: 667px; + margin-top: 10px; + height: 300px; + } + + .how_We_can_Help { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 80px; + } + + .help { + font-size: 35px; + line-height: 30px; + } + + .text { + width: 660px; + height: 80px; + text-align: left; + font-family: 'SFUIDisplay'; + font-size: 20px; + line-height: 35px; + letter-spacing: 0; + color: #0D0D0D; + text-align: center; + } + + .additionally { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 200px; + } + + .course_from_us { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .course_from_us h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 20px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + } + + .course_from_us span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } + + .team { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .team h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 20px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + text-align: center; + padding: 0 0 0 50px; + } + + .team span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } +} + +@media only screen and (min-width : 480px) and (max-width : 639px) { + + + .wrapper { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; + height: 100%; + width: 100%; + margin: 0 auto; + max-width: 639px; + padding: 10px 0 0; + } + + iframe { + width: 568px; + margin-top: 10px; + height: 300px; + } + + .how_We_can_Help { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 80px; + } + + .help { + font-size: 35px; + line-height: 30px; + } + + .text { + width: 450px; + height: 100px; + text-align: left; + font-family: 'SFUIDisplay'; + font-size: 20px; + line-height: 35px; + letter-spacing: 0; + color: #0D0D0D; + text-align: center; + } + + .additionally { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 200px; + } + + .course_from_us { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .course_from_us h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 20px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + } + + .course_from_us span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } + + .team { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .team h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 20px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + text-align: center; + padding: 0 0 0 50px; + } + + .team span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } +} + +@media only screen and (min-width : 320px) and (max-width : 479px) { + .wrapper { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; + height: 100%; + width: 100%; + margin: 0 auto; + max-width: 320px; + padding: 10px 0 0; + } + + iframe { + width: 320px; + margin-top: 50px; + height: 400px; + } + + .help { + font-size: 35px; + line-height: 30px; + } + + .text { + width: 320px; + height: 100px; + text-align: left; + font-family: 'SFUIDisplay'; + font-size: 20px; + line-height: 35px; + letter-spacing: 0; + color: #0D0D0D; + text-align: center; + } + + .additionally { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 400px; + } + + .course_from_us { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .course_from_us h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 20px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + } + + .course_from_us span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } + + .team { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + height: 200px; + } + + .team h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 20px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + text-align: center; + } + + .team span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } + +} \ No newline at end of file diff --git a/first_page.css b/css/first_page.css similarity index 100% rename from first_page.css rename to css/first_page.css diff --git a/service_block.css b/css/service_block.css similarity index 100% rename from service_block.css rename to css/service_block.css diff --git a/style.css b/css/style.css similarity index 55% rename from style.css rename to css/style.css index 3dbe9d8..68849a2 100644 --- a/style.css +++ b/css/style.css @@ -15,7 +15,6 @@ html { padding: 0; outline: 0 !important; font-family: sans-serif; - overflow: hidden; } @font-face { @@ -28,6 +27,16 @@ html { font-style: normal; } +@font-face { + font-family: 'Gilroy-ExtraBold'; + src: url('/font/Gilroy-ExtraBold.ttf'); +} + +@font-face { + font-family: 'ExtraBold_Gilroy'; + src: url('/font/Gilroy-ExtraBold.ttf'); +} + @font-face { font-family: 'SFUIDisplay'; src: url('font/SFUIDisplay-Regular.eot'); @@ -38,6 +47,11 @@ html { font-style: normal; } +@font-face { + font-family: 'SFUIDisplay-SemiBold'; + src: url('/font/SFUIDisplay-Semibold.ttf'); +} + ul, li { list-style-type: none; @@ -367,8 +381,114 @@ section { line-height: 20px; } +.wrapper { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; + height: 100%; + width: 100%; + margin: 0 auto; + padding: 10px 0 0; +} + +.how_We_can_Help { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 162px; +} + +.help { + font-family: 'ExtraBold_Gilroy'; + font-size: 65px; + line-height: 70px; + letter-spacing: 0; + color: #2E313A; +} +iframe { + width: 1603px; + height: 606px; +} +.text { + width: 900px; + height: 94px; + text-align: left; + font-family: 'SFUIDisplay'; + font-size: 20px; + line-height: 35px; + letter-spacing: 0; + color: #0D0D0D; + margin: 0 22% 0 0; +} + +.additionally { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 200px; +} + +.course_from_us { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; + height: 200px; +} + +.course_from_us h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 30px; + line-height: 87px; + letter-spacing: 0; + color: #2E313A; +} + +.course_from_us span { + text-align: left; + font-family: 'SFUIDisplay-SemiBold'; + font-size: 25px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + opacity: 0.78; +} + +.team { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; + height: 200px; +} + +.team h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 30px; + line-height: 87px; + letter-spacing: 0; + color: #2E313A; +} + +.team span { + text-align: left; + font-family: 'SFUIDisplay-SemiBold'; + font-size: 25px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + opacity: 0.78; +} @media only screen and (min-width : 1530px) and (max-width : 1919px) { .header { @@ -495,6 +615,110 @@ section { -o-transform: translateX(350px); transform: translateX(350px); } + + .wrapper { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; + height: 100%; + width: 100%; + margin: 0 auto; + max-width: 1199px; + padding: 10px 0 0; + } + + iframe { + width: 1024px; + margin-top: 10px; + height: 300px; + } + + .how_We_can_Help { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 80px; + } + + .help { + font-size: 35px; + line-height: 30px; + } + + .text { + width: 660px; + height: 80px; + text-align: left; + font-family: 'SFUIDisplay'; + font-size: 14px; + line-height: 35px; + letter-spacing: 0; + color: #0D0D0D; + text-align: center; + } + + .additionally { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 200px; + } + + .course_from_us { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .course_from_us h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 16px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + } + + .course_from_us span { + font-size: 14px; + line-height: 40px; + letter-spacing: 0; + } + + .team { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .team h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 16px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + text-align: center; + padding: 0 0 0 50px; + } + + .team span { + font-size: 14px; + line-height: 40px; + letter-spacing: 0; + } } @media only screen and (min-width : 768px) and (max-width : 1023px) { @@ -569,6 +793,110 @@ section { -o-transform: translateX(350px); transform: translateX(350px); } + + .wrapper { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; + height: 100%; + width: 100%; + margin: 0 auto; + max-width: 1023px; + padding: 10px 0 0; + } + + iframe { + width: 812px; + margin-top: 10px; + height: 300px; + } + + .how_We_can_Help { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 80px; + } + + .help { + font-size: 35px; + line-height: 30px; + } + + .text { + width: 660px; + height: 80px; + text-align: left; + font-family: 'SFUIDisplay'; + font-size: 20px; + line-height: 35px; + letter-spacing: 0; + color: #0D0D0D; + text-align: center; + } + + .additionally { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 200px; + } + + .course_from_us { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .course_from_us h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 18px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + } + + .course_from_us span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } + + .team { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .team h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 18px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + text-align: center; + padding: 0 0 0 50px; + } + + .team span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } } @media only screen and (min-width : 640px) and (max-width : 767px) { @@ -643,6 +971,110 @@ section { -o-transform: translateX(350px); transform: translateX(350px); } + + .wrapper { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; + height: 100%; + width: 100%; + margin: 0 auto; + max-width: 767px; + padding: 10px 0 0; + } + + iframe { + width: 667px; + margin-top: 10px; + height: 300px; + } + + .how_We_can_Help { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 80px; + } + + .help { + font-size: 35px; + line-height: 30px; + } + + .text { + width: 660px; + height: 80px; + text-align: left; + font-family: 'SFUIDisplay'; + font-size: 20px; + line-height: 35px; + letter-spacing: 0; + color: #0D0D0D; + text-align: center; + } + + .additionally { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 200px; + } + + .course_from_us { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .course_from_us h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 20px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + } + + .course_from_us span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } + + .team { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .team h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 20px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + text-align: center; + padding: 0 0 0 50px; + } + + .team span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } } @media only screen and (min-width : 480px) and (max-width : 639px) { @@ -725,6 +1157,110 @@ section { -o-transform: translateX(350px); transform: translateX(350px); } + + .wrapper { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; + height: 100%; + width: 100%; + margin: 0 auto; + max-width: 639px; + padding: 10px 0 0; + } + + iframe { + width: 568px; + margin-top: 10px; + height: 300px; + } + + .how_We_can_Help { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 80px; + } + + .help { + font-size: 35px; + line-height: 30px; + } + + .text { + width: 450px; + height: 100px; + text-align: left; + font-family: 'SFUIDisplay'; + font-size: 20px; + line-height: 35px; + letter-spacing: 0; + color: #0D0D0D; + text-align: center; + } + + .additionally { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 200px; + } + + .course_from_us { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .course_from_us h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 20px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + } + + .course_from_us span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } + + .team { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .team h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 20px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + text-align: center; + padding: 0 0 0 50px; + } + + .team span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } } @media only screen and (min-width : 320px) and (max-width : 479px) { @@ -832,4 +1368,99 @@ section { padding: 0 38.3px; height: 40px; } + + .wrapper { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; + height: 100%; + width: 100%; + margin: 0 auto; + max-width: 320px; + padding: 10px 0 0; + } + + iframe { + width: 320px; + margin-top: 50px; + height: 400px; + } + + .help { + font-size: 35px; + line-height: 30px; + } + + .text { + width: 320px; + height: 100px; + text-align: left; + font-family: 'SFUIDisplay'; + font-size: 20px; + line-height: 35px; + letter-spacing: 0; + color: #0D0D0D; + text-align: center; + } + + .additionally { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 100%; + height: 400px; + } + + .course_from_us { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + height: 150px; + } + + .course_from_us h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 20px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + } + + .course_from_us span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } + + .team { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + height: 200px; + } + + .team h4 { + text-align: left; + font-family: 'Gilroy-ExtraBold'; + font-size: 20px; + line-height: 40px; + letter-spacing: 0; + color: #2E313A; + text-align: center; + } + + .team span { + font-size: 15px; + line-height: 40px; + letter-spacing: 0; + } + } \ No newline at end of file diff --git a/index.html b/index.html index d3cacd4..6e5b448 100644 --- a/index.html +++ b/index.html @@ -132,8 +132,6 @@

Остались вопросы?

- -