commit a00e919dcba1bf0a78eea5516bc93242e890d3e8 Author: Mayzer Date: Wed Oct 15 15:37:29 2025 +0300 first commit diff --git a/css/contacts.pdf b/css/contacts.pdf new file mode 100644 index 0000000..6cd7a83 --- /dev/null +++ b/css/contacts.pdf @@ -0,0 +1,49 @@ +%PDF-1.3 +%“Œ‹ž ReportLab Generated PDF document http://www.reportlab.com +1 0 obj +<< +/F1 2 0 R +>> +endobj +2 0 obj +<< +/BaseFont /Helvetica /Encoding /WinAnsiEncoding /Name /F1 /Subtype /Type1 /Type /Font +>> +endobj +3 0 obj +<< +/PageMode /UseNone /Pages 5 0 R /Type /Catalog +>> +endobj +4 0 obj +<< +/Author (anonymous) /CreationDate (D:20250907103116+03'00') /Creator (ReportLab PDF Library - www.reportlab.com) /Keywords () /ModDate (D:20250907103116+03'00') /Producer (ReportLab PDF Library - www.reportlab.com) + /Subject (unspecified) /Title (untitled) /Trapped /False +>> +endobj +5 0 obj +<< +/Count 0 /Kids [ ] /Type /Pages +>> +endobj +xref +0 6 +0000000000 65535 f +0000000073 00000 n +0000000104 00000 n +0000000211 00000 n +0000000279 00000 n +0000000575 00000 n +trailer +<< +/ID +[] +% ReportLab generated PDF document -- digest (http://www.reportlab.com) + +/Info 4 0 R +/Root 3 0 R +/Size 6 +>> +startxref +629 +%%EOF diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..81004b2 --- /dev/null +++ b/css/style.css @@ -0,0 +1,1670 @@ +@font-face { + font-family: 'Helvetica Neue Thin'; + src: url('../fonts/HelveticaNeue-Thin.otf'); + font-weight: 300; + font-style: normal; +} + +/* 300 - Light */ +@font-face { + font-family: 'Helvetica Neue Light'; + src: url('../fonts/HelveticaNeue-Light.otf'); + font-weight: 300; + font-style: normal; +} + +/* 400 - Regular */ +@font-face { + font-family: 'Helvetica Neue Regular'; + src: url('../fonts/HelveticaNeue-Roman.otf'); + font-weight: 300; + font-style: normal; +} + +/* 500 - Medium */ +@font-face { + font-family: 'Helvetica Neue Medium'; + src: url('../fonts/HelveticaNeue-Medium.otf'); + font-weight: 500; + font-style: normal; +} + +/* 700 - Bold */ +@font-face { + font-family: 'Helvetica Neue Bold'; + src: url('../fonts/HelveticaNeue-Bold.otf'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Black Ops One'; + src: url('../fonts/BlackOpsOne-Regular.otf'); + font-weight: 400; + font-style: normal; +} + +/* Condensed Bold */ + +@font-face { + font-family: 'Helvetica Neue Condensed Bold'; + src: url('../fonts/HelveticaNeue-Condensed-Bold.ttf'); + font-weight: 700; + font-style: normal; +} + +html { + box-sizing: border-box; + overflow-x: hidden; + scroll-behavior: smooth; +} + +html, body { + margin: 0; + padding: 0; + overflow-x: hidden; + min-width: 320px; + max-width: 1920px; + margin: 0px auto; + scroll-behavior: smooth; +} + +body.no-scroll { + overflow: hidden; +} + +/* 1. Π£Π±ΠΈΡ€Π°Π΅ΠΌ систСмный тап‑хайлайт */ +* { + -webkit-tap-highlight-color: transparent; +} + +*, +*::before, +*::after { + box-sizing: inherit; +} + +a { + color: inherit; + text-decoration: none; + transition: color 0.3s ease; +} + + +button { + cursor: pointer; +} + +ul { + margin: 0; + padding: 0; +} + +ul { + list-style-type: disc; + margin-left: 20px; + padding-left: 20px; + margin-bottom: 16px; +} + +h1, h2, h3, h4, h5, h6, p { + margin: 0; +} + +svg { + vertical-align: middle; +} + +blockquote { + padding: 0; + margin: 0; +} + +body { + background-color: var(--black-bg); + color: #fff; + font-family: 'Helvetica Neue Light', sans-serif; + font-size: 20px; +} + +html.no-scroll, +body.no-scroll { + overflow: hidden; +} + +html.no-scroll-modal, +body.no-scroll-modal { + overflow: hidden; +} + +input[type=number]::-webkit-outer-spin-button, +input[type=number]::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +/* Для Firefox */ +input[type=number] { + -moz-appearance: textfield; +} + + +:root { + --black: #1F1F1F; + --black-bg: #1F1F1F; + --gray: #CCCCCC; + --gray-text: #A0A0A0; + --yellow: #ffe457; +} + +input { + color: var(--black) !important; +} + +/* ΠšΠ°ΡΡ‚ΠΎΠΌΠ½Ρ‹ΠΉ скролл Π½Π° страницС */ + +::-webkit-scrollbar { + width: 8px; +} + +::-webkit-scrollbar-track { + background: var(--black); + border-radius: 8px; +} + +::-webkit-scrollbar-thumb { + background-color: var(--yellow); +} + + +/* ΠšΠ°ΡΡ‚ΠΎΠΌΠ½Ρ‹ΠΉ скролл для Firefox */ + +@-moz-document url-prefix() { + * { + scrollbar-color: var(--black) transparent; + scrollbar-width: thin; + } +} + +.h1 { + color: var(--gray); + font-family: 'Helvetica Neue Regular', sans-serif; + font-weight: 500; + font-size: 100px; + font-size: clamp(48px, 5vw, 100px); + line-height: 90%; + letter-spacing: -0.02em; + margin-bottom: 30px; +} + +.h2 { + font-family: 'Helvetica Neue Medium', sans-serif; + font-weight: 500; + font-size: clamp(32px, 5vw, 64px); + line-height: 90%; + letter-spacing: -0.02em; + margin-bottom: 30px; +} + +.h3 { + font-family: 'Helvetica Neue Medium', sans-serif; + font-weight: 500; + font-size: 32px; + line-height: 90%; + letter-spacing: -0.02em; +} + +/* Π¨Π°ΠΏΠΊΠ° */ + +.header { + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 100; + min-width: 320px; + max-width: 1920px; + margin: 0px auto; + background-color: var(--black-bg); + transition: transform 0.8s cubic-bezier(.2,.9,.2,1), box-shadow 0.8s ease; + will-change: transform; +} + +.header--hidden { + transform: translateY(-100%); +} + +.header--visible { + box-shadow: 0 6px 18px rgba(0,0,0,0.08); +} + +.header-container { + padding: 0px 60px; +} + +.header-content { + padding: 25px 0px; + display: flex; + align-items: center; + justify-content: space-between; + border-bottom: 1px solid #525252; +} + +.header-omni-logo svg path { + transition: fill 0.3s ease; + fill: white; +} + +.header-omni-logo:hover svg path { + fill: yellow; +} + +.header-links { + display: flex; + align-items: center; + gap: 63px; +} + +.header-links a { + font-family: 'Helvetica Neue Regular', sans-serif; + font-size: 18px; + transition: all 0.3s ease; +} + +.header-links a:hover { + color: var(--yellow); +} + +.telegram-link { + display: flex; + align-items: center; + gap: 6px; + text-decoration: none; + transition: color 0.3s ease; +} + +.telegram-link p { + font-family: 'Helvetica Neue Medium', sans-serif; + font-weight: 500; + font-size: 20px; + letter-spacing: -0.01em; + text-transform: uppercase; + text-decoration: underline; + color: #fff; + transition: color 0.3s ease, text-decoration-color 0.3s ease; + text-decoration-color: #fff; +} + +.telegram-link div { + background-color: #fff; + padding: 2px 20px; + border-radius: 100px; + display: flex; + align-items: center; + justify-content: center; + transition: background-color 0.3s ease; +} + +.telegram-link svg path { + transition: fill 0.3s ease; +} + +.telegram-link:hover p { + color: var(--yellow); + text-decoration-color: var(--yellow); +} + +.telegram-link:hover div { + background-color: var(--yellow); +} + +.telegram-link:hover svg path { + fill: var(--black); +} + +.header-telegram { + display: none; +} + +.header-telegram a { + background-color: #fff !important; + color: var(--black) !important; +} +/* +.header-telegram a:hover { + background-color: var(--yellow) !important; +} */ + + +.mobile-header { + display: none; +} + +.burger-menu { + position: fixed; + top: 73px; + left: 0; + width: 100%; + height: 100vh; + background: var(--black-bg); + z-index: 9999; + transform: translateX(100%); + transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); + padding: 0px 40px; + box-shadow: none; + display: none; +} + +.burger-menu.active { + transform: translateX(0); +} + +.omni-logo { + position: absolute; + bottom: 120px; + right: 20px; +} + +.omni-logo a svg path { + transition: fill 0.3s ease; + fill: #2c2c2c; +} + +.omni-logo a:hover svg path { + fill: yellow; +} + +.burger-nav { + display: flex; + flex-direction: column; + gap: 0px; +} + +.burger-nav a { + font-family: 'Helvetica Neue Medium', sans-serif; + font-weight: 500; + font-size: 24px; + line-height: 90%; + letter-spacing: -0.02em; + color: white; + padding: 12px; + border-bottom: 1px solid #2c2c2c; + transition: color 0.3s ease; +} + +/* ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅/Π·Π°ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ Π±ΡƒΡ€Π³Π΅Ρ€ мСню */ +.burger-menu-btn { + position: relative; + z-index: 1002; + width: 40px; + height: 40px; + background: none; + border: none; + display: none; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 5px; + cursor: pointer; + padding: 10px; + background-color: #fff; + border-radius: 100px; + transition: background-color 0.3s ease; +} + +.burger-menu-btn span { + display: block; + width: 20px; + height: 2px; + background-color: var(--black); + border-radius: 2px; + transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); + transform-origin: center; +} + +.burger-menu-btn.active span:nth-child(1) { + transform: rotate(45deg) translate(5px, 5px); + width: 20px; +} + +.burger-menu-btn.active span:nth-child(2) { + opacity: 0; + transform: scale(0); +} + +.burger-menu-btn.active span:nth-child(3) { + transform: rotate(-45deg) translate(5px, -5px); + width: 20px; +} + + +/* Адаптив шапки */ + +@media (max-width: 1500px) { + .header-container { + padding: 0px 40px; + } +} + +@media (max-width: 1100px) { + .header-links, + .telegram-link { + display: none; + } + + .header-telegram, + .burger-menu-btn { + display: flex; + } + + .mobile-header { + display: flex; + align-items: center; + gap: 11px; + } + + .header-content { + padding: 16px 0px; + } + + .burger-menu { + display: block; + } +} + +@media (max-width: 700px) { + .header-container { + padding: 0px 16px; + } + + .burger-menu { + padding: 0px 16px; + } + + .h1 { + margin-bottom: 24px; + } +} + +/* Π“Π»Π°Π²Π½Ρ‹ΠΉ Π±Π°Π½Π½Π΅Ρ€ */ + +.main { + background-color: var(--black-bg); +} + +.main-banner { + padding: 0px 60px; + padding-top: 135px; + min-height: 100vh; + display: flex; + flex-direction: column; + justify-content: space-between; + gap: 30px; + padding-bottom: 80px; +} + +.main-banner-title { + max-width: 1100px; + width: 100%; +} + +.main-banner-title span { + color: rgba(255, 255, 255, 0.6); +} + +.main-banner-bottom { + display: flex; + align-items: flex-end; + justify-content: space-between; + gap: 50px; +} + +.welcome-banner { + max-width: 575px; + width: 100%; + background-color: #2b2b2b; + padding: 33px 52px; + display: flex; + flex-direction: column; + gap: 16px; + position: relative; + z-index: 2; +} + +.welcome-banner-icon { + position: absolute; + bottom: 0; + right: 0; + z-index: -1; +} + +.welcome-banner-text { + font-family: 'Helvetica Neue Medium', sans-serif; + font-weight: 500; + font-size: 18px; + line-height: 140%; +} + +.welcome-banner-author { + display: flex; + align-items: center; + gap: 8px; +} + +.welcome-banner-author img { + width: 40px; + height: 40px; + border-radius: 100px; + object-fit: cover; + border: 1px solid rgba(82, 82, 82, 1); +} + +.welcome-banner-author p { + font-family: 'Helvetica Neue Regular', sans-serif; + font-weight: 400; + font-size: 14px; + color: rgba(255, 255, 255, 0.6); +} + +.partnership { + width: 494px; + +} + +/* Адаптив Π³Π»Π°Π²Π½ΠΎΠ³ΠΎ Π±Π°Π½Π½Π΅Ρ€Π° */ + +@media (max-width: 1500px) { + .main-banner { + padding: 0px 40px; + padding-top: 135px; + padding-bottom: 80px; + } +} + +@media (max-width: 1200px) { + .main-banner-bottom { + flex-direction: column; + align-items: flex-start; + width: 100%; + } + + .partnership, + .welcome-banner { + max-width: 100%; + width: 100%; + } + + .partnership img { + width: 100%; + height: 100%; + object-fit: cover; + } +} + +@media (max-width: 700px) { + .main-banner { + padding: 0px 16px; + padding-top: 110px; + padding-bottom: 40px; + } + + .welcome-banner { + padding: 20px 12px; + } + + .welcome-banner-text { + font-size: 16px; + } + + .welcome-banner-icon svg { + flex-shrink: 0; + width: 60px; + height: 60px; + } +} + + +/* БСкция "ΠšΡ‚ΠΎ ΠΌΡ‹ Ρ‚Π°ΠΊΠΈΠ΅?" */ + +.who-are-we { + background-color: #fff; + padding: 80px 60px 0px 60px; + color: var(--black); + display: grid; + grid-template-columns: 0.41fr 1fr; + align-items: flex-end; +} + +.omni-big-logo { + display: inline-flex; + color: #f5f5f5; + transition: color 0.3s ease; +} + +.omni-big-logo:hover { + color: var(--yellow); +} + +.who-are-we-right { + display: flex; + flex-direction: column; + align-items: flex-end; +} + +.who-are-we-right-top .h1 { + padding-right: 40px; +} + +.who-are-we-title { + max-width: 1120px; + width: 100%; +} + +.who-are-we-title span { + text-decoration: underline; +} + +.no-break { + white-space: nowrap; + text-decoration: none !important; +} + +.we-card-icon { + margin-bottom: 32px; +} + +.we-card-title { + font-family: 'Helvetica Neue Medium', sans-serif; + font-weight: 500; + font-size: 20px; + line-height: 110%; + letter-spacing: -0.01em; + margin-bottom: 12px; +} + +.who-are-we-title a { + color: inherit; + text-decoration: underline; + text-decoration-color: currentColor; + transition: color 0.3s ease, text-decoration-color 0.3s ease; +} + +.who-are-we-title a:hover { + color: var(--yellow); + text-decoration-color: var(--yellow); +} + +.we-card-text { + color: var(--gray-text); + font-family: 'Helvetica Neue Regular', sans-serif; + font-size: 18px; + line-height: 140%; +} + +.who-are-we-cards { + margin-top: 32px; + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20px; +} + +.who-are-we-card { + position: relative; + padding: 20px 24px 24px 24px; + background-color: #f5f5f5; + transition: all 0.3s ease; + z-index: 2; +} + +.who-are-we-card:hover { + background-color: var(--yellow); +} + +.we-card-absolute-icon { + position: absolute; + top: 0; + right: 0; + z-index: -1; +} + + +/* Адаптив сСкции "ΠšΡ‚ΠΎ ΠΌΡ‹ Ρ‚Π°ΠΊΠΈΠ΅?" */ + +@media (max-width: 1500px) { + .who-are-we { + grid-template-columns: 0.3fr 1fr; + padding: 80px 40px 0px 40px; + } +} + +@media (max-width: 1420px) { + .who-are-we { + grid-template-columns: 1fr; + } + + .who-are-we-left { + display: none; + } +} + +@media (max-width: 1100px) { + .who-are-we-cards { + grid-template-columns: 1fr; + gap: 12px; + } +} + +@media (max-width: 700px) { + .who-are-we { + padding: 60px 16px 0px 16px; + } + + .who-are-we-card { + padding: 16px 16px 20px 16px; + } + + .we-card-icon { + margin-bottom: 24px; + } + + .we-card-title { + font-size: 18px; + margin-bottom: 8px; + } + + .we-card-text { + font-size: 16px; + } + + .icon-1 svg { + flex-shrink: 0; + width: 60px; + height: 40px; + } + + .icon-2 svg { + flex-shrink: 0; + width: 40px; + height: 40px; + } + + .icon-3 svg { + flex-shrink: 0; + width: 60px; + height: 60px; + } +} + +/* БСкция "Π§Ρ‚ΠΎ ΠΌΡ‹ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌ?" */ + +.our-solutions { + background-color: #fff; + padding: 120px 60px; + color: var(--black); + display: flex; + align-items: center; + justify-content: center; + position: relative; + display: grid; + grid-template-columns: 0.41fr 1fr; +} + +.our-solutions-container { + display: flex; + align-items: flex-end; + justify-content: space-between; + gap: 50px; +} + +.our-solutions-content { + max-width: 740px; + width: 100%; +} + +/* .omni-big-logo-container { + position: absolute; + bottom: 120px; + right: 60px; +} */ + +.our-solutions-desc-title { + font-family: 'Helvetica Neue Medium', sans-serif; + font-weight: 500; + font-size: 20px; + line-height: 110%; + letter-spacing: -0.01em; + margin-bottom: 4px; +} + +.our-solutions-desc-text { + font-family: 'Helvetica Neue Regular', sans-serif; + color: var(--gray-text); + font-size: 18px; + line-height: 140%; +} + +.our-solutions-descs { + margin-top: 10px; + display: flex; + flex-direction: column; + gap: 20px; +} + +.our-solutions-text { + margin-top: 40px; + display: flex; + flex-direction: column; + font-family: 'Helvetica Neue Regular', sans-serif; + color: var(--black); + font-size: 18px; + line-height: 140%; +} + +.our-solutions-text p { + margin-bottom: 20px; +} + +.our-solutions-text p:has(+ ol) { + margin-bottom: 0; +} + +.our-solutions-text ol { + padding: 0; + margin: 0; + margin-top: 20px; + padding-left: 30px; +} + +.our-solutions-video { + margin-top: 40px; + position: relative; + overflow: hidden; +} + +.our-solutions-video::before { + content: ""; + position: absolute; + inset: 0; + background: rgba(0, 0, 0, 0.4); + z-index: 1; +} + +.our-solutions-video img { + width: 100%; + max-height: 402px; + height: auto; + object-fit: cover; + display: block; +} + +.play-btn { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + cursor: pointer; + border: 3px solid #fff; + border-radius: 50%; + width: 80px; + height: 80px; + display: flex; + align-items: center; + justify-content: center; + transition: all 0.3s ease; + z-index: 2; +} + +.play-btn:hover { + transform: translate(-50%, -50%) scale(1.1); +} + +.play-btn svg { + width: 30px; + height: 33px; + display: block; + margin-left: 5%; +} + +.open-link-container { + margin-top: 24px; + display: flex; + justify-content: flex-end; +} + +.open-link { + display: flex; + align-items: center; + gap: 6px; + text-decoration: none; + transition: color 0.3s ease; +} + + +.open-link { + font-family: 'Helvetica Neue Medium', sans-serif; + font-weight: 500; + font-size: 20px; + letter-spacing: -0.01em; + text-transform: uppercase; + text-decoration: underline; + color: var(--black); + transition: color 0.3s ease, text-decoration-color 0.3s ease; + text-decoration-color: var(--black); +} + +.open-link div { + background-color: var(--black); + padding: 2px 20px; + border-radius: 100px; + display: flex; + align-items: center; + justify-content: center; + transition: background-color 0.3s ease; +} + +.open-link svg path { + transition: fill 0.3s ease; +} + +.open-link:hover { + color: var(--yellow); + text-decoration-color: var(--yellow); +} + +.open-link:hover div { + background-color: var(--yellow); +} + +.open-link:hover svg path { + fill: var(--black); +} + +/* Адаптив сСкции "Π§Ρ‚ΠΎ ΠΌΡ‹ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌ" */ + +@media (max-width: 1500px) { + .our-solutions { + grid-template-columns: 0.3fr 1fr; + padding: 120px 40px; + } +} + +@media (max-width: 1420px) { + .our-solutions { + grid-template-columns: 1fr; + } +} + +@media (max-width: 1100px) { + .omni-big-logo-container { + display: none; + } + + .our-solutions-content { + max-width: 100%; + } + + .our-solutions-video img { + max-height: 100%; + } +} + +@media (max-width: 700px) { + .our-solutions { + padding: 80px 16px; + } + + .our-solutions-descs { + margin-top: 0px; + } + + .our-solutions-desc-title { + font-size: 18px; + } + + .our-solutions-desc-text { + font-size: 16px; + } + + .our-solutions-text { + margin-top: 24px; + font-size: 16px; + } + + .our-solutions-text p { + margin-bottom: 10px; + } + + .our-solutions-video { + margin-top: 24px; + } + + .open-link { + font-size: 18px; + } +} + +/* БСкция "ΠšΠΎΠΌΠΌΠ΅Ρ€Ρ‡Π΅ΡΠΊΠΎΠ΅ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅" */ + +.commercial-offer { + background-color: #fff; + padding: 0px 60px; + color: var(--black); +} + +.commercial-offer-head { + display: flex; + align-items: flex-end; + justify-content: space-between; + gap: 50px; + margin-bottom: 40px; +} + +.commercial-offer-title { + margin-bottom: 0px; + max-width: 1110px; + width: 100%; +} + +.commercial-offer-head p { + font-family: 'Helvetica Neue Medium', sans-serif; + font-weight: 500; + font-size: 20px; + line-height: 110%; + letter-spacing: -0.01em; + max-width: 370px; + width: 100%; +} + +.commercial-offer-card { + width: 100%; + display: grid; + grid-template-columns: 1.05fr 1.8fr 1fr; + justify-content: end; + column-gap: 40px; + padding: 16px; + border-top: 1px solid var(--gray-text); + padding-right: 16px; +} + +.offer-card-time-price-container { + display: grid; + grid-template-columns: 1fr 1fr; + align-items: center; + justify-items: center; +} + +.offer-card-time { + display: flex; + align-items: center; + justify-content: center; +} + +.commercial-offer-card:last-child { + border-bottom: 2px solid var(--black); +} + +.commercial-offer-card p, +.offer-total-price-container p, +.included-price-card p { + font-family: 'Helvetica Neue Medium', sans-serif; + font-weight: 500; + font-size: 18px; + line-height: 140%; +} + +.included-price-card-role { + font-size: 20px !important; +} + +.offer-card-desc, +.included-price-card-desc { + color: var(--gray-text); +} + +.offer-card-time, +.offer-card-price, +.offer-card-desc, +.offer-total-price-title, +.offer-total-price-time, +.offer-total-price { + display: flex; + align-items: center; + justify-content: flex-end; +} + +.offer-total-price-container { + width: 100%; + display: grid; + grid-template-columns: 1.8fr 1fr 1fr; + justify-content: end; + column-gap: 40px; + padding: 40px 16px; + position: relative; +} + +.offer-total-price-container::after { + content: ""; + position: absolute; + bottom: 0; + right: 0; + width: 50%; + height: 1px; + background-color: var(--black); +} + +.offer-total-price-and-time { + display: grid; + grid-template-columns: 1fr 1fr; + justify-items: center; +} + + +.offer-total-price-time { + text-align: center; +} + +/* Адаптив сСкции "ΠšΠΎΠΌΠΌΠ΅Ρ€Ρ‡Π΅ΡΠΊΠΎΠ΅ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅" */ + +@media (max-width: 1500px) { + .commercial-offer { + padding: 0px 40px; + } +} + +@media (max-width: 1100px) { + .commercial-offer-head { + flex-direction: column; + align-items: flex-start; + gap: 16px; + } + + .commercial-offer-card { + grid-template-columns: 1fr; + align-items: flex-start; + justify-content: flex-start; + gap: 12px; + } + + .offer-card-time, .offer-card-price, .offer-card-desc, .offer-total-price-title, .offer-total-price-time, .offer-total-price { + justify-content: flex-start; + } + + .offer-total-price-container::after, + .invisible { + display: none; + } + + .offer-total-price-container { + padding: 20px 0px; + grid-template-columns: 1fr; + gap: 12px; + } + + .offer-total-price-time { + text-align: left; + } + + .open-link-container { + justify-content: flex-start; + } + + .offer-total-price-time { + padding-right: 50px; + } + + .offer-card-time-price-container, + .offer-total-price-and-time { + justify-items: flex-start; + } + + .commercial-offer-card { + padding: 20px 0px; + } +} + +@media (max-width: 700px) { + .commercial-offer { + padding: 0px 16px; + } + + .commercial-offer-head p { + font-size: 18px; + } + + .commercial-offer-head { + margin-bottom: 24px; + } + + .offer-card-desc, + .offer-card-time, + .offer-card-price, + .offer-total-price-title, + .offer-total-price-time, + .offer-total-price { + font-size: 16px !important; + } +} + +/* БСкция "Π’Ρ…ΠΎΠ΄ΠΈΡ‚ Π² ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ" */ + +.included-price { + background-color: #fff; + padding: 80px 60px 120px 60px; + color: var(--black); + +} + +.included-price-head { + display: grid; + grid-template-columns: 0.41fr 1fr; + margin-bottom: 24px; +} + +.included-price-head .h2 { + margin-bottom: 0px; +} + +.included-price-title { + color: var(--gray); +} + +.included-price-cards { + width: 100%; + display: flex; + flex-direction: column; +} + +.included-price-card { + width: 100%; + display: grid; + grid-template-columns: 0.55fr 0.38fr 1fr; + justify-content: end; + column-gap: 40px; + padding: 16px 0px; + padding-right: 20px; + border-top: 1px solid var(--gray-text); +} + +.included-price-card:last-child { + border-bottom: 1px solid var(--gray-text); +} + +/* Адаптив сСкции "Π’Ρ…ΠΎΠ΄ΠΈΡ‚ Π² ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ" */ + +@media (max-width: 1500px) { + .included-price { + padding: 80px 40px 120px 40px; + } +} + +@media (max-width: 1100px) { + .included-price-card { + grid-template-columns: 1fr; + gap: 12px; + padding: 20px 0px; + } + + .included-price-head { + grid-template-columns: 1fr; + } +} + +@media (max-width: 700px) { + .included-price { + padding: 40px 16px 80px 16px; + } +} + + +/* БСкция "ΠŸΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹" */ + +.projects { + background-color: #fff; + color: var(--black); + padding: 0px 60px; +} + +.projects-head { + display: flex; + align-items: flex-end; + justify-content: space-between; + margin-bottom: 40px; +} + +.projects-head-title { + margin-bottom: 0px; +} + +.projects-cards { + display: flex; + flex-direction: column; +} + +.project-card { + width: 100%; + padding: 32px 0px; + border-top: 1px solid var(--black); + display: grid; + grid-template-columns: 1fr 1fr; + gap: 31px; +} + +.project-card-right { + display: flex; + flex-direction: column; + justify-content: space-between; + gap: 24px; +} + +.project-card-right-bottom { + display: grid; + grid-template-columns: 1fr 1fr; + align-items: flex-end; + gap: 16px; +} + +.project-card-left img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.project-card:last-child { + border-bottom: 1px solid var(--black); +} + +.project-card-title { + text-decoration: underline; + color: var(--black); + transition: all 0.3s ease; +} + +.project-card-title:hover { + color: var(--yellow); + text-decoration-color: var(--yellow); +} + +.project-card-subtitle { + color: var(--gray-text); + margin-top: 16px; + font-family: 'Helvetica Neue Medium', sans-serif; + font-weight: 500; + font-size: 18px; + line-height: 140%; + max-width: 350px; + width: 100%; +} + +.project-card-desc { + font-family: 'Helvetica Neue Regular', sans-serif; + font-size: 18px; + line-height: 140%; +} + +.project-card-banners { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 8px; +} + +.project-card-banner { + display: inline-block; + font-family: 'Helvetica Neue Medium', sans-serif; + font-weight: 500; + font-size: 20px; + line-height: 110%; + border: 1px solid var(--black); + padding: 4px 8px; + border-radius: 100px; +} + +/* Адаптив сСкции "ΠŸΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹" */ + +@media (max-width: 1500px) { + .projects { + padding: 0px 40px; + } + + .project-card-right-bottom { + grid-template-columns: 1fr; + } + + .project-card-banners { + flex-wrap: wrap; + flex-direction: row; + + } +} + +@media (max-width: 1100px) { + .projects-head { + flex-direction: column; + align-items: flex-start; + gap: 16px; + } + + .project-card { + grid-template-columns: 1fr; + gap: 16px; + padding: 20px 0px; + } +} + +@media (max-width: 700px) { + .projects { + padding: 0px 16px; + } + + .projects-head { + margin-bottom: 24px; + } + + .project-card-subtitle { + font-size: 16px; + } + + .project-card-desc, + .project-card-banner { + font-size: 18px; + } +} + + +/* Footer */ + +.footer { + background-color: #fff; + padding: 120px 60px 60px 60px; + color: var(--black); +} + +.footer-content { + display: grid; + grid-template-columns: 1fr 0.96fr; +} + +.footer-logo { + align-self: end; +} + +.footer-logo a { + color: #F5F5F5; + transition: all 0.3s ease; +} + +.footer-logo a:hover { + color: var(--yellow); +} + +.contact-card { + display: grid; + grid-template-columns: 1fr 1fr; + align-items: center; + justify-content: space-between; + padding: 16px 0px; + border-top: 1px solid var(--black); + gap: 30px; +} + +.contact-card:last-child { + border-bottom: 1px solid var(--black); +} + +.contact-card-title { + font-family: 'Helvetica Neue Regular', sans-serif; + font-size: 20px; + line-height: 110%; + letter-spacing: -0.01em; + color: var(--gray); +} + +.contact-card-link a { + color: var(--black); + transition: all 0.3s ease; +} + +.contact-card-link a:hover { + color: var(--yellow); +} + +.contact-card-link-icon a { + display: inline-flex; + justify-content: center; + align-items: center; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--black); + transition: all 0.3s ease; + color: #fff; +} + +.contact-card-link-icon a:hover { + background-color: var(--yellow); + color: var(--black); +} + +/* Адаптив Footer */ + +@media (max-width: 1500px) { + .footer { + padding: 120px 40px 60px 40px; + } + + .contact-card-title, + .open-link p { + font-size: 18px; + } + + .h3 { + font-size: 24px; + } +} + +@media (max-width: 1100px) { + .footer-content { + grid-template-columns: 1fr; + gap: 40px; + grid-auto-flow: dense; + } + + .footer-logo { + order: 2; + align-self: start; + } + + .footer { + padding: 80px 40px 20px 40px; + } + + .open-link-container-footer { + justify-content: flex-end; + } +} + +@media (max-width: 700px) { + .footer { + padding: 80px 16px 20px 16px; + } + + .contact-card { + padding: 12px 0px; + grid-template-columns: 1fr; + gap: 8px; + } +} + +@media (max-width: 450px) { + .footer-logo a svg { + width: 100%; + height: 100%; + } +} + +/* МодальноС ΠΎΠΊΠ½ΠΎ для просмотра Π²ΠΈΠ΄Π΅ΠΎ */ + + .close-video { + position: absolute; + top: 5px; + right: 15px; + font-size: 28px; + color: var(--black); + cursor: pointer; + z-index: 10; +} + +.modal-video-about { + display: none; + position: fixed; + z-index: 1000; + left: 0; + top: 0; + width: 100vw; + height: 100vh; + min-width: 340px; + min-height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.8); + backdrop-filter: blur(8px); + justify-content: center; + align-items: center; +} +.modal-content-video-about { + position: relative; + max-width: 90vw; + max-height: 90vh; + background: #000; + border-radius: 12px; + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + padding: 0; +} + +.modal-content-video-about video { + max-width: 100%; + max-height: 100%; + width: auto; + max-height: 800px; + height: auto; + object-fit: contain; + background-color: #000; + opacity: 0; + transition: opacity 1s ease; +} +.modal-content-video-about video.visible { + opacity: 1; +} + +.modal-video-about { + display: none; + opacity: 0; + transition: opacity 300ms ease; +} + +.modal-video-about.show { + display: flex; + opacity: 1; +} diff --git a/files/contacts.pdf b/files/contacts.pdf new file mode 100644 index 0000000..6cd7a83 --- /dev/null +++ b/files/contacts.pdf @@ -0,0 +1,49 @@ +%PDF-1.3 +%“Œ‹ž ReportLab Generated PDF document http://www.reportlab.com +1 0 obj +<< +/F1 2 0 R +>> +endobj +2 0 obj +<< +/BaseFont /Helvetica /Encoding /WinAnsiEncoding /Name /F1 /Subtype /Type1 /Type /Font +>> +endobj +3 0 obj +<< +/PageMode /UseNone /Pages 5 0 R /Type /Catalog +>> +endobj +4 0 obj +<< +/Author (anonymous) /CreationDate (D:20250907103116+03'00') /Creator (ReportLab PDF Library - www.reportlab.com) /Keywords () /ModDate (D:20250907103116+03'00') /Producer (ReportLab PDF Library - www.reportlab.com) + /Subject (unspecified) /Title (untitled) /Trapped /False +>> +endobj +5 0 obj +<< +/Count 0 /Kids [ ] /Type /Pages +>> +endobj +xref +0 6 +0000000000 65535 f +0000000073 00000 n +0000000104 00000 n +0000000211 00000 n +0000000279 00000 n +0000000575 00000 n +trailer +<< +/ID +[] +% ReportLab generated PDF document -- digest (http://www.reportlab.com) + +/Info 4 0 R +/Root 3 0 R +/Size 6 +>> +startxref +629 +%%EOF diff --git a/files/included-price.pdf b/files/included-price.pdf new file mode 100644 index 0000000..6cd7a83 --- /dev/null +++ b/files/included-price.pdf @@ -0,0 +1,49 @@ +%PDF-1.3 +%“Œ‹ž ReportLab Generated PDF document http://www.reportlab.com +1 0 obj +<< +/F1 2 0 R +>> +endobj +2 0 obj +<< +/BaseFont /Helvetica /Encoding /WinAnsiEncoding /Name /F1 /Subtype /Type1 /Type /Font +>> +endobj +3 0 obj +<< +/PageMode /UseNone /Pages 5 0 R /Type /Catalog +>> +endobj +4 0 obj +<< +/Author (anonymous) /CreationDate (D:20250907103116+03'00') /Creator (ReportLab PDF Library - www.reportlab.com) /Keywords () /ModDate (D:20250907103116+03'00') /Producer (ReportLab PDF Library - www.reportlab.com) + /Subject (unspecified) /Title (untitled) /Trapped /False +>> +endobj +5 0 obj +<< +/Count 0 /Kids [ ] /Type /Pages +>> +endobj +xref +0 6 +0000000000 65535 f +0000000073 00000 n +0000000104 00000 n +0000000211 00000 n +0000000279 00000 n +0000000575 00000 n +trailer +<< +/ID +[] +% ReportLab generated PDF document -- digest (http://www.reportlab.com) + +/Info 4 0 R +/Root 3 0 R +/Size 6 +>> +startxref +629 +%%EOF diff --git a/fonts/BlackOpsOne-Regular.otf b/fonts/BlackOpsOne-Regular.otf new file mode 100644 index 0000000..d4a4313 Binary files /dev/null and b/fonts/BlackOpsOne-Regular.otf differ diff --git a/fonts/HelveticaNeue-Bold.otf b/fonts/HelveticaNeue-Bold.otf new file mode 100644 index 0000000..f44af64 Binary files /dev/null and b/fonts/HelveticaNeue-Bold.otf differ diff --git a/fonts/HelveticaNeue-Condensed-Bold.ttf b/fonts/HelveticaNeue-Condensed-Bold.ttf new file mode 100644 index 0000000..326fbbd Binary files /dev/null and b/fonts/HelveticaNeue-Condensed-Bold.ttf differ diff --git a/fonts/HelveticaNeue-Light.otf b/fonts/HelveticaNeue-Light.otf new file mode 100644 index 0000000..de55b68 Binary files /dev/null and b/fonts/HelveticaNeue-Light.otf differ diff --git a/fonts/HelveticaNeue-Medium.otf b/fonts/HelveticaNeue-Medium.otf new file mode 100644 index 0000000..1a2a9df Binary files /dev/null and b/fonts/HelveticaNeue-Medium.otf differ diff --git a/fonts/HelveticaNeue-Roman.otf b/fonts/HelveticaNeue-Roman.otf new file mode 100644 index 0000000..4961505 Binary files /dev/null and b/fonts/HelveticaNeue-Roman.otf differ diff --git a/fonts/HelveticaNeue-Thin.otf b/fonts/HelveticaNeue-Thin.otf new file mode 100644 index 0000000..df1e8b1 Binary files /dev/null and b/fonts/HelveticaNeue-Thin.otf differ diff --git a/img/Alexander.png b/img/Alexander.png new file mode 100644 index 0000000..a577fd1 Binary files /dev/null and b/img/Alexander.png differ diff --git a/img/omni-big-logo.svg b/img/omni-big-logo.svg new file mode 100644 index 0000000..cfd537d --- /dev/null +++ b/img/omni-big-logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/omni-logo.svg b/img/omni-logo.svg new file mode 100644 index 0000000..04a2814 --- /dev/null +++ b/img/omni-logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/partnership.svg b/img/partnership.svg new file mode 100644 index 0000000..e20f221 --- /dev/null +++ b/img/partnership.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/projects/1.png b/img/projects/1.png new file mode 100644 index 0000000..8ab4746 Binary files /dev/null and b/img/projects/1.png differ diff --git a/img/projects/2.png b/img/projects/2.png new file mode 100644 index 0000000..cd3ee02 Binary files /dev/null and b/img/projects/2.png differ diff --git a/img/projects/3.png b/img/projects/3.png new file mode 100644 index 0000000..e363ac7 Binary files /dev/null and b/img/projects/3.png differ diff --git a/img/test.svg b/img/test.svg new file mode 100644 index 0000000..e69de29 diff --git a/img/video-bg.png b/img/video-bg.png new file mode 100644 index 0000000..028ff4a Binary files /dev/null and b/img/video-bg.png differ diff --git a/img/welcome-banner-bg.svg b/img/welcome-banner-bg.svg new file mode 100644 index 0000000..d4c67c2 --- /dev/null +++ b/img/welcome-banner-bg.svg @@ -0,0 +1,3 @@ + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..9363558 --- /dev/null +++ b/index.html @@ -0,0 +1,840 @@ + + + + + + + + OmniAgency | ΠšΠΎΠΌΠΌΠ΅Ρ€Ρ‡Π΅ΡΠΊΠΎΠ΅ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ + + +
+
+
+ + +
+ + ΠšΡ‚ΠΎ ΠΌΡ‹? + + + + ΠšΠΎΠΌΠΌΠ΅Ρ€Ρ‡Π΅ΡΠΊΠΎΠ΅ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ + + + + ΠŸΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ + + + + ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹ + +
+ + +

