diff --git a/public/1.jpg b/public/1.jpg
new file mode 100644
index 0000000..82e4be3
Binary files /dev/null and b/public/1.jpg differ
diff --git a/public/_2244197519584.svg b/public/_2244197519584.svg
new file mode 100644
index 0000000..311931e
--- /dev/null
+++ b/public/_2244197519584.svg
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
diff --git a/public/header.svg b/public/header.svg
new file mode 100644
index 0000000..9013f4b
--- /dev/null
+++ b/public/header.svg
@@ -0,0 +1,130 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/logo-agro-small.svg b/public/logo-agro-small.svg
new file mode 100644
index 0000000..9d57160
--- /dev/null
+++ b/public/logo-agro-small.svg
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/logo_agro_big.svg b/public/logo_agro_big.svg
new file mode 100644
index 0000000..02182a3
--- /dev/null
+++ b/public/logo_agro_big.svg
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/quote-left.svg b/public/quote-left.svg
new file mode 100644
index 0000000..841a8b1
--- /dev/null
+++ b/public/quote-left.svg
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/public/quote-right.svg b/public/quote-right.svg
new file mode 100644
index 0000000..3b0e39c
--- /dev/null
+++ b/public/quote-right.svg
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/public/spicer-left.svg b/public/spicer-left.svg
new file mode 100644
index 0000000..59c773d
--- /dev/null
+++ b/public/spicer-left.svg
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/headersvg.astro b/src/components/headersvg.astro
new file mode 100644
index 0000000..7c80c04
--- /dev/null
+++ b/src/components/headersvg.astro
@@ -0,0 +1,130 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/socials.astro b/src/components/socials.astro
new file mode 100644
index 0000000..df56fc4
--- /dev/null
+++ b/src/components/socials.astro
@@ -0,0 +1,9 @@
+
+
diff --git a/src/components/spicker_left.astro b/src/components/spicker_left.astro
new file mode 100644
index 0000000..129ac51
--- /dev/null
+++ b/src/components/spicker_left.astro
@@ -0,0 +1,26 @@
+---
+
+interface Props {
+ name: string;
+ role: string;
+ photo: string;
+ link: string;
+ phrase: string;
+}
+
+const { name, role, photo, link, phrase } = Astro.props as Props;
+
+---
+
+
+
+
+
+
+
diff --git a/src/components/spicker_right.astro b/src/components/spicker_right.astro
new file mode 100644
index 0000000..93742ce
--- /dev/null
+++ b/src/components/spicker_right.astro
@@ -0,0 +1,26 @@
+---
+
+interface Props {
+ name: string;
+ role: string;
+ photo: string;
+ link: string;
+ phrase: string;
+}
+
+const { name, role, photo, link, phrase } = Astro.props as Props;
+
+---
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/data/speakers.ts b/src/data/speakers.ts
new file mode 100644
index 0000000..2296eac
--- /dev/null
+++ b/src/data/speakers.ts
@@ -0,0 +1,28 @@
+export const speakers = [
+ {
+ name: 'Оксана Лут',
+ role: 'Министр сельского хозяйства РФ',
+ photo: 'public/1.jpg',
+ phrase: 'Все направления будем развивать, поддерживать. Деньги у нас на это есть. Сейчас самое главное — создать базу для селекции.
Задача на ближайшее время — создать базу для информации, с которой дальше любой селекционер и научный институт могли бы работать
',
+ link: 'https://agroexpert.press/rasteniya/oksana-lut-selekcziyu-budem-razvivat-i-podderzhivat-sredstva-na-eto-est/'
+ },
+
+ {
+ name: 'Сергей Данкверт',
+ role: 'Руководитель Россельхознадзора',
+ photo: 'public/1.jpg',
+ phrase: 'Надзор должен быть не в магазине, а надзор должен быть в процессе выращивания
',
+ link: 'https://agroexpert.press/all-events/sergej-dankvert-desyat-krylatyh-czitat-k-yubileyu-rukovoditelya-rosselhoznadzora/
'
+ },
+
+
+ {
+ name: 'Илья Шестаков',
+ role: 'Руководитель Росрыболовства',
+ photo: 'public/1.jpg',
+ phrase: 'Мы за счет нашей науки смогли провести молекулярно-генетическую идентификацию всех видов осетровых. По русскому осетру сейчас 80% запасов — это мальки, которые были выпущены с рыбоводных заводов
',
+ link: 'https://agroexpert.press/all-events/rosrybolovstvo-schitaet-nuzhnym-prodlit-kommercheskij-zapret-na-vylov-osetrovyh-v-kaspijskom-more/'
+ },
+
+
+];
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2d14107..b620aaf 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,8 +1,21 @@
---
+import '../styles/global.css';
+
+import HeaderSvg from '../components/headersvg.astro';
+import Socials from '../components/socials.astro';
+import LSpicker from '../components/spicker_left.astro';
+import RSpicker from '../components/spicker_right.astro';
+
+import { speakers } from '../data/speakers';
+
+
+
+
+
---
-
+
@@ -11,6 +24,57 @@
Astro
- Astro
+
+
+
+
+
+ {
+ speakers.map((person, index) => (
+ index % 2 === 0 ? (
+
+ ) : (
+
+ )
+ ))
+ }
+
+
+
+
+
+
+
+
+
diff --git a/src/styles/global.css b/src/styles/global.css
new file mode 100644
index 0000000..92a31c8
--- /dev/null
+++ b/src/styles/global.css
@@ -0,0 +1,70 @@
+@import './reset.css';
+@import './social.css';
+@import './spickers.css';
+
+body{
+ background-color: #263B40;
+}
+
+body {
+ max-width: 1440px;
+ margin: 0 auto;
+ padding: 40px 20px;
+ color: white;
+ font-family: Roboto, sans-serif;
+}
+
+header {
+ display: flex;
+
+}
+
+.header-block{
+ display: flex;
+ gap: 18px;
+ flex-direction: column;
+}
+
+
+.left-header {
+ display: flex;
+ flex-direction: column;
+ gap: 48px;
+ width: 40%;
+ padding: 20px;
+ z-index: 2;
+ position: relative;
+}
+
+.right-header {
+ width: 60%;
+ margin-left: -10%;
+ z-index: 1;
+}
+
+h1{
+ text-transform: uppercase;
+ font-size: 2.5rem;
+}
+
+
+@media (max-width: 767px) {
+
+ header {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ }
+
+ .left-header{
+ width: 100%;
+ }
+
+ .right-header {
+ width: 100%;
+ margin: 0;
+ z-index: 1;
+ }
+
+
+}
\ No newline at end of file
diff --git a/src/styles/reset.css b/src/styles/reset.css
new file mode 100644
index 0000000..ce11ae1
--- /dev/null
+++ b/src/styles/reset.css
@@ -0,0 +1,100 @@
+:root {
+ /* CSS Custom Properties */
+ --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+ --font-mono: 'SF Mono', Monaco, 'Cascadia Mono', monospace;
+ --color-bg: #ffffff;
+ --color-text: #1a1a1a;
+}
+
+/* Reset */
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+}
+
+html {
+ font-family: var(--font-sans);
+ font-size: 16px;
+ line-height: 1.5;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+ background-color: var(--color-bg);
+ color: var(--color-text);
+ min-height: 100vh;
+ overflow-x: hidden;
+}
+
+/* Typography */
+h1, h2, h3, h4, h5, h6 {
+ font-weight: 700;
+ line-height: 1.2;
+}
+
+p {
+ margin-bottom: 1rem;
+}
+
+/* Media */
+img, picture, video, canvas, svg {
+ display: block;
+ max-width: 100%;
+ height: auto;
+}
+
+/* Forms */
+input, button, textarea, select {
+ font: inherit;
+ color: inherit;
+}
+
+button {
+ cursor: pointer;
+ background: none;
+ border: none;
+}
+
+/* Links */
+a {
+ color: inherit;
+ text-decoration: none;
+ transition: opacity 0.2s;
+}
+
+a:hover {
+ opacity: 0.8;
+}
+
+/* Lists */
+ul, ol {
+ list-style: none;
+}
+
+/* Accessibility */
+@media (prefers-reduced-motion: reduce) {
+ *,
+ *::before,
+ *::after {
+ animation-duration: 0.01ms !important;
+ animation-iteration-count: 1 !important;
+ transition-duration: 0.01ms !important;
+ scroll-behavior: auto !important;
+ }
+}
+
+/* Print styles */
+@media print {
+ *,
+ *::before,
+ *::after {
+ background: transparent !important;
+ color: #000 !important;
+ box-shadow: none !important;
+ text-shadow: none !important;
+ }
+}
\ No newline at end of file
diff --git a/src/styles/social.css b/src/styles/social.css
new file mode 100644
index 0000000..31e7b5d
--- /dev/null
+++ b/src/styles/social.css
@@ -0,0 +1,28 @@
+.social-icons {
+ display: flex;
+ gap: 48px;
+}
+
+.social-icon {
+ width: 36px;
+ height: 36px;
+ display: inline-block;
+ background-color: #333;
+ transition: background-color 0.3s ease;
+}
+
+.social-icon-vk{
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='10' fill='%23006842'/%3E%3Cpath d='M18.8932 25C12.06 25 8.1624 20.1201 8 12H11.4229C11.5353 17.96 14.0587 20.4845 16.0575 21.005V12H19.2805V17.1401C21.2542 16.9189 23.3279 14.5766 24.0275 12H27.2505C26.9869 13.3363 26.4614 14.6015 25.7069 15.7166C24.9524 16.8317 23.9852 17.7726 22.8657 18.4805C24.1153 19.1273 25.2191 20.0428 26.1041 21.1666C26.9891 22.2904 27.6353 23.597 28 25H24.4522C24.1248 23.7814 23.4594 22.6905 22.5394 21.8641C21.6194 21.0376 20.4858 20.5125 19.2805 20.3544V25H18.8932Z' fill='white'/%3E%3C/svg%3E");
+}
+
+.social-icon-tg {
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='10' fill='%23006842'/%3E%3Cpath d='M26 11.5314L23.3109 25.3755C23.3109 25.3755 22.9347 26.3354 21.9011 25.8751L15.6967 21.017L15.668 21.0027C16.506 20.2342 23.0048 14.2671 23.2888 13.9966C23.7285 13.5777 23.4555 13.3283 22.945 13.6447L13.3456 19.8703L9.6421 18.5977C9.6421 18.5977 9.05928 18.386 9.00321 17.9257C8.94641 17.4646 9.66128 17.2152 9.66128 17.2152L24.7591 11.1667C24.7591 11.1667 26 10.6099 26 11.5314Z' fill='white'/%3E%3C/svg%3E");
+}
+
+.social-icon-dzen {
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='10' fill='%23006842'/%3E%3Cg clip-path='url(%23clip0_68_1881)'%3E%3Cpath d='M26.7576 17.5944C26.7592 17.5944 26.7604 17.5944 26.762 17.5944C26.8736 17.5944 26.98 17.5476 27.0556 17.4656C27.1324 17.3824 27.1704 17.2708 27.1604 17.158C26.7588 12.7408 23.2616 9.2424 18.844 8.84C18.732 8.8312 18.6192 8.8676 18.536 8.9448C18.4528 9.0216 18.4064 9.13 18.4076 9.2432C18.4772 15.1136 19.2516 17.5124 26.7576 17.5944ZM26.7576 18.4056C19.2516 18.4876 18.4776 20.8864 18.408 26.7568C18.4068 26.87 18.4532 26.9784 18.5364 27.0552C18.6108 27.1236 18.708 27.1616 18.808 27.1616C18.82 27.1616 18.8324 27.1612 18.8444 27.16C23.262 26.7576 26.7592 23.2596 27.1604 18.842C27.1704 18.7292 27.1328 18.6176 27.0556 18.5344C26.9784 18.4512 26.8708 18.41 26.7576 18.4056ZM17.1292 8.842C12.7256 9.256 9.23959 12.7536 8.83999 17.1588C8.82999 17.2716 8.86759 17.3832 8.94479 17.4664C9.02039 17.5484 9.12719 17.5948 9.23839 17.5948C9.23999 17.5948 9.24159 17.5948 9.24319 17.5948C16.7244 17.5088 17.4968 15.1112 17.5672 9.2448C17.5684 9.1316 17.5216 9.0228 17.4384 8.946C17.3544 8.8692 17.242 8.8316 17.1292 8.842ZM9.24279 18.4052C9.11839 18.3912 9.02079 18.4504 8.94439 18.5336C8.86759 18.6168 8.82959 18.7284 8.83959 18.8412C9.23919 23.2464 12.7256 26.744 17.1292 27.158C17.1416 27.1592 17.1544 27.1596 17.1668 27.1596C17.2668 27.1596 17.3636 27.122 17.438 27.0536C17.5212 26.9768 17.568 26.868 17.5668 26.7548C17.4964 20.8888 16.7244 18.4912 9.24279 18.4052Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_68_1881'%3E%3Crect width='20' height='20' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+}
+
+.social-icon-rutube {
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='10' fill='%23006842'/%3E%3Cpath d='M21.0246 18.5434H14.6875V16.2053H21.0246C21.3948 16.2053 21.6522 16.2654 21.7813 16.3705C21.9105 16.4755 21.9905 16.6704 21.9905 16.955V17.7946C21.9905 18.0945 21.9105 18.2893 21.7813 18.3944C21.6522 18.4994 21.3948 18.5443 21.0246 18.5443V18.5434ZM21.4594 14.0009H12V24H14.6875V20.7469H19.6404L21.9905 24H25L22.4089 20.7316C23.3642 20.5996 23.7931 20.3267 24.1469 19.8768C24.5007 19.427 24.678 18.7077 24.678 17.7479V16.9981C24.678 16.4288 24.6135 15.979 24.5007 15.6342C24.3879 15.2894 24.1951 14.9895 23.9213 14.7201C23.6321 14.4651 23.3102 14.2855 22.9236 14.1652C22.5371 14.0602 22.0541 14 21.4594 14V14.0009Z' fill='white'/%3E%3Cpath d='M27 14C28.1046 14 29 13.1046 29 12C29 10.8954 28.1046 10 27 10C25.8954 10 25 10.8954 25 12C25 13.1046 25.8954 14 27 14Z' fill='white'/%3E%3C/svg%3E");
+}
\ No newline at end of file
diff --git a/src/styles/spickers.css b/src/styles/spickers.css
new file mode 100644
index 0000000..790408b
--- /dev/null
+++ b/src/styles/spickers.css
@@ -0,0 +1,210 @@
+.spicker-left,
+.spicker-right{
+ display: flex;
+}
+
+.spicker-left{
+ margin-left: 200px;
+}
+
+.spicker-right{
+ margin-right: 200px;
+}
+
+.spickers{
+ display: flex;
+ gap: 180px;
+ flex-direction: column;
+}
+
+.spicker-info{
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ padding-top: 50px;
+ padding-left: 22px;
+ padding-bottom: 30px;
+}
+
+
+.spicker_name{
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: 2rem;
+}
+
+.spicker_position{
+ font-style: italic;
+ color: #F18917;
+ font-size: 1.2rem;
+}
+
+
+.spicker_quote {
+ position: relative;
+ width: 600px;
+ height: 254px;
+ padding: 28px;
+ background-color: #006842;
+ margin-top:22px;
+ overflow: visible; /* Разрешаем элементам выходить за границы */
+}
+
+
+
+.spicker_quote-left::after {
+ content: '';
+ position: absolute;
+ right: -72px; /* Выходит за правую границу */
+ top: 70px; /* Позиционируем по вертикали */
+ transform: translateY(-50%);
+ width: 70px;
+ height: 200px;
+ background-image: url("data:image/svg+xml,%3Csvg width='71' height='142' viewBox='0 0 71 142' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='70' height='70' fill='%23162427'/%3E%3Cpath d='M22.129 49.2387L21.2774 46.9935C24.0129 46.1161 26.1032 44.929 27.5484 43.4323C28.9935 41.8839 29.7161 40.2581 29.7161 38.5548C29.7161 37.3161 29.2516 36.6968 28.3226 36.6968C27.8065 36.6968 27.2387 36.8258 26.6194 37.0839C26.0516 37.2903 25.3548 37.3935 24.529 37.3935C23.0323 37.3935 21.8194 36.929 20.8903 36C20.0129 35.0194 19.5742 33.7806 19.5742 32.2839C19.5742 30.6323 20.1419 29.2903 21.2774 28.2581C22.4645 27.1742 23.9871 26.6323 25.8452 26.6323C28.0129 26.6323 29.7419 27.4581 31.0323 29.1097C32.3226 30.7097 32.9677 32.929 32.9677 35.7677C32.9677 39.1226 32.0387 41.9355 30.1806 44.2065C28.3742 46.4258 25.6903 48.1032 22.129 49.2387ZM39.8581 49.2387L39.0065 46.9935C41.7419 46.1161 43.8323 44.929 45.2774 43.4323C46.7226 41.8839 47.4452 40.2581 47.4452 38.5548C47.4452 37.3161 46.9806 36.6968 46.0516 36.6968C45.5355 36.6968 44.9677 36.8258 44.3484 37.0839C43.7806 37.2903 43.0839 37.3935 42.2581 37.3935C40.7613 37.3935 39.5484 36.929 38.6194 36C37.7419 35.0194 37.3032 33.7806 37.3032 32.2839C37.3032 30.6323 37.871 29.2903 39.0065 28.2581C40.1935 27.1742 41.7161 26.6323 43.5742 26.6323C45.7419 26.6323 47.471 27.4581 48.7613 29.1097C50.0516 30.7097 50.6968 32.929 50.6968 35.7677C50.6968 39.1226 49.7677 41.9355 47.9097 44.2065C46.1032 46.4258 43.4194 48.1032 39.8581 49.2387Z' fill='%23F18917'/%3E%3Cg transform='translate(0 70)'%3E%3Cpath d='M0.500351 0.500122H70.5V70.5141H0.500351V0.500122Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.5 70.5141V35.5071C35.5 16.2532 51.25 0.5 70.5 0.5V35.507C70.5 54.7609 54.75 70.5141 35.5 70.5141Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.5 70.5141V35.5071C35.5 16.2532 19.75 0.5 0.500045 0.5V35.507C0.500045 54.7609 16.25 70.5141 35.5 70.5141Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3C/g%3E%3C/svg%3E");
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: right center;
+ opacity: 0.8;
+ pointer-events: none;
+ z-index: 2;
+}
+
+
+.spicker_quote-right::after {
+ content: '';
+ position: absolute;
+ left: -69px; /* Выходит за правую границу */
+ top: 70px; /* Позиционируем по вертикали */
+ transform: translateY(-50%);
+ width: 70px;
+ height: 200px;
+ background-image: url("public/quote-left.svg");
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: right center;
+ opacity: 0.8;
+ pointer-events: none;
+ z-index: 2;
+}
+
+
+/* Адаптивность */
+@media (max-width: 768px) {
+ .spicker_quote::after {
+ right: -15px;
+ width: clamp(30px, 12%, 60px);
+ height: calc(clamp(30px, 12%, 60px) * 142 / 71);
+ }
+}
+
+@media (max-width: 480px) {
+ .spicker_quote::after {
+ right: -10px;
+ width: 25px;
+ height: calc(25px * 142 / 71);
+ }
+}
+
+.spicker-photo {
+ position: relative;
+ display: inline-block;
+ width: 375px;
+}
+
+.spicker-photo img {
+ display: block;
+ width: 375px;
+ height: auto;
+}
+
+
+/* Более специфичный селектор */
+.spicker-photo-left::after {
+ content: '';
+ position: absolute;
+ right: 0;
+ bottom: 55px;
+ width: 70px;
+ height: 200px; /* 3 × 50px для трех иконок */
+ background-image: url("data:image/svg+xml,%3Csvg width='71' height='212' viewBox='0 0 71 212' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='70' height='70' fill='%23162427'/%3E%3Cpath d='M47.7548 22.0968L48.6839 24.3419C45.8968 25.2194 43.7806 26.4323 42.3355 27.9806C40.9419 29.4774 40.2452 31.0774 40.2452 32.7806C40.2452 33.9677 40.7097 34.5613 41.6387 34.5613C42.1548 34.5613 42.6968 34.4581 43.2645 34.2516C43.8839 34.0452 44.5806 33.9419 45.3548 33.9419C46.9032 33.9419 48.1161 34.4323 48.9935 35.4129C49.9226 36.3419 50.3871 37.5548 50.3871 39.0516C50.3871 40.7032 49.7935 42.071 48.6065 43.1548C47.4194 44.1871 45.9226 44.7032 44.1161 44.7032C41.8968 44.7032 40.1419 43.8774 38.8516 42.2258C37.5613 40.5742 36.9161 38.3548 36.9161 35.5677C36.9161 32.2129 37.8452 29.4 39.7032 27.129C41.5613 24.8581 44.2452 23.1806 47.7548 22.0968ZM30.0258 22.0968L30.9548 24.3419C28.1677 25.2194 26.0516 26.4323 24.6065 27.9806C23.2129 29.4774 22.5161 31.0774 22.5161 32.7806C22.5161 33.9677 22.9806 34.5613 23.9097 34.5613C24.4258 34.5613 24.9677 34.4581 25.5355 34.2516C26.1548 34.0452 26.8516 33.9419 27.6258 33.9419C29.1742 33.9419 30.3871 34.4323 31.2645 35.4129C32.1935 36.3419 32.6581 37.5548 32.6581 39.0516C32.6581 40.7032 32.0645 42.071 30.8774 43.1548C29.6903 44.1871 28.1935 44.7032 26.3871 44.7032C24.1677 44.7032 22.4129 43.8774 21.1226 42.2258C19.8323 40.5742 19.1871 38.3548 19.1871 35.5677C19.1871 32.2129 20.1161 29.4 21.9742 27.129C23.8323 24.8581 26.5161 23.1806 30.0258 22.0968Z' fill='%23F18917'/%3E%3Cg transform='translate(0 70)'%3E%3Cpath d='M0.614044 0.614502H70.1187V70.0426H0.614044V0.614502Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M70.38 70.3023L0.353334 0.35376' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M14.4887 70.1924L0.614346 56.3334' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M40.1457 69.635L0.736603 30.2697' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M26.9181 69.9664L0.614415 43.6913' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M55.2526 70.3537L0.674001 15.8352' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M70.2801 0.82428L35.5525 35.5134' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M70.1187 17.7498L43.8059 44.0339' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M70.1187 33.4122L51.8087 51.7019' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M70.0057 48.1216L59.0225 59.0927' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M53.1057 0.588257L26.7929 26.8724' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M69.9711 61.5614L65.953 65.5745' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3C/g%3E%3Cg transform='translate(0 141)'%3E%3Cpath d='M0.520309 0.5H70.5056V70.4995H0.520309V0.5Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M70.4704 0.593018C70.2564 19.7368 54.6782 35.1915 35.4878 35.194C35.7018 16.0501 51.28 0.595542 70.4704 0.593018Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.505643 0.593445C0.719644 19.7373 16.2978 35.1919 35.4882 35.1944C35.2742 16.0506 19.6961 0.595969 0.505643 0.593445Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M70.4702 35.1944C70.2562 54.3382 54.678 69.7923 35.4876 69.7954C35.7016 50.6515 51.2797 35.1974 70.4702 35.1944Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.505643 35.1944C0.719644 54.3382 16.2978 69.7923 35.4882 69.7954C35.2742 50.6515 19.6961 35.1974 0.505643 35.1944Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath d='M35.5128 0.499573V69.7853' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain;
+ background-repeat: no-repeat;
+ background-position: right bottom;
+ opacity: 0.8;
+ pointer-events: none;
+ z-index: 2;
+}
+
+
+.spicker-photo-left::before {
+ content: '';
+ position: absolute;
+ right: 0;
+ bottom: -75px;
+ width: 258px;
+ height: 128px;
+ background-image: url("data:image/svg+xml,%3Csvg width='258' height='128' viewBox='0 0 258 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Csvg x='0' y='0' width='65' height='65' viewBox='0 0 65 65'%3E%3Cpath d='M0.500031 0.5H63.6458V63.5757H0.500031V0.5Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 63.567C49.343 63.3738 63.284 49.3336 63.2867 32.0383C46.0172 32.2315 32.0762 46.2712 32.0734 63.567Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 0.509521C49.343 0.702288 63.284 14.7425 63.2867 32.0383C46.0172 31.8455 32.0762 17.8054 32.0734 0.509521Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 63.567C14.8039 63.3738 0.862761 49.3336 0.860485 32.0383C18.13 32.2315 32.0711 46.2712 32.0734 63.567Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 0.509521C14.8039 0.702288 0.862761 14.7425 0.860485 32.0383C18.13 31.8455 32.0711 17.8054 32.0734 0.509521Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3C/svg%3E%3Csvg x='65' y='0' width='65' height='65' viewBox='0 0 65 65'%3E%3Cpath d='M0.499981 0.5H63.6256V63.5557H0.499981V0.5Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M32.0628 63.5557C14.6312 63.5557 0.499981 49.4402 0.499981 32.0278C0.499981 14.6155 14.6312 0.5 32.0628 0.5C49.4945 0.5 63.6256 14.6155 63.6256 32.0278C63.6256 49.4402 49.4945 63.5557 32.0628 63.5557Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M32.0628 42.0167C26.54 42.0167 22.0628 37.5446 22.0628 32.0279C22.0628 26.5112 26.54 22.039 32.0628 22.039C37.5856 22.039 42.0627 26.5112 42.0627 32.0279C42.0627 37.5446 37.5856 42.0167 32.0628 42.0167Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M32.0628 52.6926C20.6373 52.6926 11.3751 43.4407 11.3751 32.0279C11.3751 20.6151 20.6373 11.3632 32.0628 11.3632C43.4882 11.3632 52.7504 20.6151 52.7504 32.0279C52.7504 43.4407 43.4882 52.6926 32.0628 52.6926Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3C/svg%3E%3Csvg x='130' y='0' width='128' height='128' viewBox='0 0 128 128'%3E%3Cpath d='M0.499985 0.790894H126.752V126.903H0.499985V0.790894Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M0.68458 58.6034L63.7021 94.9462V126.902L0.68458 90.559V58.6034Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M126.72 58.6034L63.7021 94.9462V126.902L126.72 90.559V58.6034Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M0.68458 0.50003L63.7021 36.8429V68.7985L0.68458 32.4556V0.50003Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M126.72 0.50003L63.7021 36.8429V68.7985L126.72 32.4556V0.50003Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3C/svg%3E%3C/svg%3E");
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: right bottom;
+ opacity: 0.8;
+ pointer-events: none;
+ z-index: 1;
+}
+
+
+.spicker-photo-right::after {
+ content: '';
+ position: absolute;
+ left : 0;
+ bottom: 55px;
+ width: 70px;
+ height: 200px; /* 3 × 50px для трех иконок */
+ background-image: url('public/quote-right.svg');
+ background-repeat: no-repeat;
+ background-position: right bottom;
+ opacity: 0.8;
+ pointer-events: none;
+ z-index: 2;
+}
+
+
+
+
+
+.spicker-photo-right::before {
+ content: '';
+ position: absolute;
+ bottom: -75px;
+ width: 258px;
+ height: 128px;
+ background-image: url("data:image/svg+xml,%3Csvg width='258' height='128' viewBox='0 0 258 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Csvg x='0' y='0' width='128' height='128' viewBox='0 0 128 128'%3E%3Cpath d='M0.499985 0.790894H126.752V126.903H0.499985V0.790894Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M0.68458 58.6034L63.7021 94.9462V126.902L0.68458 90.559V58.6034Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M126.72 58.6034L63.7021 94.9462V126.902L126.72 90.559V58.6034Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M0.68458 0.50003L63.7021 36.8429V68.7985L0.68458 32.4556V0.50003Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M126.72 0.50003L63.7021 36.8429V68.7985L126.72 32.4556V0.50003Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3C/svg%3E%3Csvg x='128' y='0' width='65' height='65' viewBox='0 0 65 65'%3E%3Cpath d='M0.499981 0.5H63.6256V63.5557H0.499981V0.5Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M32.0628 63.5557C14.6312 63.5557 0.499981 49.4402 0.499981 32.0278C0.499981 14.6155 14.6312 0.5 32.0628 0.5C49.4945 0.5 63.6256 14.6155 63.6256 32.0278C63.6256 49.4402 49.4945 63.5557 32.0628 63.5557Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M32.0628 42.0167C26.54 42.0167 22.0628 37.5446 22.0628 32.0279C22.0628 26.5112 26.54 22.039 32.0628 22.039C37.5856 22.039 42.0627 26.5112 42.0627 32.0279C42.0627 37.5446 37.5856 42.0167 32.0628 42.0167Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M32.0628 52.6926C20.6373 52.6926 11.3751 43.4407 11.3751 32.0279C11.3751 20.6151 20.6373 11.3632 32.0628 11.3632C43.4882 11.3632 52.7504 20.6151 52.7504 32.0279C52.7504 43.4407 43.4882 52.6926 32.0628 52.6926Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3C/svg%3E%3Csvg x='193' y='0' width='65' height='65' viewBox='0 0 65 65'%3E%3Cpath d='M0.500031 0.5H63.6458V63.5757H0.500031V0.5Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 63.567C49.343 63.3738 63.284 49.3336 63.2867 32.0383C46.0172 32.2315 32.0762 46.2712 32.0734 63.567Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 0.509521C49.343 0.702288 63.284 14.7425 63.2867 32.0383C46.0172 31.8455 32.0762 17.8054 32.0734 0.509521Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 63.567C14.8039 63.3738 0.862761 49.3336 0.860485 32.0383C18.13 32.2315 32.0711 46.2712 32.0734 63.567Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 0.509521C14.8039 0.702288 0.862761 14.7425 0.860485 32.0383C18.13 31.8455 32.0711 17.8054 32.0734 0.509521Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3C/svg%3E%3C/svg%3E");
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: right bottom;
+ opacity: 0.8;
+ pointer-events: none;
+ z-index: 1;
+}
+
+@media (max-width: 767px) {
+
+ .spicker-left,
+ .spicker-right{
+ display: flex;
+ flex-direction: column;
+ gap: 5px;
+ }
+
+ .spicker-photo-left{
+ background-image: none;
+ }
+
+ .spicker-photo-left{
+ background-image: none;
+ }
+
+
+}
+
+
+
diff --git a/test.html b/test.html
new file mode 100644
index 0000000..35c9bdc
--- /dev/null
+++ b/test.html
@@ -0,0 +1,295 @@
+
+
+
+
+
+ Спикер года - Агроэксперт
+
+
+
+
+
+
diff --git a/test2.html b/test2.html
new file mode 100644
index 0000000..b33fe8e
--- /dev/null
+++ b/test2.html
@@ -0,0 +1,297 @@
+
+
+
+
+
+ Спикер года - АгроЭксперт
+
+
+
+
+
+
+
+
+
+ СПИКЕР ГОДА
+
+ Мы с гордостью представляем вам топ-10 лучших года. В этом году они внесли значительный вклад в развитие сельского хозяйства страны. Они предложили инновационные решения для улучшения производства, разработали стратегии для повышения эффективности хозяйства.
+
+
+ В рейтинг вошли люди, которые способствуют новым горизонтам агробизнеса и создают инструменты для развития сельскохозяйственного комплекса России, Узбекистана, Казахстана и экспертов отрасли.
+
+
+
+
+
+
+
+
+
+
+
+
+
"
+
СЕРГЕЙ ДАНКВЕРТ
+
Руководитель Россельхознадзор
+
+
О честности маркировки продуктов
+
+ Сегодня никто не мешает производителю продавать отруб или колбасу из более доступной рыбы. Но она должна честно называться на упаковке. Что внутри.
+
+
+
"
+
+
+
+
+
+
+
"
+
КОНСТАНТИН КОНСТАНТИНОВСКИЙ
+
Руководитель Россельхознадзор
+
+
О честности маркировки продуктов
+
+ Сегодня никто не мешает производителю продавать отруб или колбасу из более доступной рыбы. Но она должна честно называться на упаковке. Что внутри.
+
+
+
"
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
"
+
СЕРГЕЙ ДАНКВЕРТ
+
Руководитель Россельхознадзор
+
+
О честности маркировки продуктов
+
+ Сегодня никто не мешает производителю продавать отруб или колбасу из более доступной рыбы. Но она должна честно называться на упаковке. Что внутри.
+
+
+
"
+
+
+
+
+
+
+
"
+
КОНСТАНТИН КОНСТАНТИНОВСКИЙ
+
Руководитель Россельхознадзор
+
+
О честности маркировки продуктов
+
+ Сегодня никто не мешает производителю продавать отруб или колбасу из более доступной рыбы. Но она должна честно nazywать на упаковке. Что внутри.
+
+
+
"
+
+
+
+
+
+
+
+
+
+
+
diff --git a/test3.html b/test3.html
new file mode 100644
index 0000000..fb80d1a
--- /dev/null
+++ b/test3.html
@@ -0,0 +1,163 @@
+
+
+
+
+
+ СПИКЕР ГОДА - Агроэксперт
+
+
+
+
+
+
+
+
+ Рейтинг составлен на основе big data: мы проанализировали упоминания во всех публикациях сайта за 2025 год .
+
+
+
+ Мы с гордостью представляем вам топ-10 спикеров года по версии издания «Агроэксперт» . Он составлен на основе big data: мы проанализировали упоминания во всех публикациях сайта за 2025 год .
+
+
+
+ В рейтинг вошли люди, которые открывают новые горизонты агропромышленного комплекса России: бизнесмены, чиновники и эксперты отрасли .
+
+
+
+
+
+
+
\ No newline at end of file