commit 493134980b8072bece4d790f0a670c87a4193e34 Author: BOUNTY707 Date: Thu Jan 23 18:53:27 2025 +0500 project finished diff --git a/authors.html b/authors.html new file mode 100644 index 0000000..81a3fd0 --- /dev/null +++ b/authors.html @@ -0,0 +1,39 @@ + + + + + + + + Title + + +
+
+
+
+

Наши авторы

+
+
+ +

Екатерина Волкова

+

Старший менеджер по продажам

+
+
+ +

Анастасия Колесникова

+

Менеджер по продажам

+
+
+ +

Тимур Абдеев

+

Менеджер по работе с клиентами

+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/authors2.html b/authors2.html new file mode 100644 index 0000000..23cfa6d --- /dev/null +++ b/authors2.html @@ -0,0 +1,225 @@ + + + + + + + + Title + + +
+
+
+
+
+ +
+
+

Екатерина Волкова

+

Старший менеджер по продажам

+
+

Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Вдали от всех живут они в буквенных домах на берегу Семантика большого языкового океана. Маленький ручеек Даль журчит

+
+
+ +

Екатерина Волкова

+ +
+
+
+ +
+
+ 22 августа 2024 + +
+ + + 5 минут + + + + 1064 + +
+
+
Аккредитация и лицензирование учебных заведений
+
+
+
+ +
+
+ 22 августа 2024 + +
+ + + 5 минут + + + + 362 + +
+
+
Как получить медицинскую лицензию?
+
+
+
+ +
+
+ 22 августа 2024 + +
+ + + 5 минут + + + + 1458 + +
+
+
Как получить образовательную лицензию?
+
+
+
+ +
+
+ 22 августа 2024 + +
+ + + 5 минут + + + + 3221 + +
+
+
Как провести оценку ООО перед продажей: советы эксперта
+
+
+
+ +
+
+ 22 августа 2024 + +
+ + + 5 минут + + + + 3220 + +
+
+
Что лучше: ИП, ПБОЮЛ или ЧП, ЧОП, ЧОО, ООО ИЛИ АО
+
+
+
+ +
+
+ 22 августа 2024 + +
+ + + 5 минут + + + + 3075 + +
+
+
Нужен ли допуск СРО для выполнения электромонтажных работ
+
+
+
+ +
+
+ 22 августа 2024 + +
+ + + 5 минут + + + + 4760 + +
+
+
Список работ, при выполнении которых допуск СРО не требуется
+
+
+
+ +
+
+ 22 августа 2024 + +
+ + + 5 минут + + + + 3218 + +
+
+
Сравнение различных видов сертификатов ISO: какой выбрать для своего бизнеса
+
+
+
+ +
+
+ 22 августа 2024 + +
+ + + 5 минут + + + + 1946 + +
+
+
Получение лицензии на алкоголь в 2024: часто задаваемые вопросы
+
+
+
+ +
+ + + + +
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/font/MuseoSansCyrl-100.ttf b/font/MuseoSansCyrl-100.ttf new file mode 100644 index 0000000..f047905 Binary files /dev/null and b/font/MuseoSansCyrl-100.ttf differ diff --git a/font/MuseoSansCyrl-100.woff b/font/MuseoSansCyrl-100.woff new file mode 100644 index 0000000..be63810 Binary files /dev/null and b/font/MuseoSansCyrl-100.woff differ diff --git a/font/demo.html b/font/demo.html new file mode 100644 index 0000000..748f598 --- /dev/null +++ b/font/demo.html @@ -0,0 +1,192 @@ + + + + + + + + + Transfonter demo + + + + +
+
+

Museo Sans Cyrl 100

+ 
.your-style {
+    font-family: 'Museo Sans Cyrl 100';
+    font-weight: 200;
+    font-style: normal;
+}
+ 
+<link rel="preload" href="MuseoSansCyrl-100.woff" as="font" type="font/woff" crossorigin>
+
+

+ abcdefghijklmnopqrstuvwxyz
+ABCDEFGHIJKLMNOPQRSTUVWXYZ
+ 0123456789.:,;()*!?'@#<>$%&^+-=~ +

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+

The quick brown fox jumps over the lazy dog.