Telegram

+ +
+ + + +
+ + +
+
+ + + + + +
+ + +
+
+
+ + + +
+ +
+
+
+

+ ΠšΠΎΠΌΠΌΠ΅Ρ€Ρ‡Π΅ΡΠΊΠΎΠ΅ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅
+ Π½Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° Β«ΠžΠΊΠΎΠ½Π½Ρ‹ΠΉ ΠΏΡ€ΠΎΡ€Π°Π±Β» +

+
+ +
+
+

+ ΠŸΡ€ΠΈΠ²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽ! МСня Π·ΠΎΠ²ΡƒΡ‚ АлСксандр, я Π²Π»Π°Π΄Π΅Π»Π΅Ρ† ΠΈ Ρ€ΡƒΠΊΠΎΠ²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒ Π²Π΅Π±-студии Omniagency. ΠœΡ‹ ознакомились с вашСй Π·Π°Π΄Π°Ρ‡Π΅ΠΉ ΠΏΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π½ΠΎΠ²ΠΎΠ³ΠΎ сайта ΠΈ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ коммСрчСскоС ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ +

+ +
+ + +

АлСксандр АндрССв

+
+ +
+ + + + + + +
+
+ +
+ +
+
+
+ +
+
+ +
+ +
+
+

+ ΠšΡ‚ΠΎ ΠΌΡ‹ Ρ‚Π°ΠΊΠΈΠ΅? +

