<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>weeSign</title>
<link rel="stylesheet" href="css/style.min.css">
</head>
<body>
<header class="header" id="header">
<div class="container">
<div class="header__inner">
<a class="header__logo" href="#">
<img class="header__logo-img" src="images/logo.png" alt="logo">
</a>
<nav class="header__menu">
<ul class="header__menu-list">
<li class="header__menu-item">
<a class="header__menu-link" href="#">О Нас</a>
</li>
<li class="header__menu-item">
<a class="header__menu-link" href="#">Портфолио</a>
</li>
<li class="header__menu-item header__menu-item--outlines">
<a class="header__menu-link header__menu-link--down" href="#">Цены и услуги</a>
<ul class="header__submenu-list">
<li class="header__submenu-item">
<span class="header__submenu-triangle"></span>
<a class="header__submenu-link" href="#">Дизайн сайтов</a>
</li>
<li class="header__submenu-item">
<a class="header__submenu-link" href="#">Брендинг</a>
</li>
</ul>
</li>
<li class="header__menu-item">
<a class="header__menu-link" href="#">Полезное</a>
</li>
<li class="header__menu-item">
<a class="header__menu-link" href="#">Отзывы</a>
</li>
<li class="header__menu-item">
<a class="header__menu-link" href="#">Контакты</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<main class="main">
<section class="top-banner">
<div class="top-banner__wrapper">
<div class="container">
<div class="top-banner__inner">
<div class="top-banner__content">
<h1 class="top-banner__content-title">Выведем <span>Ваш бизнес</span> на новый уровень!</h1>
<p class="top-banner__content-text">Мы смело расширяем границы разработки сайтов. На нашей стороне
искусственный
интеллект и Вселенная!</p>
<div class="top-banner__box">
<div class="top-banner__images">
<div class="top-banner__layer" data-depth="0.5">
<img src="images/shadow-stars.png" alt="shadow stars">
</div>
</div>
</div>
<a class="top-banner__content-btn popup-link" href="#popup">Создать пушку!</a>
</div>
<img class="top-banner__img" src="images/main-bob.png" alt="top banner">
</div>
</div>
</div>
</section>
<section class="choose" style="background-image: url(images/layer-choose.png);">
<div class="container-choose">
<div class="choose__top">
<h2 class="choose__top-title" data-title="Почему выбирают нас">
<span>П</span>очему выбирают нас?
</h2>
</div>
<div class="choose__inner">
<div class="choose__items">
<div class="choose__item">
<svg width="73" height="72" viewBox="0 0 73 72" fill="none">
<path
d="M71.7833 12H42.5833C41.9114 12 41.3666 12.5373 41.3666 13.2V24C41.3671 24.6627 41.9123 25.1995 42.5842 25.1991C42.7145 25.1989 42.8441 25.1782 42.9678 25.1376L44.4971 24.6348C46.1576 24.0987 47.9441 24.9918 48.4875 26.6295C49.0309 28.2672 48.1255 30.0292 46.4651 30.5652C45.8257 30.7716 45.1363 30.7716 44.497 30.5652L42.9676 30.0624C42.3301 29.853 41.6411 30.1929 41.4288 30.8217C41.3876 30.9436 41.3666 31.0714 41.3665 31.2V40.8H31.6331C30.9612 40.8004 30.4169 41.3382 30.4174 42.0009C30.4175 42.1294 30.4385 42.2572 30.4797 42.3792L30.9895 43.8876C31.5331 45.5253 30.6276 47.2873 28.9671 47.8233C27.3067 48.3594 25.5202 47.4663 24.9768 45.8286C24.7675 45.198 24.7675 44.518 24.9768 43.8874L25.4865 42.379C25.6988 41.7502 25.3542 41.0707 24.7167 40.8613C24.5931 40.8207 24.4635 40.8 24.3331 40.7998H13.3833C12.7114 40.7998 12.1666 41.3371 12.1666 41.9998V70.7998C12.1666 71.4625 12.7114 71.9998 13.3833 71.9998H71.7833C72.4552 71.9998 73 71.4625 73 70.7998V13.2C73 12.5373 72.4552 12 71.7833 12ZM41.429 59.6217C41.3878 59.7436 41.3668 59.8714 41.3666 60V69.6H14.6V43.2H22.6458C21.7161 46.1074 23.3522 49.2078 26.3 50.1246C29.2479 51.0415 32.3913 49.4278 33.3208 46.5204C33.6663 45.4398 33.6663 44.2804 33.3208 43.1998H41.3666V52.7998C41.3671 53.4625 41.9123 53.9994 42.5842 53.999C42.7145 53.9988 42.8441 53.9781 42.9678 53.9375L44.4971 53.4346C46.1576 52.8987 47.9441 53.7916 48.4875 55.4293C49.0309 57.067 48.1255 58.8291 46.4651 59.365C45.8257 59.5714 45.1363 59.5714 44.497 59.365L42.9676 58.8622C42.3302 58.653 41.6413 58.9929 41.429 59.6217ZM70.5666 69.6H43.8V61.6644C46.7478 62.5813 49.8912 60.9676 50.8207 58.0602C51.7504 55.1527 50.1143 52.0524 47.1665 51.1356C46.0709 50.7948 44.8954 50.7948 43.7998 51.1356V43.2H53.5331C54.205 43.1995 54.7494 42.6618 54.7489 41.9991C54.7487 41.8705 54.7278 41.7427 54.6865 41.6208L54.1768 40.1124C53.6334 38.4747 54.5387 36.7126 56.1992 36.1767C57.8596 35.6407 59.6461 36.5337 60.1895 38.1714C60.3988 38.802 60.3988 39.4819 60.1895 40.1125L59.6797 41.6209C59.4674 42.2497 59.8121 42.9292 60.4496 43.1386C60.5732 43.1793 60.7028 43.2 60.8331 43.2001H70.5665V69.6H70.5666ZM70.5666 40.8H62.5208C63.4505 37.8925 61.8144 34.7922 58.8666 33.8754C55.9187 32.9584 52.7753 34.5721 51.8458 37.4796C51.5002 38.5602 51.5002 39.7195 51.8458 40.8001H43.8V32.8645C45.4898 33.4047 47.3397 33.1132 48.7749 32.0809C51.2913 30.3106 51.8762 26.8635 50.0813 24.3816C48.6639 22.4217 46.1221 21.5938 43.8 22.3357V14.4H70.5666V40.8Z"
fill="#3F41F9" />
<path
d="M35 10.3356C33.9044 9.9948 32.7289 9.9948 31.6333 10.3356V1.2C31.6333 0.5373 31.0886 0 30.4167 0H1.21667C0.544762 0 0 0.5373 0 1.2V30C0 30.6627 0.544762 31.2 1.21667 31.2H10.4791C9.54947 34.1075 11.1856 37.2078 14.1334 38.1246C17.0812 39.0414 20.2246 37.4279 21.1542 34.5204C21.4997 33.4398 21.4997 32.2804 21.1542 31.1999H30.4167C31.0886 31.1999 31.6333 30.6625 31.6333 29.9998V20.8643C34.5812 21.7812 37.7246 20.1675 38.6541 17.2601C39.5838 14.3528 37.9478 11.2526 35 10.3356ZM34.2986 18.5652C33.6592 18.7716 32.9698 18.7716 32.3305 18.5652L30.8011 18.0624C30.1636 17.853 29.4747 18.1929 29.2624 18.8217C29.2211 18.9437 29.2002 19.0715 29.2 19.2V28.8H19.4667C18.7948 28.8005 18.2505 29.3382 18.2509 30.0009C18.2511 30.1294 18.2721 30.2573 18.3133 30.3792L18.823 31.8876C19.3666 33.5253 18.4611 35.2874 16.8006 35.8233C15.1402 36.3593 13.3537 35.4663 12.8103 33.8286C12.601 33.198 12.601 32.5181 12.8103 31.8874L13.3201 30.379C13.5324 29.7502 13.1878 29.0708 12.5502 28.8614C12.4266 28.8207 12.297 28.8 12.1667 28.7999H2.43333V2.4H29.2V12C29.2005 12.6627 29.7457 13.1996 30.4176 13.1991C30.5479 13.199 30.6775 13.1783 30.8011 13.1376L32.3305 12.6348C33.9909 12.0989 35.7775 12.9918 36.3208 14.6295C36.8644 16.267 35.9589 18.0293 34.2986 18.5652Z"
fill="#3F41F9" />
</svg>
<h3 class="choose__item-title">
Тщательная проработка
</h3>
<p class="choose__item-text">От нас не ускользнет даже мелкие нюансы макета для разных девайсов</p>
</div>
<div class="choose__item">
<svg width="76" height="72" viewBox="0 0 76 72" fill="none">
<path
d="M42.907 26.2079H41.9795C41.9197 26.0434 41.8448 25.8638 41.77 25.6993L42.4283 25.041C43.3858 24.0835 43.3858 22.5276 42.4283 21.5701L38.9574 18.0993C38 17.1418 36.4441 17.1418 35.4866 18.0993L34.8283 18.7575C34.6637 18.6827 34.4842 18.6079 34.3196 18.5481V17.6205C34.3196 16.2741 33.2126 15.167 31.8661 15.167H26.959C25.6126 15.167 24.5055 16.2591 24.5055 17.6205V18.5481C24.3409 18.6079 24.1614 18.6827 23.9968 18.7575L23.3385 18.0993C22.3811 17.1418 20.8252 17.1418 19.8677 18.0993L16.3968 21.5701C15.4393 22.5276 15.4393 24.0835 16.3968 25.041L17.07 25.6993C16.9952 25.8638 16.9204 26.0434 16.8606 26.2079H15.933C14.5866 26.2079 13.4795 27.3001 13.4795 28.6615V33.5686C13.4795 34.915 14.5866 36.0221 15.933 36.0221H16.8606C16.9204 36.1867 16.9952 36.3662 17.07 36.5308L16.4118 37.189C15.4543 38.1465 15.4543 39.7024 16.4118 40.6599L19.8826 44.1308C20.8401 45.0883 22.396 45.0883 23.3535 44.1308L24.0118 43.4725C24.1763 43.5473 24.3559 43.6221 24.5204 43.682V44.6095C24.5204 45.956 25.6275 47.0631 26.974 47.0631H31.8661C33.2126 47.0631 34.3196 45.9709 34.3196 44.6095V43.682C34.4842 43.6221 34.6637 43.5473 34.8283 43.4725L35.4866 44.1308C36.4441 45.0883 38 45.0883 38.9574 44.1308L42.4283 40.6599C43.3858 39.7024 43.3858 38.1465 42.4283 37.189L41.77 36.5308C41.8448 36.3662 41.9197 36.1867 41.9795 36.0221H42.907C44.2535 36.0221 45.3606 34.93 45.3606 33.5686V28.6615C45.3606 27.315 44.2535 26.2079 42.907 26.2079ZM42.8921 33.5536H40.1992L39.9299 34.4064C39.7504 35.0048 39.496 35.6032 39.1819 36.1867L38.763 36.9796L40.663 38.8796L37.1921 42.3505L35.3071 40.4654L34.5141 40.8843C33.9157 41.1985 33.3173 41.4379 32.7338 41.6323L31.8811 41.9016V44.5946H26.974V41.9016L26.1212 41.6323C25.5228 41.4528 24.9244 41.1985 24.3409 40.8843L23.548 40.4654L21.633 42.3804L18.1622 38.9095L20.0622 37.0095L19.6433 36.2166C19.3291 35.6182 19.0748 35.0197 18.8952 34.4363L18.6259 33.5835H15.933V28.6764H18.6259L18.8952 27.8237C19.0748 27.2253 19.3291 26.6268 19.6433 26.0434L20.0622 25.2505L18.1622 23.3505L21.6181 19.8347L23.5181 21.7497L24.311 21.3308C24.9094 21.0166 25.5078 20.7772 26.0913 20.5827L26.9441 20.3134V17.6205H31.8661V20.3134L32.7189 20.5827C33.3173 20.7623 33.9157 21.0166 34.4992 21.3308L35.2921 21.7497L37.1921 19.8497L40.663 23.3205L38.763 25.2205L39.1819 26.0134C39.496 26.6119 39.7504 27.2103 39.9299 27.7938L40.1992 28.6465H42.8921V33.5536Z"
fill="#3F41F9" />
<path
d="M29.4126 22.5127C24.6701 22.5127 20.8252 26.3576 20.8252 31.1001C20.8252 35.8426 24.685 39.6875 29.4126 39.6875C34.1402 39.6875 38 35.8426 38 31.1001C38 26.3576 34.1551 22.5127 29.4126 22.5127ZM29.4126 37.2489C26.0315 37.2489 23.2787 34.4962 23.2787 31.1151C23.2787 27.734 26.0465 24.9812 29.4126 24.9812C32.7937 24.9812 35.5465 27.734 35.5465 31.1151C35.5465 34.4962 32.7937 37.2489 29.4126 37.2489Z"
fill="#3F41F9" />
<path
d="M51.4795 6.58008C48.7716 6.58008 46.5724 8.77929 46.5724 11.4872C46.5724 14.195 48.7866 16.3942 51.4795 16.3942C54.1874 16.3942 56.3866 14.195 56.3866 11.4872C56.3866 8.77929 54.1874 6.58008 51.4795 6.58008ZM51.4795 13.9407C50.133 13.9407 49.0259 12.8486 49.0259 11.4872C49.0259 10.1257 50.133 9.03362 51.4795 9.03362C52.8259 9.03362 53.933 10.1257 53.933 11.4872C53.933 12.8486 52.8259 13.9407 51.4795 13.9407Z"
fill="#3F41F9" />
<path
d="M62.5205 10.2605V9.85652C62.5205 8.73448 61.6079 7.80692 60.4709 7.80692H60.3512L60.4409 7.73212C60.8299 7.34314 61.0394 6.83448 61.0394 6.28093C61.0394 5.72739 60.8299 5.21873 60.4409 4.82975L58.137 2.52582C57.3591 1.74786 56.0126 1.74786 55.2496 2.52582L55.1748 2.60062V2.4959C55.1748 1.37385 54.2622 0.446289 53.1252 0.446289H49.8638C48.7417 0.446289 47.8142 1.35889 47.8142 2.4959V2.60062L47.7394 2.52582C47.3504 2.13684 46.8417 1.92739 46.3032 1.92739C45.7646 1.92739 45.2409 2.13684 44.852 2.52582L42.5331 4.82975C42.1441 5.21873 41.9346 5.72739 41.9346 6.28093C41.9346 6.83448 42.1441 7.34314 42.5331 7.73212L42.6079 7.80692H42.4882C41.3661 7.80692 40.4386 8.71952 40.4386 9.85652V10.2605H0V61.74H23.2937V69.1006H13.4795V71.5542H23.2787H52.6913H62.4906V69.1006H52.6913V61.74H76V10.2605H62.5205ZM42.9071 10.2605H44.5827L44.852 9.40771C44.9717 9.03369 45.1213 8.65967 45.3157 8.28566L45.7346 7.49274L44.5528 6.29589L46.2882 4.56046L47.485 5.75731L48.278 5.33841C48.652 5.14393 49.026 4.97936 49.4 4.87464L50.2528 4.60534V2.91479H52.7063V4.59038L53.5591 4.85967C53.9331 4.97936 54.3071 5.12897 54.6811 5.32345L55.474 5.74235L56.6709 4.5455L58.4063 6.28093L57.2094 7.47778L57.6283 8.2707C57.8228 8.64471 57.9874 9.01873 58.0921 9.39275L58.3614 10.2455H60.052V12.699H58.3614L58.0921 13.5518C57.9724 13.9258 57.8228 14.2998 57.6283 14.6738L57.2094 15.4668L58.4063 16.6636L56.6709 18.399L55.474 17.2022L54.6811 17.6211C54.3071 17.8156 53.9331 17.9801 53.5591 18.0849L52.7063 18.3542V20.0447H50.2528V18.3542L49.4 18.0849C49.026 17.9652 48.652 17.8156 48.278 17.6211L47.485 17.2022L46.2882 18.399L44.5528 16.6636L45.7496 15.4668L45.3307 14.6738C45.1362 14.2998 44.9717 13.9258 44.8669 13.5518L44.5976 12.699H42.9071V10.2605ZM50.2677 69.1006H50.2528H25.7472V61.74H50.2677V69.1006ZM73.5465 59.3014H52.7063H23.2937H2.45354V51.9408H73.5465V59.3014ZM73.5465 49.5022H2.45354V12.714H40.4535V13.1179C40.4535 14.24 41.3661 15.1675 42.5032 15.1675H42.6079L42.5331 15.2424C42.1441 15.6313 41.9346 16.14 41.9346 16.6935C41.9346 17.2471 42.1441 17.7557 42.5331 18.1447L44.852 20.4636C45.6299 21.2266 46.9764 21.2266 47.7394 20.4636L47.8142 20.3888V20.4935C47.8142 21.6156 48.7268 22.5431 49.8638 22.5431H53.1252C54.2472 22.5431 55.1748 21.6305 55.1748 20.4935V20.3888L55.2496 20.4636C56.0276 21.2416 57.374 21.2416 58.137 20.4636L60.4409 18.1597C60.8299 17.7707 61.0394 17.262 61.0394 16.7085C61.0394 16.1699 60.8299 15.6463 60.4409 15.2573L60.3661 15.1825H60.4709C61.5929 15.1825 62.5205 14.2699 62.5205 13.1329V12.729H73.5465V49.5022Z"
fill="#3F41F9" />
<path d="M39.2268 54.3936H36.7732V56.8471H39.2268V54.3936Z" fill="#3F41F9" />
<path d="M44.134 54.3936H41.6804V56.8471H44.134V54.3936Z" fill="#3F41F9" />
<path d="M34.3198 54.3936H31.8662V56.8471H34.3198V54.3936Z" fill="#3F41F9" />
<path d="M14.7212 16.3936H6.13379V18.8471H14.7212V16.3936Z" fill="#3F41F9" />
<path d="M11.0409 21.3008H6.13379V23.7543H11.0409V21.3008Z" fill="#3F41F9" />
<path d="M68.6543 43.3682H60.0669V45.8217H68.6543V43.3682Z" fill="#3F41F9" />
<path d="M68.6544 38.4609H63.7473V40.9145H68.6544V38.4609Z" fill="#3F41F9" />
</svg>
<h3 class="choose__item-title">
Современные технологии
</h3>
<p class="choose__item-text">Работаем с привлечением технологий последних разработок и веб-тенденций
поколения next</p>
</div>
<div class="choose__item">
<svg width="77" height="71" viewBox="0 0 77 71" fill="none">
<path
d="M35.3483 36.5943H31.8943V31.7658C31.8943 29.4136 29.978 27.5 27.6228 27.5C25.2673 27.5 23.3512 29.4137 23.3512 31.7658V36.4735C23.3512 36.5401 23.2956 36.5944 23.2271 36.5944H22.035C19.8713 36.5944 18.1112 38.3528 18.1112 40.5142V42.4549H14.4395C13.6089 42.4549 12.9356 43.1283 12.9356 43.9588V51.3574C12.9356 52.1878 13.6089 52.8613 14.4395 52.8613H18.1312C18.3921 56.1873 21.1862 58.8142 24.5832 58.8142H34.2977C36.4283 58.8142 38.1534 57.1579 38.2247 55.0439C38.248 54.3548 38.0939 53.6993 37.8016 53.124C38.673 52.4009 39.2239 51.3058 39.2239 50.1058C39.2239 49.2096 38.9168 48.3723 38.3984 47.7042C38.9168 47.0365 39.2239 46.1988 39.2239 45.3028C39.2239 44.4068 38.9168 43.5692 38.3984 42.9012C38.9168 42.2335 39.2239 41.3958 39.2239 40.4996C39.2239 38.3463 37.4854 36.5943 35.3483 36.5943ZM35.0662 44.382H35.3082C35.3607 44.3953 35.4143 44.4059 35.4689 44.4137C35.895 44.474 36.2162 44.8563 36.2162 45.3029C36.2162 45.7319 35.92 46.1014 35.5192 46.1833H35.0662C34.2356 46.1833 33.5623 46.8568 33.5623 47.6872C33.5623 48.5177 34.2356 49.1912 35.0662 49.1912H35.3334C35.3778 49.2015 35.4232 49.2102 35.4691 49.2167C35.895 49.2769 36.2162 49.6592 36.2162 50.1058C36.2162 50.539 35.9141 50.9116 35.5073 50.9886L34.6165 51.0282C33.8405 51.0626 33.2183 51.6824 33.181 52.4582C33.1437 53.2341 33.7034 53.9109 34.4723 54.0197C34.9137 54.0822 35.2345 54.4789 35.2188 54.9424C35.2027 55.419 34.7896 55.8065 34.2978 55.8065H24.5834C22.6733 55.8065 21.1193 54.2569 21.1193 52.3524V51.3575C21.1193 50.5271 20.446 49.8536 19.6154 49.8536H15.9436V45.4628H19.6154C20.446 45.4628 21.1193 44.7894 21.1193 43.9589V40.5144C21.1193 40.0115 21.5301 39.6024 22.0353 39.6024H23.2274C24.9544 39.6024 26.3593 38.1989 26.3593 36.4737V31.766C26.3593 31.0724 26.9263 30.508 27.6231 30.508C28.3198 30.508 28.8868 31.0724 28.8868 31.766V38.0983C28.8868 38.9288 29.5601 39.6022 30.3907 39.6022H35.3486C35.8272 39.6022 36.2164 40.005 36.2164 40.4999C36.2164 40.9189 35.9338 41.2812 35.5471 41.3741H35.0663C34.2357 41.3741 33.5624 42.0476 33.5624 42.8781C33.5624 43.7085 34.2356 44.382 35.0662 44.382Z"
fill="#3F41F9" />
<path
d="M71.2442 0.410645H28.9571C25.7833 0.410645 23.2014 2.99661 23.2014 6.17542V21.1032H5.75575C2.58206 21.1032 0 23.6892 0 26.868V60.048C0 63.2267 2.58206 65.8127 5.75575 65.8127H6.66321C8.40548 65.8127 9.98143 66.9138 10.5848 68.5531L10.9723 69.6057C11.134 70.0448 11.4909 70.3836 11.9379 70.5225C12.0839 70.5677 12.2341 70.59 12.3836 70.59C12.6913 70.59 12.9957 70.4955 13.2527 70.3134L18.5251 66.5803C19.2344 66.0781 20.0681 65.8127 20.9362 65.8127H48.0427C51.2166 65.8127 53.7986 63.2267 53.7986 60.048V43.6164H56.0637C56.9319 43.6164 57.7656 43.8818 58.4747 44.384L63.7473 48.117C64.0043 48.2991 64.3085 48.3935 64.6164 48.3935C64.7657 48.3935 64.916 48.3713 65.0621 48.326C65.5091 48.1872 65.866 47.8482 66.0276 47.4091L66.4149 46.3566C67.0184 44.7177 68.5944 43.6164 70.3366 43.6164H71.2441C74.4179 43.6164 76.9998 41.0304 76.9998 37.8516V6.17542C77 2.99661 74.4179 0.410645 71.2442 0.410645ZM50.791 60.048C50.791 61.568 49.5582 62.8049 48.0429 62.8049H20.9362C19.442 62.8049 18.0073 63.2614 16.7871 64.1254L13.076 66.7531C11.8642 64.3619 9.38167 62.8049 6.66321 62.8049H5.75575C4.24041 62.8049 3.00781 61.568 3.00781 60.048V26.868C3.00781 25.3478 4.24056 24.111 5.75575 24.111H48.0427C49.5581 24.111 50.7908 25.3478 50.7908 26.868V60.048H50.791ZM38.5284 17.5813C38.5284 14.6008 40.9535 12.1759 43.9341 12.1759C45.983 12.1759 47.8317 13.3133 48.759 15.1443C49.015 15.65 49.5337 15.9687 50.1007 15.9687C50.6677 15.9687 51.1864 15.65 51.4423 15.1443C52.3696 13.3133 54.2185 12.1759 56.2674 12.1759C59.248 12.1759 61.6729 14.6008 61.6729 17.5813C61.6729 22.7972 57.3164 26.333 53.7988 28.3374V26.868C53.7988 23.6892 51.2167 21.1032 48.0429 21.1032H39.2313C38.7645 19.9723 38.5284 18.7908 38.5284 17.5813ZM73.9922 37.8516C73.9922 39.3717 72.7594 40.6086 71.2442 40.6086H70.3368C67.6185 40.6086 65.136 42.1654 63.924 44.5566L60.2129 41.9291C58.993 41.0653 57.5583 40.6086 56.0637 40.6086H53.7986V31.7456C58.0691 29.6114 64.6806 25.0925 64.6806 17.5813C64.6806 12.9421 60.9064 9.16804 56.2673 9.16804C53.8797 9.16804 51.6671 10.1597 50.1005 11.8531C48.5339 10.1596 46.3214 9.16804 43.9339 9.16804C39.2947 9.16804 35.5205 12.9422 35.5205 17.5813C35.5205 18.7825 35.6949 19.9607 36.0407 21.1032H26.209V6.17542C26.209 4.65527 27.4418 3.41846 28.957 3.41846H71.2439C72.7594 3.41846 73.9922 4.65512 73.9922 6.17542V37.8516Z"
fill="#3F41F9" />
</svg>
<h3 class="choose__item-title">
Безупречная репутация
</h3>
<p class="choose__item-text">Только проекты со 100% выполнением ТЗ попадают к клиенту на утверждение</p>
</div>
<div class="choose__item">
<svg width="77" height="77" viewBox="0 0 77 77" fill="none">
<path
d="M68.7843 14.7288H71.1634C71.9933 14.7288 72.6663 14.0558 72.6663 13.2258C72.6663 12.3959 71.9933 11.7229 71.1634 11.7229H65.4523C64.6224 11.7229 63.9494 12.3959 63.9494 13.2258V18.9369C63.9494 19.7669 64.6224 20.4399 65.4523 20.4399C66.2822 20.4399 66.9552 19.7669 66.9552 18.9369V17.2833C71.5154 23.3883 73.9942 30.7957 73.9942 38.5C73.9942 58.0716 58.0716 73.9942 38.5 73.9942C18.9284 73.9942 3.00584 58.0716 3.00584 38.5C3.00584 18.9284 18.9284 3.00584 38.5 3.00584C39.9475 3.00584 41.4042 3.09376 42.8302 3.26705C43.6531 3.36654 44.4035 2.78055 44.5036 1.9565C44.6038 1.1326 44.0171 0.383245 43.193 0.28315C41.6471 0.0952851 40.0683 0 38.5 0C28.2163 0 18.548 4.00468 11.2764 11.2764C4.00468 18.548 0 28.2163 0 38.5C0 48.7837 4.00468 58.452 11.2764 65.7236C18.548 72.9953 28.2163 77 38.5 77C48.7837 77 58.452 72.9953 65.7236 65.7236C72.9953 58.452 77 48.7837 77 38.5C77 29.822 74.1009 21.491 68.7843 14.7288Z"
fill="#3F41F9" />
<path
d="M16.3025 22.696C15.6011 22.252 14.6727 22.4609 14.2286 23.1619C10.7976 28.5808 9.27874 35.0978 9.95189 41.5124C10.635 48.0221 13.5649 54.1609 18.202 58.7982C23.7981 64.3943 31.1491 67.1925 38.5002 67.1925C45.8512 67.1925 53.202 64.3945 58.7983 58.7982C69.9907 47.6058 69.9907 29.3943 58.7983 18.2021C54.1682 13.5722 48.0395 10.6433 41.5406 9.95497C35.1378 9.2764 28.6279 10.7834 23.2113 14.1976C22.5089 14.6402 22.2987 15.5682 22.7411 16.2704C23.1838 16.9727 24.1118 17.183 24.814 16.7405C35.0245 10.305 48.125 11.7798 56.6727 20.3275C66.6931 30.3479 66.6931 46.6522 56.6727 56.6726C46.6524 66.6932 30.3479 66.6932 20.3276 56.6726C11.898 48.2431 10.4011 34.826 16.7684 24.77C17.2122 24.0686 17.0037 23.1401 16.3025 22.696Z"
fill="#3F41F9" />
<path
d="M58.0381 40.0273H59.8915C60.7214 40.0273 61.3944 39.3543 61.3944 38.5244C61.3944 37.6945 60.7214 37.0215 59.8915 37.0215H58.0381C57.2082 37.0215 56.5352 37.6945 56.5352 38.5244C56.5352 39.3543 57.208 40.0273 58.0381 40.0273Z"
fill="#3F41F9" />
<path
d="M15.6056 38.4756C15.6056 39.3055 16.2786 39.9785 17.1085 39.9785H18.9619C19.7918 39.9785 20.4648 39.3055 20.4648 38.4756C20.4648 37.6457 19.7918 36.9727 18.9619 36.9727H17.1085C16.2786 36.9727 15.6056 37.6455 15.6056 38.4756Z"
fill="#3F41F9" />
<path
d="M40.0273 18.9618V17.1084C40.0273 16.2785 39.3542 15.6055 38.5243 15.6055C37.6944 15.6055 37.0214 16.2785 37.0214 17.1084V18.9618C37.0214 19.7917 37.6944 20.4647 38.5243 20.4647C39.3542 20.4647 40.0273 19.7917 40.0273 18.9618Z"
fill="#3F41F9" />
<path
d="M36.9727 58.0381V59.8915C36.9727 60.7214 37.6457 61.3944 38.4757 61.3944C39.3056 61.3944 39.9786 60.7214 39.9786 59.8915V58.0381C39.9786 57.2082 39.3056 56.5352 38.4757 56.5352C37.6457 56.5352 36.9727 57.208 36.9727 58.0381Z"
fill="#3F41F9" />
<path
d="M30.9667 28.8412C30.3797 28.2545 29.4284 28.2545 28.8412 28.8412C28.2543 29.4281 28.2543 30.3798 28.8412 30.9668L33.9347 36.0603C33.5444 36.7878 33.3224 37.6184 33.3224 38.5C33.3224 41.355 35.645 43.6776 38.5 43.6776C41.3549 43.6776 43.6775 41.355 43.6775 38.5C43.6775 37.6184 43.4554 36.7878 43.0653 36.0603L53.3427 25.7829C53.9296 25.196 53.9296 24.2444 53.3427 23.6573C52.7556 23.0706 51.8043 23.0706 51.2171 23.6573L40.9397 33.9348C40.2123 33.5445 39.3816 33.3225 38.5 33.3225C37.6184 33.3225 36.7877 33.5446 36.0603 33.9348L30.9667 28.8412ZM40.6717 38.5C40.6717 39.6976 39.6975 40.6717 38.5 40.6717C37.3025 40.6717 36.3283 39.6976 36.3283 38.5C36.3283 37.3025 37.3025 36.3283 38.5 36.3283C39.6975 36.3283 40.6717 37.3025 40.6717 38.5Z"
fill="#3F41F9" />
<path
d="M20.3267 20.3267C20.6077 20.0472 20.7684 19.6594 20.7684 19.2641C20.7684 18.8689 20.6077 18.4826 20.3267 18.2016C20.0471 17.9222 19.6607 17.7612 19.2641 17.7612C18.8688 17.7612 18.4811 17.922 18.2015 18.2016C17.9221 18.4811 17.7612 18.8689 17.7612 19.2641C17.7612 19.6609 17.922 20.0472 18.2015 20.3267C18.4811 20.6061 18.8688 20.7671 19.2641 20.7671C19.6607 20.7671 20.0471 20.6061 20.3267 20.3267Z"
fill="#3F41F9" />
<path
d="M48.9107 4.49021C49.3077 4.49021 49.6954 4.33075 49.9748 4.04986C50.2544 3.77032 50.4153 3.38392 50.4153 2.98729C50.4153 2.59203 50.2545 2.20427 49.9748 1.92473C49.6954 1.64534 49.3077 1.48438 48.9107 1.48438C48.5155 1.48438 48.1277 1.64519 47.8483 1.92473C47.5688 2.20427 47.4078 2.59203 47.4078 2.98729C47.4078 3.38407 47.5686 3.77032 47.8483 4.04986C48.1277 4.33075 48.5155 4.49021 48.9107 4.49021Z"
fill="#3F41F9" />
</svg>
<h3 class="choose__item-title">
Без провалов
</h3>
<p class="choose__item-text">Мы всегда придерживаемся дед-лайна и работаем на опережение.</p>
</div>
</div>
<div class="choose__box-wrapper">
<div class="choose__box">
<p class="choose__box-text">Ладно, мы конечно шутим, но наши <span>роботы</span> - помощники отличаются
своим
<span>профессионализмом.</span> Каждый из них выполняет свою функцию в IT сфере, что делает наши
работы
максимально <span>качественными!</span></p>
<span class="choose__box-triangle-down"></span>
</div>
<img class="choose__box-img" src="images/robot-hi.png" alt="robot hi">
</div>
</div>
</div>
</section>
<section class="main-slider">
<div class="container-slider">
<h3 class="main-slider__title">Основные этапы работы</h3>
<div class="main-slider__items owl-carousel owl-theme">
<div class="main-slider__item">
<div class="main-slider__box">
<img class="main-slider__item-img" src="images/icons/call-icon.svg" alt="call icon">
</div>
<h4 class="main-slider__item-title">1. Свяжитесь с нами</h4>
<p class="main-slider__item-text">Напишите нам в любом из доступных вам приложений. Мы есть в Telegram,
Viber,
e-mail и т.д.</p>
</div>
<div class="main-slider__item">
<div class="main-slider__box">
<img class="main-slider__item-img" src="images/icons/note-icon.svg" alt="note icon">
</div>
<h4 class="main-slider__item-title">2. Опишите задачу и заполните бриф</h4>
<p class="main-slider__item-text">Вы можете прислать уже готовое ТЗ или же заполнить наш бриф. Это
позволит
начать более конструктивный диалог, подготовить начальный материал для дизайн-решений и найти общие
точки
соприкосновения.</p>
</div>
<div class="main-slider__item">
<div class="main-slider__box">
<img class="main-slider__item-img" src="images/icons/wallet-icon.svg" alt="wallet icon">
</div>
<h4 class="main-slider__item-title">3. Предоплата - залог вселенского счастья</h4>
<p class="main-slider__item-text">По итогам обсуждений мы сможем составить смету будущих работ, а также
указать срок сдачи готового проекта. Вам остается лишь оплатить 50% от общей суммы и мы начнем работу
над
макетами.</p>
</div>
<div class="main-slider__item">
<div class="main-slider__box">
<img class="main-slider__item-img" src="images/icons/laptop-icon.svg" alt="laptop icon">
</div>
<h4 class="main-slider__item-title">4. Основной этап разработки</h4>
<p class="main-slider__item-text">Предварительные варианты макета предоставляются клиенту в оговоренный
заранее срок. Все пояснения, скриншоты, комментарии и разъяснения идут дополнительным файлом.</p>
</div>
<div class="main-slider__item">
<div class="main-slider__box">
<img class="main-slider__item-img" src="images/icons/note-icon.svg" alt="note icon">
</div>
<h4 class="main-slider__item-title">5. Работа над ошибками</h4>
<p class="main-slider__item-text">Этот этап не обязателен к выполнению, если макет сразу утверждается
заказчиком. В обратном случае Вы можете 2 раза вносить правки и изменения в предлагаемый макет. Все
замечания обсуждаются, при необходимости выполняется доработка проекта.</p>
</div>
<div class="main-slider__item">
<div class="main-slider__box">
<img class="main-slider__item-img" src="images/icons/wallet-icon.svg" alt="wallet icon">
</div>
<h4 class="main-slider__item-title">6. Сдача проекта и оплата</h4>
<p class="main-slider__item-text">Утвержденный дизайн предоставляется Вам в виде папки на Dropbox, в
которую
входят исходные материалы, применяемые в проекте, шрифты, иконки и т.д. Вам остается лишь оплатить
остаток
оговоренного гонорара и получить ссылку.</p>
</div>
</div>
</div>
</section>
<section class="portfolio" style="background-image: url(images/layer-portfolio.png);">
<div class="container">
<div class="portfolio-top">
<h3 class="portfolio-top__title" data-title="Последние работы">
<span>П</span>оследние работы</h3>
<a class="portfolio-top__link" href="#">Все работы</a>
</div>
<div class="portfolio-content">
<div class="portfolio-content__items grid-items">
<div
class="portfolio-content__item portfolio-content__item--color-m portfolio-content__item-image-parent grid-item"
data-title="Maestro Pizza">
<a class="portfolio-content__item-link" href="#">
<svg width="61" height="62" viewBox="0 0 61 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="30.5" cy="30.6648" r="29.5" stroke="white" stroke-width="2" />
<path
d="M47.7071 31.8719C48.0976 31.4814 48.0976 30.8482 47.7071 30.4577L41.3431 24.0937C40.9526 23.7032 40.3194 23.7032 39.9289 24.0937C39.5384 24.4843 39.5384 25.1174 39.9289 25.5079L45.5858 31.1648L39.9289 36.8216C39.5384 37.2122 39.5384 37.8453 39.9289 38.2359C40.3194 38.6264 40.9526 38.6264 41.3431 38.2359L47.7071 31.8719ZM15 32.1648H47V30.1648H15V32.1648Z"
fill="white" />
</svg>
</a>
<h4 class="portfolio-content__item-title">Лендинг Maestro Pizza</h4>
<p class="portfolio-content__item-text">Лендинг</p>
<div class="portfolio-content__item-img--wrapper">
<div class="portfolio-content__item-images">
<div class="portfolio-content__item-layer" data-depth="0.3">
<img class="lo-lazy-image" src="images/portfolio/maestropizza/maestropizza.png" alt="maestropizza">
</div>
<div class="portfolio-content__item-layer" data-depth="0.6">
<img class="lo-lazy-image" src="images/portfolio/maestropizza/layer-1.png" alt="layer 1">
</div>
<div class="portfolio-content__item-layer" data-depth="0.9">
<img class="lo-lazy-image" src="images/portfolio/maestropizza/layer-blue.png" alt="layer blue">
</div>
</div>
</div>
</div>
<div
class="portfolio-content__item portfolio-content__item--color-xs portfolio-content__item-image-parent grid-item"
data-title="Дизайн интерьера">
<a class="portfolio-content__item-link" href="#">
<svg width="61" height="62" viewBox="0 0 61 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="30.5" cy="30.6648" r="29.5" stroke="white" stroke-width="2" />
<path
d="M47.7071 31.8719C48.0976 31.4814 48.0976 30.8482 47.7071 30.4577L41.3431 24.0937C40.9526 23.7032 40.3194 23.7032 39.9289 24.0937C39.5384 24.4843 39.5384 25.1174 39.9289 25.5079L45.5858 31.1648L39.9289 36.8216C39.5384 37.2122 39.5384 37.8453 39.9289 38.2359C40.3194 38.6264 40.9526 38.6264 41.3431 38.2359L47.7071 31.8719ZM15 32.1648H47V30.1648H15V32.1648Z"
fill="white" />
</svg>
</a>
<h4 class="portfolio-content__item-title">Дизайн интерьера</h4>
<p class="portfolio-content__item-text">Интернет магазин</p>
<div class="portfolio-content__item-img--wrapper">
<div class="portfolio-content__item-images">
<div class="portfolio-content__item-layer" data-depth="0.3">
<img class="lo-lazy-image" src="images/portfolio/design/layer-wawe.png" alt="layer wawe">
</div>
<div class="portfolio-content__item-layer" data-depth="0.6">
<img class="lo-lazy-image" src="images/portfolio/design/layer-mac.png" alt="layer mac">
</div>
<div class="portfolio-content__item-layer" data-depth="0.9">
<img class="lo-lazy-image" src="images/portfolio/design/layer-lamp.png" alt="layer lamp">
</div>
</div>
</div>
</div>
<div
class="portfolio-content__item portfolio-content__item--color-bg portfolio-content__item-image-parent grid-item"
data-title="Обменник крипты">
<a class="portfolio-content__item-link" href="#">
<svg width="61" height="62" viewBox="0 0 61 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="30.5" cy="30.6648" r="29.5" stroke="white" stroke-width="2" />
<path
d="M47.7071 31.8719C48.0976 31.4814 48.0976 30.8482 47.7071 30.4577L41.3431 24.0937C40.9526 23.7032 40.3194 23.7032 39.9289 24.0937C39.5384 24.4843 39.5384 25.1174 39.9289 25.5079L45.5858 31.1648L39.9289 36.8216C39.5384 37.2122 39.5384 37.8453 39.9289 38.2359C40.3194 38.6264 40.9526 38.6264 41.3431 38.2359L47.7071 31.8719ZM15 32.1648H47V30.1648H15V32.1648Z"
fill="white" />
</svg>
</a>
<h4 class="portfolio-content__item-title">SPA - обменник криптовалют</h4>
<p class="portfolio-content__item-text">Индивидуальный дизайн</p>
<div class="portfolio-content__item-img--wrapper">
<div class="portfolio-content__item-images">
<div class="portfolio-content__item-layer" data-depth="0.4">
<img class="lo-lazy-image" src="images/portfolio/exchange/layer-sun.png" alt="layer sun">
</div>
<div class="portfolio-content__item-layer" data-depth="0.7">
<img class="lo-lazy-image" src="images/portfolio/exchange/layer-exchange.png" alt="layer exchange">
</div>
</div>
</div>
</div>
<div
class="portfolio-content__item portfolio-content__item--color-sm portfolio-content__item-image-parent grid-item"
data-title="CRYPTO eGOLD">
<a class="portfolio-content__item-link" href="#">
<svg width="61" height="62" viewBox="0 0 61 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="30.5" cy="30.6648" r="29.5" stroke="white" stroke-width="2" />
<path
d="M47.7071 31.8719C48.0976 31.4814 48.0976 30.8482 47.7071 30.4577L41.3431 24.0937C40.9526 23.7032 40.3194 23.7032 39.9289 24.0937C39.5384 24.4843 39.5384 25.1174 39.9289 25.5079L45.5858 31.1648L39.9289 36.8216C39.5384 37.2122 39.5384 37.8453 39.9289 38.2359C40.3194 38.6264 40.9526 38.6264 41.3431 38.2359L47.7071 31.8719ZM15 32.1648H47V30.1648H15V32.1648Z"
fill="white" />
</svg>
</a>
<h4 class="portfolio-content__item-title">Сайт криптовалюты</h4>
<p class="portfolio-content__item-text">Индивидуальный проект</p>
<div class="portfolio-content__item-img--wrapper">
<div class="portfolio-content__item-images">
<div class="portfolio-content__item-layer" data-depth="0.3">
<img class="lo-lazy-image" src="images/portfolio/cripta/layer-tawer.png" alt="layer tawer">
</div>
<div class="portfolio-content__item-layer" data-depth="0.6">
<img class="lo-lazy-image" src="images/portfolio/cripta/layer-comp.png" alt="layer comp">
</div>
<div class="portfolio-content__item-layer" data-depth="0.9">
<img class="lo-lazy-image" src="images/portfolio/cripta/layer-light.png" alt="layer light">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="services">
<div class="services-top">
<div class="container">
<h3 class="services-top__title" data-title="Наши услуги"><span>Н</span>аши услуги</h3>
<img class="services-top__img" src="images/robot-services.png" alt="robot services">
</div>
</div>
<div class="services-content">
<div class="container">
<div class="services-content__items">
<div class="services-content__item">
<img class="services-content__img" src="images/desgn-sites.jpg" alt="desgn sites">
<div class="services-content__item-box">
<h3 class="services-content__item-title">Дизайн сайтов</h3>
<p class="services-content__item-text">Мы верим, что именно функциональность и интуитивное понимание
принципов пользования сайтом лежат в основе успешной реализации его дизайна. Но при этом каждый наш
проект также основывается на визуальном восприятии конечного продукта, применении современных трендов
в оформлении, соблюдении основ UI и UX проектирования.</p>
<a class="services-content__item-link" href="#">
<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="30.5" cy="30.5" r="29.5" stroke="#3F41F9" stroke-width="2" />
<path
d="M47.7071 31.7071C48.0976 31.3166 48.0976 30.6834 47.7071 30.2929L41.3431 23.9289C40.9526 23.5384 40.3195 23.5384 39.9289 23.9289C39.5384 24.3195 39.5384 24.9526 39.9289 25.3431L45.5858 31L39.9289 36.6569C39.5384 37.0474 39.5384 37.6805 39.9289 38.0711C40.3195 38.4616 40.9526 38.4616 41.3431 38.0711L47.7071 31.7071ZM15 32H47V30H15V32Z"
fill="#3F41F9" />
</svg>
</a>
</div>
</div>
<div class="services-content__item">
<img class="services-content__img" src="images/branding.jpg" alt="branding">
<div class="services-content__item-box">
<h3 class="services-content__item-title">Брендинг</h3>
<p class="services-content__item-text">Мы разрабатываем проекты, целью которых является создание
фирменного стиля компании и легко узнаваемых логотипов. Узнаваемость фирмы позволит выгодно выделить
ее среди возможных конкурентов и привлечь максимальное внимание потребителя. </p>
<a class="services-content__item-link" href="#">
<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="30.5" cy="30.5" r="29.5" stroke="#3F41F9" stroke-width="2" />
<path
d="M47.7071 31.7071C48.0976 31.3166 48.0976 30.6834 47.7071 30.2929L41.3431 23.9289C40.9526 23.5384 40.3195 23.5384 39.9289 23.9289C39.5384 24.3195 39.5384 24.9526 39.9289 25.3431L45.5858 31L39.9289 36.6569C39.5384 37.0474 39.5384 37.6805 39.9289 38.0711C40.3195 38.4616 40.9526 38.4616 41.3431 38.0711L47.7071 31.7071ZM15 32H47V30H15V32Z"
fill="#3F41F9" />
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="reviews" style="background-image: url(images/layer-reviews.png);">
<div class="container-reviews">
<img class="reviews__img" src="images/robot-reviews.png" alt="robot reviews">
<div class="reviews-top">
<h3 class="reviews-top__title" data-title="Клиенты говорят">
<span>К</span>лиенты говорят
</h3>
<a class="reviews-top__link" href="#">Все отзывы</a>
</div>
<div class="reviews-content">
<div class="reviews-content__item reviews-content__item--size-sm">
<p class="reviews-content__item-text">Очень рад сотрудничеству - быстрое выполнение задачи и позитивная
коммуникация!</p>
<div class="reviews-content__item-box">
<img class="reviews-content__item-img" src="images/reviews/egorkozelskij.png" alt="egorkozelskij">
<div class="reviews-content__item-wrapper">
<h4 class="reviews-content__item-title">Егор Козельский</h4>
<p class="reviews-content__item-subtitle">Дизайн по заданию в Figma</p>
</div>
<a class="reviews-content__item-link" data-fancybox data-type="image"
href="images/popup-reviews/Kozelsky.png">
<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="30.5" cy="30.5" r="29.5" stroke="#3F41F9" stroke-width="2" />
<path
d="M47.7071 31.7071C48.0976 31.3166 48.0976 30.6834 47.7071 30.2929L41.3431 23.9289C40.9526 23.5384 40.3195 23.5384 39.9289 23.9289C39.5384 24.3195 39.5384 24.9526 39.9289 25.3431L45.5858 31L39.9289 36.6569C39.5384 37.0474 39.5384 37.6805 39.9289 38.0711C40.3195 38.4616 40.9526 38.4616 41.3431 38.0711L47.7071 31.7071ZM15 32H47V30H15V32Z"
fill="#3F41F9" />
</svg>
</a>
</div>
</div>
<div class="reviews-content__item reviews-content__item--size-bg">
<p class="reviews-content__item-text">Прекрасный дизайнер, с пониманием структуры SPA. Профессиональный
подход к работе. Внесены все правки. Оперативная коммуникация, позитивный настрой. Рекомендую к
сотрудничеству!</p>
<div class="reviews-content__item-box">
<img class="reviews-content__item-img" src="images/reviews/pavelchabanov.png" alt="pavelchabanov">
<div class="reviews-content__item-wrapper">
<h4 class="reviews-content__item-title">Павло Чабанов</h4>
<p class="reviews-content__item-subtitle">Разработка дизайна SPA веб-приложения криптообменник</p>
</div>
<a class="reviews-content__item-link" data-fancybox data-type="image"
href="images/popup-reviews/chabanov.png">
<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="30.5" cy="30.5" r="29.5" stroke="#3F41F9" stroke-width="2" />
<path
d="M47.7071 31.7071C48.0976 31.3166 48.0976 30.6834 47.7071 30.2929L41.3431 23.9289C40.9526 23.5384 40.3195 23.5384 39.9289 23.9289C39.5384 24.3195 39.5384 24.9526 39.9289 25.3431L45.5858 31L39.9289 36.6569C39.5384 37.0474 39.5384 37.6805 39.9289 38.0711C40.3195 38.4616 40.9526 38.4616 41.3431 38.0711L47.7071 31.7071ZM15 32H47V30H15V32Z"
fill="#3F41F9" />
</svg>
</a>
</div>
</div>
<div class="reviews-content__item">
<p class="reviews-content__item-text">Все прошло хорошо, Благодарю за проект.
Все выполнено отлично. Сотрудничаю уже не первый раз.</p>
<div class="reviews-content__item-box">
<img class="reviews-content__item-img" src="images/reviews/slavaskryta.png" alt="slavaskryta">
<div class="reviews-content__item-wrapper">
<h4 class="reviews-content__item-title">Вячеслав Скрыта</h4>
<p class="reviews-content__item-subtitle">Проект по посадочной странице
криптовалюты eGOLD</p>
</div>
<a class="reviews-content__item-link" data-fancybox data-type="image"
href="images/popup-reviews/Skrita.png">
<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="30.5" cy="30.5" r="29.5" stroke="#3F41F9" stroke-width="2" />
<path
d="M47.7071 31.7071C48.0976 31.3166 48.0976 30.6834 47.7071 30.2929L41.3431 23.9289C40.9526 23.5384 40.3195 23.5384 39.9289 23.9289C39.5384 24.3195 39.5384 24.9526 39.9289 25.3431L45.5858 31L39.9289 36.6569C39.5384 37.0474 39.5384 37.6805 39.9289 38.0711C40.3195 38.4616 40.9526 38.4616 41.3431 38.0711L47.7071 31.7071ZM15 32H47V30H15V32Z"
fill="#3F41F9" />
</svg>
</a>
</div>
</div>
<div class="reviews-content__item reviews-content__item--size-sm">
<p class="reviews-content__item-text">Быстро и главное намного больше было сделано, чем изначально
обговаривалось. Большой плюс!</p>
<div class="reviews-content__item-box">
<img class="reviews-content__item-img" src="images/reviews/egorkozelskij.png" alt="egorkozelskij">
<div class="reviews-content__item-wrapper">
<h4 class="reviews-content__item-title">Егор Козельский</h4>
<p class="reviews-content__item-subtitle">Дизайн Dashboard To do страниц</p>
</div>
<a class="reviews-content__item-link" data-fancybox data-type="image"
href="images/popup-reviews/Kozelsky.png">
<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="30.5" cy="30.5" r="29.5" stroke="#3F41F9" stroke-width="2" />
<path
d="M47.7071 31.7071C48.0976 31.3166 48.0976 30.6834 47.7071 30.2929L41.3431 23.9289C40.9526 23.5384 40.3195 23.5384 39.9289 23.9289C39.5384 24.3195 39.5384 24.9526 39.9289 25.3431L45.5858 31L39.9289 36.6569C39.5384 37.0474 39.5384 37.6805 39.9289 38.0711C40.3195 38.4616 40.9526 38.4616 41.3431 38.0711L47.7071 31.7071ZM15 32H47V30H15V32Z"
fill="#3F41F9" />
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="sales">
<div class="container-sales">
<div class="sales__inner">
<div class="sales__content">
<h3 class="sales__content-title">Приятная <span>скидка в 10%</span> для тех, кто о нас говорит!</h3>
<p class="sales__content-subtitle">Мы благодарны клиентам, которые не стесняются выражать свои эмоции.</p>
<div class="sales__content-box">
<a class="sales__content-btn popup-link" href="#popup">Создать пушку!</a>
<p class="sales__content-text">Оставьте свой комментарий и стоимость вашего заказа будет уменьшена на 10%.
</p>
</div>
</div>
<img class="sales__img" src="images/robot-sales.png" alt="robot sales">
</div>
</div>
</section>
<section class="questions">
<div class="container">
<div class="questions__inner">
<div class="questions-top">
<h3 class="questions-top__title" data-title="Нас часто спрашивают"><span>Н</span>ас часто спрашивают</h3>
<a class="questions-top__link" href="#">Все вопросы</a>
</div>
<div class="questions-content">
<div class="questions-content__item">
<h4 class="questions-content__item-title">Как оформить заявку на дизайн сайта?</h4>
<svg width="23" height="18" viewBox="0 0 23 18" fill="none">
<path d="M1 1L11.4167 16L21.8333 1" stroke="white" stroke-width="2" stroke-linecap="round" />
</svg>
<p class="questions-content__item-text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Labore
possimus reprehenderit exercitationem qui, expedita maxime sequi similique obcaecati laborum. Cumque,
similique error sed neque dolor voluptas provident? Beatae, nulla ratione?</p>
</div>
<div class="questions-content__item">
<h4 class="questions-content__item-title">Всегда ли нужно ТЗ и где его взять?</h4>
<svg width="23" height="18" viewBox="0 0 23 18" fill="none">
<path d="M1 1L11.4167 16L21.8333 1" stroke="white" stroke-width="2" stroke-linecap="round" />
</svg>
<p class="questions-content__item-text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Labore
possimus reprehenderit exercitationem qui, expedita maxime sequi similique obcaecati laborum. Cumque,
similique error sed neque dolor voluptas provident? Beatae, nulla ratione?</p>
</div>
<div class="questions-content__item">
<h4 class="questions-content__item-title">Почему так важно придерживаться правил UI/UX?</h4>
<svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L11.4167 16L21.8333 1" stroke="white" stroke-width="2" stroke-linecap="round" />
</svg>
<p class="questions-content__item-text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Labore
possimus reprehenderit exercitationem qui, expedita maxime sequi similique obcaecati laborum. Cumque,
similique error sed neque dolor voluptas provident? Beatae, nulla ratione?</p>
</div>
<div class="questions-content__item">
<h4 class="questions-content__item-title">Как составляется смета проекта? От чего зависит ее размер?</h4>
<svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L11.4167 16L21.8333 1" stroke="white" stroke-width="2" stroke-linecap="round" />
</svg>
<p class="questions-content__item-text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Labore
possimus reprehenderit exercitationem qui, expedita maxime sequi similique obcaecati laborum. Cumque,
similique error sed neque dolor voluptas provident? Beatae, nulla ratione?</p>
</div>
<div class="questions-content__item">
<h4 class="questions-content__item-title">Почему мы не присылаем промежуточные варианты дизайна?</h4>
<svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L11.4167 16L21.8333 1" stroke="white" stroke-width="2" stroke-linecap="round" />
</svg>
<p class="questions-content__item-text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Labore
possimus reprehenderit exercitationem qui, expedita maxime sequi similique obcaecati laborum. Cumque,
similique error sed neque dolor voluptas provident? Beatae, nulla ratione?</p>
</div>
</div>
<div class="questions__box">
<div class="questions__images">
<div class="questions__layer" data-depth="0.5">
<img src="images/shadow-stars.png" alt="shadow stars">
</div>
</div>
</div>
<a class="questions__btn popup-link" href="#popup">Задать вопрос</a>
</div>
</div>
</section>
<section class="blog">
<div class="container">
<h4 class="blog__title" data-title="Полезно знать">
<span>П</span>олезно знать
</h4>
<div class="blog__items">
<div class="blog__item">
<img class="blog__item-img" src="images/blog/news-1.png" alt="news">
<a class="blog__item-link" href="#">Для чего нужен набросок структуры?</a>
</div>
<div class="blog__item">
<img class="blog__item-img" src="images/blog/news-2.png" alt="news">
<a class="blog__item-link" href="#">Как составить ТЗ для дизайнера?</a>
</div>
<div class="blog__item">
<img class="blog__item-img" src="images/blog/news-3.png" alt="news">
<a class="blog__item-link" href="#">Из чего формируется стоимость дизайна?</a>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer-container">
<div class="footer__inner">
<div class="footer-content">
<h3 class="footer-content__title">Чтобы искусственный интеллект <span>начал работать</span>, ему нужно
поставить <span>задачу! </span></h3>
<form class="footer-content__form" action="#">
<a class="footer-content__mail" href="#"></a>
<a class="footer-content__btn popup-link" href="mailto:weesign.vn@gmail.com">Написать нам!</a>
</form>
<img class="footer-content__img" src="images/robot.png" alt="robot">
</div>
<div class="footer-bottom">
<div class="footer-bottom__item">
<p class="footer-bottom__text">© 2021 Студия веб-дизайна “WeeSign”</p>
<a class="footer-bottom__link" href="#">Политика конфиденциальности</a>
<a class="footer-bottom__link" href="#">Политика обработки персональных данных</a>
</div>
<div class="footer-bottom__social">
<h4 class="footer-bottom__title">Мы в соцсетях</h4>
<a class="footer-bottom__social-link" href="#">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M11.9968 7.9983C9.79333 7.9983 7.99515 9.79651 7.99515 12C7.99515 14.2035 9.79333 16.0017 11.9968 16.0017C14.2002 16.0017 15.9984 14.2035 15.9984 12C15.9984 9.79651 14.2002 7.9983 11.9968 7.9983ZM23.9987 12C23.9987 10.3429 24.0137 8.70077 23.9206 7.04665C23.8275 5.12536 23.3893 3.4202 21.9843 2.01525C20.5764 0.607302 18.8743 0.172008 16.953 0.0789456C15.2959 -0.0141173 13.6539 0.000892936 11.9998 0.000892936C10.3427 0.000892936 8.70061 -0.0141173 7.04652 0.0789456C5.12526 0.172008 3.42014 0.610305 2.01522 2.01525C0.607291 3.42321 0.172005 5.12536 0.0789442 7.04665C-0.014117 8.70377 0.000892919 10.3459 0.000892919 12C0.000892919 13.6541 -0.014117 15.2992 0.0789442 16.9533C0.172005 18.8746 0.610293 20.5798 2.01522 21.9847C3.42314 23.3927 5.12526 23.828 7.04652 23.9211C8.70361 24.0141 10.3457 23.9991 11.9998 23.9991C13.6569 23.9991 15.2989 24.0141 16.953 23.9211C18.8743 23.828 20.5794 23.3897 21.9843 21.9847C23.3923 20.5768 23.8275 18.8746 23.9206 16.9533C24.0167 15.2992 23.9987 13.6571 23.9987 12ZM11.9968 18.1572C8.58954 18.1572 5.83973 15.4073 5.83973 12C5.83973 8.5927 8.58954 5.84284 11.9968 5.84284C15.404 5.84284 18.1538 8.5927 18.1538 12C18.1538 15.4073 15.404 18.1572 11.9968 18.1572ZM18.406 7.02864C17.6105 7.02864 16.968 6.38621 16.968 5.59067C16.968 4.79513 17.6105 4.1527 18.406 4.1527C19.2015 4.1527 19.8439 4.79513 19.8439 5.59067C19.8442 5.77957 19.8071 5.96667 19.735 6.14124C19.6628 6.31581 19.5569 6.47442 19.4233 6.608C19.2897 6.74157 19.1311 6.84748 18.9565 6.91967C18.782 6.99185 18.5949 7.02888 18.406 7.02864Z"
fill="#01072A" />
</svg>
</a>
<a class="footer-bottom__social-link" href="#">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M22.5 2H2.5C1.125 2 0.0125 3.125 0.0125 4.5L0 19.5C0 20.875 1.125 22 2.5 22H22.5C23.875 22 25 20.875 25 19.5V4.5C25 3.125 23.875 2 22.5 2ZM22 7.3125L13.1625 12.8375C12.7625 13.0875 12.2375 13.0875 11.8375 12.8375L3 7.3125C2.87466 7.24214 2.7649 7.14708 2.67736 7.03307C2.58982 6.91906 2.52633 6.78847 2.49072 6.64921C2.45511 6.50995 2.44813 6.36492 2.4702 6.22288C2.49226 6.08085 2.54292 5.94477 2.6191 5.82288C2.69528 5.70099 2.79541 5.59582 2.91341 5.51374C3.03141 5.43167 3.16484 5.37439 3.30562 5.34537C3.4464 5.31636 3.5916 5.31621 3.73244 5.34494C3.87328 5.37366 4.00683 5.43067 4.125 5.5125L12.5 10.75L20.875 5.5125C20.9932 5.43067 21.1267 5.37366 21.2676 5.34494C21.4084 5.31621 21.5536 5.31636 21.6944 5.34537C21.8352 5.37439 21.9686 5.43167 22.0866 5.51374C22.2046 5.59582 22.3047 5.70099 22.3809 5.82288C22.4571 5.94477 22.5077 6.08085 22.5298 6.22288C22.5519 6.36492 22.5449 6.50995 22.5093 6.64921C22.4737 6.78847 22.4102 6.91906 22.3226 7.03307C22.2351 7.14708 22.1253 7.24214 22 7.3125Z"
fill="#01072A" />
</svg>
</a>
<a class="footer-bottom__social-link" href="#">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M24 12C24 18.627 18.627 24 12 24C5.373 24 0 18.627 0 12C0 5.373 5.373 0 12 0C18.627 0 24 5.373 24 12ZM12.43 8.859C11.263 9.344 8.93 10.349 5.432 11.873C4.864 12.099 4.566 12.32 4.539 12.536C4.493 12.902 4.951 13.046 5.573 13.241C5.658 13.268 5.746 13.295 5.836 13.325C6.449 13.524 7.273 13.757 7.701 13.766C8.09 13.774 8.524 13.614 9.003 13.286C12.271 11.079 13.958 9.964 14.064 9.94C14.139 9.923 14.243 9.901 14.313 9.964C14.383 10.026 14.376 10.144 14.369 10.176C14.323 10.369 12.529 12.038 11.599 12.902C11.309 13.171 11.104 13.362 11.062 13.406C10.968 13.503 10.872 13.596 10.78 13.685C10.21 14.233 9.784 14.645 10.804 15.317C11.294 15.64 11.686 15.907 12.077 16.173C12.504 16.464 12.93 16.754 13.482 17.116C13.622 17.208 13.756 17.303 13.887 17.396C14.384 17.751 14.831 18.069 15.383 18.019C15.703 17.989 16.035 17.688 16.203 16.789C16.6 14.663 17.382 10.059 17.563 8.161C17.574 8.00341 17.5673 7.84509 17.543 7.689C17.5285 7.56293 17.4671 7.44693 17.371 7.364C17.228 7.247 17.006 7.222 16.906 7.224C16.455 7.232 15.763 7.473 12.43 8.859Z"
fill="#01072A" />
</svg>
</a>
</div>
</div>
</div>
</div>
</footer>
<div class="popup" id="popup">
<a class="popup__area" href="#header"></a>
<div class="popup__body">
<div class="popup__content">
<a class="popup__close close-popup" href="#">
<img src="images/icons/close-icon.svg" alt="close">
</a>
<h4 class="popup__title">Оставить заявку</h4>
<p class="popup__text">Оставьте заявку заполнив данные. Мы свяжемся с вами в течении 30 минут после отправки.
</p>
<form class="popup__form" action="#">
<input class="popup__input" type="text" placeholder="Ваше имя">
<input class="popup__input" type="tel" placeholder="Электронная почта">
<input class="popup__input-tel" type="text" placeholder="Телефон">
<textarea class="popup__textarea" placeholder="Комментарий"></textarea>
<a class="popup__btn" href="#">Создать пушку!</a>
</form>
</div>
</div>
</div>
<script src="js/main.min.js"></script>
</body>
</html>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.