From 90950f3f1473f128e125c01d47ebc4d34cef0684 Mon Sep 17 00:00:00 2001 From: 159753Maks Date: Mon, 24 Feb 2020 14:15:20 +0200 Subject: [PATCH 1/6] created new div drqwewqewqeweq --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index d3cacd4..7104d3b 100644 --- a/index.html +++ b/index.html @@ -132,7 +132,7 @@

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

- +
From 4bd75527f5f5a36d4c542d9dc57d544efe271787 Mon Sep 17 00:00:00 2001 From: 159753Maks Date: Mon, 24 Feb 2020 14:15:40 +0200 Subject: [PATCH 2/6] Revert "created new div" This reverts commit 90950f3f1473f128e125c01d47ebc4d34cef0684. --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 7104d3b..d3cacd4 100644 --- a/index.html +++ b/index.html @@ -132,7 +132,7 @@

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

-
+
From 5a1d391be58ba3a255ebd66bdc232eb5b34bdcfa Mon Sep 17 00:00:00 2001 From: 159753Maks Date: Wed, 26 Feb 2020 15:36:47 +0200 Subject: [PATCH 3/6] contacts --- contacts.html | 60 +++++ index.html | 2 - style.css | 633 +++++++++++++++++++++++++++++++++++++++++++++++++- 3 files changed, 692 insertions(+), 3 deletions(-) create mode 100644 contacts.html diff --git a/contacts.html b/contacts.html new file mode 100644 index 0000000..5461eb9 --- /dev/null +++ b/contacts.html @@ -0,0 +1,60 @@ + + + + + + + Contacts + + + + + + + + + + +
+ ЗДРАВСТВУЙТЕ + +
+

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

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

Курсы от farfalla

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

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

+ Farfalla@gmail.com + 095-344-33-34 +
+
+
+ + diff --git a/index.html b/index.html index d3cacd4..6e5b448 100644 --- a/index.html +++ b/index.html @@ -132,8 +132,6 @@

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

- -
diff --git a/style.css b/style.css index 3dbe9d8..68849a2 100644 --- a/style.css +++ b/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 From 5eb81572c76765903af6f053a6418bf958ede1ad Mon Sep 17 00:00:00 2001 From: 159753Maks Date: Wed, 26 Feb 2020 15:46:05 +0200 Subject: [PATCH 4/6] css contact --- contacts.css | 692 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 692 insertions(+) create mode 100644 contacts.css diff --git a/contacts.css b/contacts.css new file mode 100644 index 0000000..26a1885 --- /dev/null +++ b/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 From d8d753512fbc7140575febd88fd2f4792fe9e2a7 Mon Sep 17 00:00:00 2001 From: 159753Maks Date: Wed, 26 Feb 2020 15:48:13 +0200 Subject: [PATCH 5/6] all css files --- contacts.html | 99 ++++++++++------------ contacts.css => css/contacts.css | 0 first_page.css => css/first_page.css | 0 service_block.css => css/service_block.css | 0 style.css => css/style.css | 0 5 files changed, 46 insertions(+), 53 deletions(-) rename contacts.css => css/contacts.css (100%) rename first_page.css => css/first_page.css (100%) rename service_block.css => css/service_block.css (100%) rename style.css => css/style.css (100%) diff --git a/contacts.html b/contacts.html index 5461eb9..6c50585 100644 --- a/contacts.html +++ b/contacts.html @@ -1,60 +1,53 @@ - - - - - Contacts - - - - - - - - - -
- ЗДРАВСТВУЙТЕ + + + + + Contacts + + + + + + + + + +
+ ЗДРАВСТВУЙТЕ + +
+

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

+ НАПИШИТЕ НАМ -
-

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

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

Курсы от farfalla

+ artik573@i.ua + 095-344-33-34
- - ДОПОЛНИТЕЛЬНО - -
-
-

Курсы от farfalla

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

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

- Farfalla@gmail.com - 095-344-33-34 -
+
+

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

+ Farfalla@gmail.com + 095-344-33-34
- - +
+ + + \ No newline at end of file diff --git a/contacts.css b/css/contacts.css similarity index 100% rename from contacts.css rename to css/contacts.css 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 100% rename from style.css rename to css/style.css From 8c04175134ee16fb783010461c93be284faf7cae Mon Sep 17 00:00:00 2001 From: 159753Maks Date: Fri, 28 Feb 2020 15:59:49 +0200 Subject: [PATCH 6/6] CallBackBlock --- callBackBlock.html | 28 +++++++++++ css/callBackBlock.css | 105 ++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 133 insertions(+) create mode 100644 callBackBlock.html create mode 100644 css/callBackBlock.css 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/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