+
+ +
+

+ omniagency.ru β€” web-студия, которая Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΈ Ρ€Π°Π±ΠΎΡ‡ΠΈΠ΅ it-Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ для: ΠΌΠ°Π³Π°Π·ΠΈΠ½ΠΎΠ², стартапов, ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², бизнСса +

+ +
+
+
+ + + + +
+ +
+ + + + + +
+ +

+ Π Π°Π±ΠΎΡ‚Π° Π² ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡƒΡŽ +

+ +

+ Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΠΎΠ±Ρ‰ΠΈΠΉ Ρ‡Π°Ρ‚ Π² Π’Π΅Π»Π΅Π³Ρ€Π°ΠΌ, Π·Π²ΠΎΠ½ΠΊΠΈ ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΠΌ Π² ВСлСмостС. Π£ вас Π±ΡƒΠ΄Π΅Ρ‚ доступ Π½Π° доску, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Π° Ρ‚Ρ€Π΅ΠΊΠ°Π΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π·Π°Π΄Π°Ρ‡. +

+
+ +
+
+ + + +
+ +
+ + + + +
+ +

+ Глубокая экспСртиза +

+ +

+ РазбираСмся Π² Ρ€Ρ‹Π½ΠΊΠ΅, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈ Π·Π°Π΄Π°Ρ‡Π°Ρ… бизнСса Π·Π° счёт практичСского ΠΎΠΏΡ‹Ρ‚Π° ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ +

