Исходный код вики Контакты
Редактировал(а) Сергей Лунев 01.10.2025 11:05
Скрыть последних авторов
| author | version | line-number | content |
|---|---|---|---|
 |
1.1 | 1 | [[image:Contacts.webp]] |
| 2 | |||
| 3 | {{velocity}} | ||
| 4 | $xwiki.ssx.use('Corpwiki.XWiki.Wiki.UI.CSS.HidePageHeader') | ||
| 5 | #set ($discard = $xwiki.jsx.use('Corpwiki.XWiki.Wiki.UI.JS.RemoveTrash')) | ||
| 6 | #set($displayContentFooter = false) | ||
| 7 | {{html wiki=false clean="false"}} | ||
| 8 | ## 1. ГЕРОЙ-БЛОК: ПЕРВЫЙ ЭКРАН | ||
| 9 | <div class="hero-section"> | ||
| 10 | <div class="hero-container"> | ||
| 11 | <div class="hero-text"> | ||
| 12 | <h1>Свяжитесь с нами</h1> | ||
| 13 | <p class="hero-subtitle">Мы всегда на связи и готовы ответить на ваши вопросы</p> | ||
| 14 | </div> | ||
| 15 | <div class="hero-image"> | ||
| 16 | ##<img src="$doc.getAttachmentURL('CorpwikiUpscale_0009.png')" alt="Интерфейс Corpwiki"> | ||
| 17 | </div> | ||
| 18 | </div> | ||
| 19 | </div> | ||
| 20 | <style> | ||
| 21 | .contact-methods-container { | ||
| 22 | display: flex; | ||
| 23 | justify-content: center; | ||
| 24 | align-items: center; | ||
| 25 | gap: 50px; /* Расстояние между блоками "Email" и "Телефон" */ | ||
| 26 | margin: 40px auto; /* Вертикальные отступы сверху и снизу */ | ||
| 27 | flex-wrap: wrap; /* Для адаптивности на мобильных устройствах */ | ||
| 28 | } | ||
| 29 | .contact-method-item { | ||
| 30 | display: flex; | ||
| 31 | align-items: center; | ||
| 32 | gap: 15px; /* Расстояние между иконкой и текстом */ | ||
| 33 | } | ||
| 34 | .contact-method-item svg { | ||
| 35 | width: 28px; | ||
| 36 | height: 28px; | ||
| 37 | fill: #2D3748; /* Темно-серый цвет иконки */ | ||
| 38 | transition: fill 0.3s ease; | ||
| 39 | } | ||
| 40 | .contact-method-item a { | ||
| 41 | font-size: 18px; | ||
| 42 | font-weight: 500; | ||
| 43 | color: #2D3748; /* Темно-серый цвет текста */ | ||
| 44 | text-decoration: none; | ||
| 45 | transition: color 0.3s ease; | ||
| 46 | } | ||
| 47 | /* Эффект при наведении */ | ||
| 48 | .contact-method-item:hover svg { | ||
| 49 | fill: #DD6B20; /* Фирменный оранжевый */ | ||
| 50 | } | ||
| 51 | .contact-method-item:hover a { | ||
| 52 | color: #DD6B20; /* Фирменный оранжевый */ | ||
| 53 | } | ||
| 54 | </style> | ||
| 55 | |||
| 56 | <div class="contact-methods-container"> | ||
| 57 | <!-- Блок для Email --> | ||
| 58 | <div class="contact-method-item"> | ||
| 59 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22,5.5H2C1.45,5.5,1,5.95,1,6.5v11C1,18.05,1.45,18.5,2,18.5h20c0.55,0,1-0.45,1-1V6.5C23,5.95,22.55,5.5,22,5.5z M21,17.5H3V8.63l8.63,5.75c0.21,0.14,0.46,0.21,0.71,0.21s0.5-0.07,0.71-0.21L21,8.63V17.5z M12.35,12.5L3,6.5h18L12.35,12.5z"></path></svg> | ||
| 60 | <a href="mailto:info@coluns.ru">info@coluns.ru</a> | ||
| 61 | </div> | ||
| 62 | <!-- Блок для Телефона --> | ||
| 63 | <div class="contact-method-item"> | ||
| 64 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.01,15.38c-1.23,0-2.42-0.2-3.53-0.56c-0.35-0.12-0.74-0.03-1.01,0.24l-2.2,2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.2c0.28-0.28,0.36-0.67,0.24-1.01C8.2,6.42,8,5.23,8,4c0-0.55-0.45-1-1-1H4C3.45,3,3,3.45,3,4c0,9.39,7.61,17,17,17c0.55,0,1-0.45,1-1v-3.01C21,15.83,20.55,15.38,20.01,15.38z"></path></svg> | ||
| 65 | <a href="tel:+79268375475">+7 (926) 837-54-75</a> | ||
| 66 | </div> | ||
| 67 | </div> | ||
| 68 | {{/html}} | ||
| 69 | {{/velocity}} | ||
| 70 | {{velocity}} | ||
| 71 | {{html}} | ||
| 72 | <iframe src="https://coluns.ru/contactus?theme=light" style="border:0px #ffffff none;" name="order-demo" scrolling="no" frameborder="1" marginheight="10px" marginwidth="0px" width=100% height="830px" allowfullscreen></iframe> | ||
| 73 | {{/html}} | ||
| 74 | {{/velocity}} | ||
| 75 | |||
| 76 | {{corpwikiMacroHideExtra/}} |