add landing

2025-06-19 16:12:53 +03:00
parent cd0c2b9f97
commit 0c4e403479
13 changed files with 469 additions and 19 deletions
--- a/frontend/src/styles/rfo/landing.css
+++ b/frontend/src/styles/rfo/landing.css
@@ -0,0 +1,133 @@
+.header-rfo__landing{
+  width: 100%;
+  height: 728px;
+  background-image: url('https://agroexpert.press/wp-content/themes/agroexpert/frontend/img/rfo-landing.png');
+  background-size: cover; /* Заполняет весь блок, обрезая края */
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.rfo-rubrics-line{
+    display: flex;
+    gap: 28px;
+}
+
+.end-interview__wrapper{
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+}
+
+.land-cart-title{
+    display: flex;
+    padding: 2px 12px;
+}
+
+
+
+    .land-cart-title__text{
+        flex-grow: 1;
+        font-family: var(--second-family);
+        font-weight: 700;
+        font-size: 1.8em;
+        line-height: 150%;
+        text-transform: uppercase;
+        color: #000;
+    }
+
+    .land-cart-title__arrow{
+        width: 24px;
+        height: 24px;
+        margin-left: 16px;
+        background-image: url('https://agroexpert.press/wp-content/themes/agroexpert/frontend/img/lang-arrow.svg');
+        background-repeat: no-repeat;
+        background-position: center;
+        transition: transform 0.3s ease;
+    }
+    
+    .land-title__arrow{
+        width: 24px;
+        height: 24px;
+        margin-left: 8px;
+        background-image: url('https://agroexpert.press/wp-content/themes/agroexpert/frontend/img/lang-arrow.svg');
+    }
+
+    .landing-block__rfo{
+        display: flex;
+        flex-direction: column;
+        gap: 22px;
+    }
+    
+    .about-block__rfo{
+        display: flex;
+        width: 1200px;
+        justify-content: center; /* горизонтальное центрирование */
+        align-items: center;    /* вертикальное центрирование *       /* важно задать высоту */
+        margin: 25px 0;
+    }
+
+    .about-block_content__rfo{
+        display: flex;
+        flex-direction: column;
+        flex: 1; 
+        gap: 28px;
+        margin: 22px 0;
+        max-width: 100%;
+        padding: 8px;
+    }
+
+    .about-block_title__rfo{
+        display: flex;
+        gap: 8px;
+        align-items: center;
+        
+    }
+
+    .about-block_name__rfo{
+        font-family: var(--second-family);
+        font-weight: 700;
+        font-size: 2.2em;
+        line-height: 150%;
+        text-transform: uppercase;
+        color: #000; 
+    }
+
+    .about-block-slogan__rfo{
+        flex: 0 0 30%;
+        font-family: var(--second-family);
+        font-weight: 700;
+        font-size: 1.6rem;
+        line-height: 150%;
+        text-transform: uppercase;
+        color: #006842;
+        margin-left: 28px;
+    }
+
+
+
+  
+
+
+@media (max-width: 768px) {
+
+    .header-rfo__landing{
+        width: 100%;
+        height: 289px;
+        background-image: url('https://agroexpert.press/wp-content/themes/agroexpert/frontend/img/rfo-landing-mob.png');
+    }  
+
+    .rfo-rubrics-line{
+        flex-direction: column;
+    }  
+
+    .about-block__rfo{
+        flex-direction: column;
+    }    
+    
+    .about-block_content__rfo,
+    .about-block-slogan__rfo{
+        flex: 1 1 100%; /* На всю ширину */
+        width: 100%; /* На всякий случай */
+    }    
+
+}