+
+ +
+
+ + + + + +
+ +
+ + + + + + +
+ +

+ ΠŸΠ΅Ρ€ΡΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ +

+ +

+ Π—Π° Π²Π°ΠΌΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½ ΠΏΠ΅Ρ€ΡΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Ρ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒΡΡ ΠΏΠΎ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΡ‡Π½Ρ‹ΠΌ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°ΠΌ ΠΏΠΎ Π²Π°ΡˆΠ΅ΠΌΡƒ запросу +

+
+
+
+
+
+ +
+ +
+
+

+ Π§Ρ‚ΠΎ ΠΌΡ‹ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌ? +

+ +
+
+

+ ЦСль страницы: +

+ +

+ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡Π΅Π½ΠΈΠ΅ Π½ΠΎΠ²Ρ‹Ρ… ΠΏΠ°Ρ€Ρ‚Π½Π΅Ρ€ΠΎΠ² (Π΄ΠΈΠ»Π΅Ρ€ΠΎΠ², Π΄ΠΈΡΡ‚Ρ€ΠΈΠ±ΡŒΡŽΡ‚ΠΎΡ€ΠΎΠ², Ρ€ΠΎΠ·Π½ΠΈΡ‡Π½Ρ‹Ρ… ΠΌΠ°Π³Π°Π·ΠΈΠ½ΠΎΠ²) +