+
+
+ +
+ + diff --git a/font/stylesheet.css b/font/stylesheet.css new file mode 100644 index 0000000..da77ac5 --- /dev/null +++ b/font/stylesheet.css @@ -0,0 +1,32 @@ +@font-face { + font-family: 'Museo Sans Cyrl'; + src: url('MuseoSansCyrl-100.woff') format('woff'), + url('MuseoSansCyrl-100.ttf') format('truetype'); + font-weight: 200; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: 'Museo Sans Cyrl'; + src: url('MuseoSansCyrl-400.woff') format('woff'), + url('MuseoSansCyrl-400.ttf') format('truetype'); + font-weight: 400; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: 'Museo Sans Cyrl'; + src: url('MuseoSansCyrl-500.woff') format('woff'), + url('MuseoSansCyrl-500.ttf') format('truetype'); + font-weight: 500; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: 'Museo Sans Cyrl'; + src: url('MuseoSansCyrl-600.woff') format('woff'), + url('MuseoSansCyrl-600.ttf') format('truetype'); + font-weight: 600; + font-style: normal; + font-display: swap; +} diff --git a/img/authors-img1.png b/img/authors-img1.png new file mode 100644 index 0000000..369ac1c Binary files /dev/null and b/img/authors-img1.png differ diff --git a/img/authors-img2.png b/img/authors-img2.png new file mode 100644 index 0000000..3b6057d Binary files /dev/null and b/img/authors-img2.png differ diff --git a/img/authors-img3.png b/img/authors-img3.png new file mode 100644 index 0000000..a9d0c59 Binary files /dev/null and b/img/authors-img3.png differ diff --git a/img/banner-bg.png b/img/banner-bg.png new file mode 100644 index 0000000..4a56b73 Binary files /dev/null and b/img/banner-bg.png differ diff --git a/img/box-img.png b/img/box-img.png new file mode 100644 index 0000000..01d8512 Binary files /dev/null and b/img/box-img.png differ diff --git a/img/clock-circle.svg b/img/clock-circle.svg new file mode 100644 index 0000000..78a84d1 --- /dev/null +++ b/img/clock-circle.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/img/eye.svg b/img/eye.svg new file mode 100644 index 0000000..d1076b9 --- /dev/null +++ b/img/eye.svg @@ -0,0 +1,4 @@ + + + + diff --git a/img/item-img1.png b/img/item-img1.png new file mode 100644 index 0000000..5e9dbc2 Binary files /dev/null and b/img/item-img1.png differ diff --git a/img/item-img2.png b/img/item-img2.png new file mode 100644 index 0000000..88fda9c Binary files /dev/null and b/img/item-img2.png differ diff --git a/img/item-img3.png b/img/item-img3.png new file mode 100644 index 0000000..cfdfdf4 Binary files /dev/null and b/img/item-img3.png differ diff --git a/img/item-img4.png b/img/item-img4.png new file mode 100644 index 0000000..97efcb9 Binary files /dev/null and b/img/item-img4.png differ diff --git a/img/item-img5.png b/img/item-img5.png new file mode 100644 index 0000000..94b9c01 Binary files /dev/null and b/img/item-img5.png differ diff --git a/img/item-img6.png b/img/item-img6.png new file mode 100644 index 0000000..a142001 Binary files /dev/null and b/img/item-img6.png differ diff --git a/img/item-img7.png b/img/item-img7.png new file mode 100644 index 0000000..7f94a02 Binary files /dev/null and b/img/item-img7.png differ diff --git a/img/item-img8.png b/img/item-img8.png new file mode 100644 index 0000000..0bf8900 Binary files /dev/null and b/img/item-img8.png differ diff --git a/img/item-img9.png b/img/item-img9.png new file mode 100644 index 0000000..9e9d419 Binary files /dev/null and b/img/item-img9.png differ diff --git a/img/num-mob.svg b/img/num-mob.svg new file mode 100644 index 0000000..be55ea8 --- /dev/null +++ b/img/num-mob.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/num.svg b/img/num.svg new file mode 100644 index 0000000..5ae5086 --- /dev/null +++ b/img/num.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..012e2c4 --- /dev/null +++ b/index.html @@ -0,0 +1,30 @@ + + + + + + + + Title + + +
+ +
+ + + \ No newline at end of file diff --git a/style/index.css b/style/index.css new file mode 100644 index 0000000..8626fb8 --- /dev/null +++ b/style/index.css @@ -0,0 +1,355 @@ +@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"); + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + margin: 0; + padding: 0; + background: #F9F9F9; + font-family: "Museo Sans Cyrl", sans-serif; +} +.container{ + max-width: 1256px; + padding: 0 24px; + margin: 0 auto; +} + + +/* Banner strat */ +.banner { + padding: 50px 24px; +} +.banner .banner_block { + position: relative; + max-width: 592px; + padding: 0px 20px 0 11px; + border-radius: 8px; + background-image: url(../img/banner-bg.png); + background-repeat: no-repeat; + background-size: cover; + margin: 0 auto; + display: flex; + align-items: center; + gap: 10px; +} +.banner .info_block { + display: flex; + align-items: end; + padding: 16px 0px 18px; +} +.banner_block .number1 { + display: block; + height: 100%; +} +.banner_block .number-mob { + display: none; + position: absolute; + top: 24px; + right: 16px; +} +.banner_block .info { + display: flex; + flex-direction: column; + gap: 12px; +} +.banner_block .info h3 { + font-size: 20px; + font-weight: 600; + line-height: 20px; + color: #FFF; + max-width: 278px; +} +.banner_block .info p { + font-family: Inter; + font-size: 14px; + font-weight: 400; + line-height: 16.8px; + color: #FFF; + max-width: 233px; +} +.banner_block .info_btn { + font-family: "Museo Sans Cyrl", sans-serif; + font-size: 14px; + font-weight: 600; + line-height: 16.8px; + color: #0F1521; + background: #FFFFFF; + border-radius: 4px; + text-decoration: none; + padding: 10px; + width: 160px; + height: 42px; + display: flex; + align-items: center; + justify-content: center; + white-space: nowrap; +} + + +/* Authors start */ +.authors{ + padding: 40px 0px 100px; +} +.authors .authors_block{ + display: flex; + flex-direction: column; + gap: 60px; +} +.authors_block .title{ + font-size: 32px; + font-weight: 600; + line-height: 38.4px; + color: #0F1521; +} +.authors_block .authors_cards{ + display: grid; + grid-template-columns: 32% 32% 32%; + gap: 20px; +} +.authors_block .authors_card{ + display: flex; + flex-direction: column; + gap: 25px; +} +.authors_card img{ + width: 100%; + height: 500px; + border-radius: 8px; + object-fit: cover; +} +.authors_card h3{ + font-size: 32px; + font-weight: 600; + line-height: 38.4px; + color: #000000; +} +.authors_card p{ + font-size: 16px; + font-weight: 300; + line-height: 19.2px; + color: #000000; +} + + +.authors_block .top_box{ + display: flex; + background: #FFF; + border-radius: 8px; +} +.top_box img{ + border-radius: 8px; + object-fit: cover; +} +.top_box .info{ + padding: 40px 40px 58px; + display: flex; + flex-direction: column; + gap: 32px; +} +.top_box .info_title{ + display: flex; + flex-direction: column; + gap: 12px; +} +.top_box .info_title h3{ + font-size: 24px; + font-weight: 600; + line-height: 28.8px; + color: #000000; +} +.top_box p{ + font-size: 16px; + font-weight: 300; + line-height: 19.2px; + color: #000000; +} + +.authors_block .authors_items{ + display: grid; + grid-template-columns: 31% 31% 31%; + gap: 20px; +} +.authors_items .authors_item{ + background: #FFFFFF; + border-radius: 8px; +} +.authors_item .item-img{ + border-radius: 8px; + object-fit: cover; + width: 100%; + height: 200px; +} +.authors_item .info_wrap{ + display: flex; + flex-direction: column; + gap: 25px; + padding: 25px 20px; +} +.authors_item .info{ + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; +} +.authors_item .info_box{ + display: flex; + align-items: center; + gap: 12px; +} +.authors_item .info span{ + font-size: 14px; + font-weight: 300; + line-height: 16.8px; + color: #777777; + display: flex; + align-items: center; + gap: 8px; + white-space: nowrap; +} +.authors_item h5{ + font-size: 16px; + font-weight: 600; + line-height: 19.2px; + color: #0F1521; +} + +.authors .items_block{ + display: flex; + flex-direction: column; + align-items: center; + gap: 40px; +} +.items_block .item_pagination{ + display: flex; + align-items: center; + gap: 24px; +} +.item_pagination .pagination_tab{ + background: #F3F3F3; + width: 70px; + height: 71px; + border-radius: 8px; + display: flex; + align-items: center; + justify-content: center; + border: none; + outline: none; + font-size: 16px; + font-weight: 400; + line-height: 19.2px; + color: #878A90; + cursor: pointer; + transition: .3s ease all; +} +.item_pagination .pagination_tab:hover, +.item_pagination .pagination_tab.active{ + background: linear-gradient(264.09deg, #88B23F 4.91%, #247238 91.1%); + color: #FFF; + font-weight: 600; +} + + + +/* @Media start */ +@media (max-width: 1024px) { + .authors_block .authors_items { + grid-template-columns: 49% 49%; + } +} + +@media (max-width: 768px) { + .banner .banner_block { + padding: 30px 20px; + display: block; + } + .banner .info_block { + padding: 0; + align-items: start; + flex-direction: column; + gap: 18px; + } + .banner_block .number1 { + display: none; + } + .banner_block .number-mob { + display: block; + } + .banner .info_block .info { + padding-right: 103px; + gap: 16px; + } + .banner_block .info p, + .banner_block .info h3 { + max-width: 100%; + } + + + .authors_block .authors_cards { + grid-template-columns: 48.5% 48.5%; + gap: 40px 20px; + } + + .authors_item .info { + gap: 15px; + } + .authors_item .info_wrap { + gap: 20px; + padding: 20px 15px; + } + .authors_block .authors_items { + grid-template-columns: 100%; + } + +} + +@media (max-width: 568px) { + .banner .banner_block { + border-radius: 4px; + } + .banner_block .info_btn { + width: 100%; + border-radius: 4px; + } + .banner_block .info p, + .banner_block .info h3 { + max-width: 250px; + } + + .authors_block .authors_cards { + grid-template-columns: 100%; + } + .authors_block .authors_card { + gap: 15px; + } + .authors_card img { + height: 400px; + } + .authors_card h3 { + font-size: 26px; + line-height: 26px; + } + + .authors_block .top_box{ + flex-direction: column; + } + .top_box img{ + height: 350px; + } + .top_box .info { + padding: 30px 30px 38px; + gap: 30px; + } + + .items_block .item_pagination { + gap: 15px; + } + .item_pagination .pagination_tab { + width: 50px; + height: 51px; + border-radius: 4px; + } +} \ No newline at end of file