+
+ +
+

+ Π‘Ρ‚ΠΈΠ»ΡŒ: +

+ +

+ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ, соврСмСнный, с Π°ΠΊΡ†Π΅Π½Ρ‚Π°ΠΌΠΈ Π½Π° Π²Ρ‹Π³ΠΎΠ΄Π°Ρ… ΠΈ Π΄ΠΎΠ²Π΅Ρ€ΠΈΠΈ +

+
+ +
+

+ ΠΠ΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ: +

+ +

+ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° всСх устройствах (ПК, ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹, ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅). +

+
+ +
+

+ Π‘ΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ: +

+ +

+ оптимизация ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΠΊΠΎΠ΄Π° (Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 3 сСк). +

+
+ +
+

+ CMS: +

+ +

+ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ с CRM (Bitrix24). +

+
+
+ +
+

+ ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΠ΅ΠΌ Π²Π°ΠΌ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡŽ ΠΎΠ±Π½ΠΎΠ²Π»Ρ‘Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΡƒΡŽ с ΡƒΡ‡Ρ‘Ρ‚ΠΎΠΌ послСдних Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΉ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈ UX. Наша Ρ†Π΅Π»ΡŒ β€” ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ эффСктивный инструмСнт для привлСчСния ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ конвСрсии ΠΈ укрСплСния вашСго Π±Ρ€Π΅Π½Π΄Π° Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅. ΠœΡ‹ ΡΡ‚Ρ€Π΅ΠΌΠΈΠ»ΠΈΡΡŒ ΠΊ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠΌΡƒ ΠΈ соврСмСнному ΡΡ‚ΠΈΠ»ΡŽ, дСлая Π°ΠΊΡ†Π΅Π½Ρ‚ Π½Π° Π΄ΠΎΠ²Π΅Ρ€ΠΈΠΈ ΠΈ Π²Ρ‹Π³ΠΎΠ΄Π°Ρ… для ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠ³ΠΎ потрСбитСля. +

+ +

+ Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΌΡ‹ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌ сайт с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΌ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° Π»ΡŽΠ±Ρ‹Ρ… устройствах β€” ΠΎΡ‚ ПК ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² Π΄ΠΎ смартфонов. ОсобоС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π±Ρ‹Π»ΠΎ ΡƒΠ΄Π΅Π»Π΅Π½ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ скорости Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, Ρ‡Ρ‚ΠΎ критичСски Π²Π°ΠΆΠ½ΠΎ для удСрТания посСтитСлСй ΠΈ ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΉ Π² поисковых систСмах. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, прСдусмотрСна Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ с вашСй CRM систСмой (Bitrix24), для Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·Π°Ρ†ΠΈΠΈ процСссов ΠΈ ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ эффСктивности Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌΠΈ. +

+ +

+ Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π²ΠΈΠ΄Π΅ΠΎ ΠΌΡ‹ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ расскаТСм ΠΎ структурС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ° ΠΈ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… дизайнСрских Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΡ…, продСмонстрировав ΠΊΠ°ΠΊ ΠΈΠΌΠ΅Π½Π½ΠΎ Π½ΠΎΠ²Ρ‹ΠΉ сайт Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ Π·Π°Π΄Π°Ρ‡ΠΈ вашСго бизнСса ΠΈ Ρ€Π°Π΄ΠΎΠ²Π°Ρ‚ΡŒ Π²Π°ΡˆΠΈΡ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ². +

+ +
    +
  1. + ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΠ΅ΠΌ Π²Π°ΠΌ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡŽ ΠΎΠ±Π½ΠΎΠ²Π»Ρ‘Π½Π½ΠΎΠ³ΠΎ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΡƒΡŽ с ΡƒΡ‡Ρ‘Ρ‚ΠΎΠΌ послСдних Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΉ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈ UX. +
    2. + +
  2. + Наша Ρ†Π΅Π»ΡŒ β€” ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ эффСктивный инструмСнт для привлСчСния ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ конвСрсии ΠΈ укрСплСния вашСго Π±Ρ€Π΅Π½Π΄Π° Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅. +
    3. + +
  3. + ΠœΡ‹ ΡΡ‚Ρ€Π΅ΠΌΠΈΠ»ΠΈΡΡŒ ΠΊ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠΌΡƒ ΠΈ соврСмСнному ΡΡ‚ΠΈΠ»ΡŽ, дСлая Π°ΠΊΡ†Π΅Π½Ρ‚ Π½Π° Π΄ΠΎΠ²Π΅Ρ€ΠΈΠΈ ΠΈ Π²Ρ‹Π³ΠΎΠ΄Π°Ρ… для ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠ³ΠΎ потрСбитСля. +
    4. +
+
+ +
+ + +
+ + + +
+
+ +
+ + + ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ Π² Figma + +
+ + + +
+ +
+ + +
+ +
+ +
+
+
+ +
+
+

+ ΠšΠΎΠΌΠΌΠ΅Ρ€Ρ‡Π΅ΡΠΊΠΎΠ΅ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ +

+ +

+ Услуги ΠΈ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²ΠΎΡ‡Π½ΠΎΠ΅ врСмя/ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ β€” точная смСта послС согласования. +

+
+ +
+
+

+ 1. ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ +

+ +

+ ΠŸΡ€ΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ проСктирования ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… сцСнариСв ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹ Π±ΡƒΠ΄ΡƒΡ‰ΠΈΡ… страниц сайта, ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… смыслов ΠΈ Π°ΠΊΡ†Π΅Π½Ρ‚ΠΎΠ² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. +

+ +
+

+ 160 часов +

+ +

+ 10 000,00 β‚½ +

+
+
+ +
+

+ 2. Π”ΠΈΠ·Π°ΠΉΠ½ сайта +

+ +

+ Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π½Π° основС ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Ρ‘Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² Π² Ρ‡Π΅Ρ‚Ρ‹Ρ€Ρ‘Ρ… Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ…: дСсктоп (ПК), Π½ΠΎΡƒΡ‚Π±ΡƒΠΊ, ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚, смартфон. +

+ +
+

+ 160 часов +

+ +

+ 10 000,00 β‚½ +

+
+
+ +
+

+ 3. ГрафичСский Π΄ΠΈΠ·Π°ΠΉΠ½ +

+ +

+ Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½Π°Π±ΠΎΡ€Π° ΠΈΠΊΠΎΠ½ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ для Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ оформлСния Π±Π»ΠΎΠΊΠΎΠ² сайта, ΠΏΠΎΠ΄Π±ΠΎΡ€ ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π°Ρ Π΄ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с фотостоков. +

+ +
+

+ 80 часов +

+ +

+ 10 000,00 β‚½ +

+
+
+ +
+

+ 4. Front-end (Вёрстка) +

+ +

+ ВСрстка Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π² соотвСтствии с Π²Π΅Π±-стандартами ΠΈ адаптация ΠΏΠΎΠ΄ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… ΠΈ устройствах. +

+ +
+

+ 80 часов +

+ +

+ 10 000,00 β‚½ +

+
+
+ +
+

+ 5. Back-end (Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°) +

+ +

+ РСализация Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠ³ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π° сайта, настройка административной ΠΏΠ°Π½Π΅Π»ΠΈ управлСния ΠΈ интСграция вёрстки с систСмой управлСния сайтом. +

+ +
+

+ 220 часов +

+ +

+ 10 000,00 β‚½ +

+
+
+ +
+

+ 6. CMS 1Π‘-Битрикс +

+ +

+ Π’ΠΎΠ·ΠΌΠΎΠΆΠ½Π° рСализация ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π½Π° Π΄Π°Π½Π½ΠΎΠΉ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅. Однако, ΠΏΠΎ согласованию с Π—Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠΎΠΌ, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΎ Π±ΠΎΠ»Π΅Π΅ соврСмСнноС ΠΈ бСзопасноС тСхнологичСскоС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅. + +

+

+ 0 часов +

+ +

+ 0,00 β‚½ +

+
+
+ +
+

+ 7. ΠŸΠ΅Ρ€Π΅Π½ΠΎΡ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° +

+ +

+ ΠŸΠ΅Ρ€Π΅Π½ΠΎΡ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° с Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ вСрсии сайта Π½Π° Π½ΠΎΠ²ΡƒΡŽ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡƒ, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ΡΡ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ ΠΌΠΈΠ³Ρ€Π°Ρ†ΠΈΡŽ порядка 510 страниц. + +

+

+ 120 часов +

+ +

+ 10 000,00 β‚½ +

+
+
+
+ +
+ + +

+ Π˜Ρ‚ΠΎΠ³ΠΎ (Битрикс Π£Π‘): +

+ +
+

+ 6 мСсяцСв (960 Ρ‡Π°ΡΠΎΠ²) +

+ +

+ 10 000,00 β‚½ +

+
+
+
+ +
+
+ + +

+ Π’Ρ…ΠΎΠ΄ΠΈΡ‚ Π² ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ +

+
+ +
+
+
+ + + + +
+ +

+ ΠœΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° +

+ +

+ ΠœΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° осущСствляСт ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΈ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ всСх этапов Ρ€Π°Π±ΠΎΡ‚: взаимодСйствиС с Π—Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠΎΠΌ (встрСчи, ΠΎΠ½Π»Π°ΠΉΠ½-созвоны), ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΡƒ ΡΠΎΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ, ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ†ΠΈΡŽ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹, ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΡŽ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΡ‡Π½Ρ‹Ρ… ΠΈ Ρ„ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ². +

+
+ +
+
+ + + + +
+ +

+ ВСстированиС +

+ +

+ ВсС этапы ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° проходят Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π΅ тСстированиС. Π’ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ задСйствован ΠΈΠ½ΠΆΠ΅Π½Π΅Ρ€ ΠΏΠΎ качСству (QA), Ρ‡Ρ‚ΠΎ позволяСт ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ количСство ошибок ΠΈ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ врСмя Π—Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ°. +

+
+ +
+
+ + + + +
+ +

+ Гарантия ΠΏΠΎ Π΄ΠΎΠ³ΠΎΠ²ΠΎΡ€Ρƒ 1 Π³ΠΎΠ΄ +

+ +

+ Π˜ΡΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒ прСдоставляСт Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡŽ сроком Π½Π° 12 мСсяцСв с ΠΌΠΎΠΌΠ΅Π½Ρ‚Π° Π²Π²ΠΎΠ΄Π° сайта Π² ΡΠΊΡΠΏΠ»ΡƒΠ°Ρ‚Π°Ρ†ΠΈΡŽ. Π’ случаС выявлСния тСхничСских ошибок, Π΄ΠΎΠΏΡƒΡ‰Π΅Π½Π½Ρ‹Ρ… Π² Ρ…ΠΎΠ΄Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΈΡ… устранСниС осущСствляСтся Π±Π΅Π· Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΎΠΏΠ»Π°Ρ‚Ρ‹. +

+
+ +
+
+ + + + +
+ +

+ Π‘ΠΎΠΏΡ€ΠΎΠ²ΠΎΠΆΠ΄Π΅Π½ΠΈΠ΅ послС запуска +

+ +

+ Π’ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ прСдоставлСниС инструкции ΠΏΠΎ эксплуатации сайта, ΠΏΠ΅Ρ€Π²ΠΈΡ‡Π½ΠΎΠ΅ ΠΎΠ±ΡƒΡ‡Π΅Π½ΠΈΠ΅ администратора, Π° Ρ‚Π°ΠΊΠΆΠ΅ 20 часов ΠΊΠΎΠ½ΡΡƒΠ»ΡŒΡ‚Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ (Π² Ρ‚ΠΎΠΌ числС β€” ΠΎΡ‚Π²Π΅Ρ‚Ρ‹ Π½Π° вопросы, уточнСния ΠΈ дополнСния ΠΊ инструкции). +

+
+
+ +
+ +
+ + + + +
+ +

CΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π² PDF

+ +
+
+ +
+
+

+ ΠŸΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ +

+ + + +

ПолноС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π½Π° сайтС

+ +
+ + + +
+ +
+ +
+
+
+ +
+ +
+
+ + ANSE + + +

+ Π›Π΅Π½Π΄ΠΈΠ½Π³ для ΠΊΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠ΅ΠΉ ИВ-ΠΊΠΎΠ½Ρ„Π΅Ρ€Π΅Π½Ρ†ΠΈΠΈ GP DAYS 2024 +

+
+ +
+

+ Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΠ»ΠΈ Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡŽ с CRM Bitrix24, настроили бСзопасныС ΠΏΠ»Π°Ρ‚Π΅ΠΆΠΈ Ρ‡Π΅Ρ€Π΅Π· ΠΠ»ΡŒΡ„Π°-Π‘Π°Π½ΠΊ ΠΈ Долями, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΠ»ΠΈ систСмы доставки Π‘Π”Π­Πš ΠΈ ΠŸΠΎΡ‡Ρ‚Π° России.
+ ОсобоС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡƒΠ΄Π΅Π»ΠΈΠ»ΠΈ бСзопасности ΠΈ удобству: настроили Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΡŽ Ρ‡Π΅Ρ€Π΅Π· SMS-Π²Π΅Ρ€ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡŽ Π½ΠΎΠΌΠ΅Ρ€Π° Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° +

+ +
+
+ UI/UX Π΄ΠΈΠ·Π°ΠΉΠ½ +
+ +
+ Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π½Π° Laravel +
+
+
+
+
+ +
+
+ +
+ +
+
+ + Π‘Ρ‚ΠΎΠ»ΠΈΡ†Π° Π·Π°ΠΊΠ°Ρ‚ΠΎΠ² + + +

+ ΠŸΠΎΠ»Π½Ρ‹ΠΉ Ρ†ΠΈΠΊΠ» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ сайта для ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ фСстиваля +

+
+ +
+

+ ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° с ниТСгородскими Π±Π»Π°Π³ΠΎΡ‚Π²ΠΎΡ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ организациями, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰ΠΈΠΌΠΈΡΡ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°ΠΌΠΈ. Π›ΡŽΠ±ΠΎΠΉ ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°ΠΊΡ†ΠΈΡŽ ΠΈ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ сбор срСдств Π² ΠΏΠΎΠ»ΡŒΠ·Ρƒ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· фондов‑партнёров.
+

+ +
+
+ UI/UX Π΄ΠΈΠ·Π°ΠΉΠ½ +
+ +
+ Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π½Π° Laravel +
+
+
+
+
+ +
+
+ +
+ +
+
+ + 800 Π”ΠΎΠ±Ρ€Ρ‹Ρ… Π΄Π΅Π» + + +

+ ΠŸΠΎΠ»Π½Ρ‹ΠΉ Ρ†ΠΈΠΊΠ» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ сайта для ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ фСстиваля +

+
+ +
+

+ ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° с ниТСгородскими Π±Π»Π°Π³ΠΎΡ‚Π²ΠΎΡ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ организациями, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰ΠΈΠΌΠΈΡΡ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°ΠΌΠΈ. Π›ΡŽΠ±ΠΎΠΉ ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°ΠΊΡ†ΠΈΡŽ ΠΈ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ сбор срСдств Π² ΠΏΠΎΠ»ΡŒΠ·Ρƒ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· фондов‑партнёров.
+

+ +
+
+ UI/UX Π΄ΠΈΠ·Π°ΠΉΠ½ +
+ +
+ Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π½Π° Laravel +
+
+
+
+
+
+
+
+ + + + +
+
+ × + +
+
+ + + + + \ No newline at end of file diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..866e0f2 --- /dev/null +++ b/js/script.js @@ -0,0 +1,304 @@ +// ПоявлСниС шапки ΠΈ ΠΏΠ»Π°Π²Π½Ρ‹ΠΉ скролл ΠΊ якорным ссылкам + +const header = document.querySelector('.header'); +const anchorLinks = document.querySelectorAll('.header-links a[href^="#"]'); + +document.addEventListener("DOMContentLoaded", () => { + const offset = 50; + const duration = 800; + const hideOffset = 60; + const smallDelta = 5; + const extraGuardMs = 300; + + let lastScrollY = window.pageYOffset; + let isHeaderHidden = false; + let rafScheduled = false; + + let programmaticStart = 0; + let programmaticUntil = 0; + let lastUserInteraction = 0; + + const userInputHandler = () => { lastUserInteraction = Date.now(); }; + ['wheel', 'touchstart', 'touchmove', 'pointerdown', 'keydown'].forEach(ev => + window.addEventListener(ev, userInputHandler, { passive: true })); + + function easeInOutCubic(t) { + return t < 0.5 + ? 4 * t * t * t + : 1 - Math.pow(-2 * t + 2, 3) / 2; + } + + function getHeaderHeight() { + return header ? header.offsetHeight : 0; + } + + function showHeader() { + if (!header) return; + header.classList.remove('header--hidden'); + header.classList.add('header--visible'); + isHeaderHidden = false; + } + + function hideHeader() { + if (!header) return; + header.classList.add('header--hidden'); + header.classList.remove('header--visible'); + isHeaderHidden = true; + } + + function smoothScrollTo(targetY, duration, onDone) { + const startY = window.pageYOffset; + const startTime = performance.now(); + + programmaticStart = Date.now(); + programmaticUntil = programmaticStart + duration + extraGuardMs; + + showHeader(); + + function step(now) { + const elapsed = now - startTime; + const progress = Math.min(elapsed / duration, 1); + const ease = easeInOutCubic(progress); + const nextY = startY + (targetY - startY) * ease; + + window.scrollTo(0, nextY); + lastScrollY = window.pageYOffset; + + if (elapsed < duration) { + requestAnimationFrame(step); + } else { + if (typeof onDone === 'function') onDone(); + + setTimeout(() => { + lastScrollY = window.pageYOffset; + }, Math.max(0, programmaticUntil - Date.now())); + } + } + + requestAnimationFrame(step); + } + + function handleScroll() { + const now = Date.now(); + const currentY = window.pageYOffset; + const delta = currentY - lastScrollY; + + if (now < programmaticUntil) { + if (lastUserInteraction >= programmaticStart) { + } else { + lastScrollY = currentY; + rafScheduled = false; + return; + } + } + + if (Math.abs(delta) < smallDelta) { + lastScrollY = currentY; + rafScheduled = false; + return; + } + + if (delta > 0 && currentY > hideOffset) { + // скролл Π²Π½ΠΈΠ· + if (!isHeaderHidden) hideHeader(); + } else if (delta < 0) { + // скролл Π²Π²Π΅Ρ€Ρ… + if (isHeaderHidden) showHeader(); + } + + lastScrollY = currentY; + rafScheduled = false; + } + + window.addEventListener('scroll', () => { + if (!rafScheduled) { + rafScheduled = true; + requestAnimationFrame(handleScroll); + } + }, { passive: true }); + + anchorLinks.forEach(link => { + link.addEventListener('click', (event) => { + event.preventDefault(); + + const rawHash = link.getAttribute('href'); + if (!rawHash || rawHash === '#') return; + + const targetId = rawHash.substring(1); + const targetElement = document.getElementById(targetId); + if (!targetElement) { + console.warn(`Anchor target "#${targetId}" not found.`); + return; + } + + showHeader(); + const headerHeight = getHeaderHeight(); + const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - headerHeight - offset; + + smoothScrollTo(targetPosition, duration, () => { + history.replaceState(null, null, `#${targetId}`); + }); + }); + }); + + if (window.location.hash) { + const targetId = window.location.hash.substring(1); + const targetElement = document.getElementById(targetId); + if (targetElement) { + programmaticStart = Date.now(); + programmaticUntil = programmaticStart + extraGuardMs + 100; + + showHeader(); + setTimeout(() => { + const headerHeight = getHeaderHeight(); + const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - headerHeight - offset; + window.scrollTo(0, targetPosition); + + setTimeout(() => { + lastScrollY = window.pageYOffset; + }, Math.max(0, programmaticUntil - Date.now())); + }, 60); + } + } +}); + + +// Π‘ΡƒΡ€Π³Π΅Ρ€ мСню + +document.addEventListener('DOMContentLoaded', function() { + const burgerBtn = document.getElementById('burger'); + const burgerMenu = document.getElementById('burgerMenu'); + const body = document.body; + + if (!burgerBtn || !burgerMenu) { + return; + } + + const overlay = document.createElement('div'); + overlay.className = 'burger-overlay'; + document.body.appendChild(overlay); + + function toggleMenu() { + burgerBtn.classList.toggle('active'); + burgerMenu.classList.toggle('active'); + overlay.classList.toggle('active'); + + const isActive = burgerMenu.classList.contains('active'); + + if (isActive) { + body.style.overflow = 'hidden'; + document.documentElement.classList.add('no-scroll-modal'); + document.body.classList.add('no-scroll-modal'); + } else { + body.style.overflow = ''; + document.documentElement.classList.remove('no-scroll-modal'); + document.body.classList.remove('no-scroll-modal'); + } + } + + burgerBtn.addEventListener('click', toggleMenu); + + overlay.addEventListener('click', toggleMenu); + burgerMenu.addEventListener('click', function(e) { + if (e.target.tagName === 'A') { + toggleMenu(); + } + }); + + document.addEventListener('keydown', function(e) { + if (e.key === 'Escape' && burgerMenu.classList.contains('active')) { + toggleMenu(); + } + }); +}); + +// МодальноС ΠΎΠΊΠ½ΠΎ для Π²ΠΈΠ΄Π΅ΠΎ + +const modalVideo = document.querySelector('.modal-video'); + +if (modalVideo) { + const playButtons = document.querySelectorAll('.play-btn'); + const modal = document.querySelector('.modal-video-about'); + const closeBtn = modal.querySelector('.close-video'); + const video = document.getElementById('modalVideo'); + let lastFocused = null; + + function openModal(event) { + lastFocused = event?.currentTarget || document.activeElement; + + modal.style.display = 'flex'; + requestAnimationFrame(() => modal.classList.add('show')); + + document.documentElement.classList.add('no-scroll-modal'); + document.body.classList.add('no-scroll-modal'); + + try { + video.classList.remove('visible'); + const p = video.play(); + if (p && typeof p.then === 'function') { + p + .then(() => { + requestAnimationFrame(() => video.classList.add('visible')); + + if (video.requestFullscreen) { + video.requestFullscreen(); + } else if (video.webkitRequestFullscreen) { + video.webkitRequestFullscreen(); + } else if (video.msRequestFullscreen) { + video.msRequestFullscreen(); + } + }) + .catch(() => {}); + } + } catch (err) {} + + + if (closeBtn) closeBtn.focus(); + modal.setAttribute('aria-hidden', 'false'); + } + + function closeModal() { + modal.classList.remove('show'); + modal.setAttribute('aria-hidden', 'true'); + + function onTransitionEnd(e) { + if (e.target === modal && e.propertyName === 'opacity') { + modal.style.display = 'none'; + modal.removeEventListener('transitionend', onTransitionEnd); + } + } + modal.addEventListener('transitionend', onTransitionEnd); + + document.documentElement.classList.remove('no-scroll-modal'); + document.body.classList.remove('no-scroll-modal'); + + video.classList.remove('visible'); + + try { video.pause(); video.currentTime = 0; } catch (err) {} + + if (lastFocused && typeof lastFocused.focus === 'function') lastFocused.focus(); + } + + playButtons.forEach(btn => btn.addEventListener('click', openModal)); + + const anotherBtn = document.querySelector('.video-about-production'); + + if (anotherBtn) { + anotherBtn.addEventListener('click', (e) => { + openModal(e); + }); + } + + if (closeBtn) closeBtn.addEventListener('click', closeModal); + + modal.addEventListener('click', (e) => { + if (e.target === modal) closeModal(); + }); + + document.addEventListener('keydown', (e) => { + if (e.key === 'Escape' && modal.style.display === 'flex') closeModal(); + }); +} + + +