<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="apple-touch-icon" sizes="57x57" href="icons/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="icons/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="icons/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="icons/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="icons/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="icons/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="icons/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="icons/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="icons/favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="icons/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
    <link rel="stylesheet" href="css/style.min.css">
    <script src="https://kit.fontawesome.com/db9dd6ad17.js" crossorigin="anonymous"></script>
    <title>Wocom</title>
</head>
    <body>
        <div class="wrapper">
            <div class="content">
                <div class="menu">
                    <div class="menu__block">
                        <div class="menu__close">
                            <svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M17.1568 14.5231L28.4489 3.23075C29.1837 2.49623 29.1837 1.30861 28.4489 0.574085C27.7144 -0.160437 26.5267 -0.160437 25.7922 0.574085L14.4998 11.8665L3.20781 0.574085C2.47295 -0.160437 1.28567 -0.160437 0.551149 0.574085C-0.183716 1.30861 -0.183716 2.49623 0.551149 3.23075L11.8432 14.5231L0.551149 25.8155C-0.183716 26.55 -0.183716 27.7376 0.551149 28.4721C0.917206 28.8385 1.39852 29.0226 1.87948 29.0226C2.36045 29.0226 2.84141 28.8385 3.20781 28.4721L14.4998 17.1798L25.7922 28.4721C26.1586 28.8385 26.6396 29.0226 27.1205 29.0226C27.6015 29.0226 28.0825 28.8385 28.4489 28.4721C29.1837 27.7376 29.1837 26.55 28.4489 25.8155L17.1568 14.5231Z" fill="black"/>
                            </svg>
                        </div>
                        <nav>
                            <ul class="menu__list">
                                <li class="menu__link"><a href="services.html">Услуги</a></li>
                                <li class="menu__link"><a href="projects.html">Проекты</a></li>
                                <li class="menu__link"><a href="vacancy.html">Вакансии</a></li>
                                <li class="menu__link"><a href="contacts.html">Контакты</a></li>    
                                <li class="menu__link"><a href="checklist.html">Стать клиентом</a></li> 
                            </ul>
                        </nav>   
                    </div>
                    <div class="menu__overlay"></div>
                </div>
                <section class="promo">

                    <header class="header">
                        <div class="container">
                            <div class="header__wrapper">
                                <a href="index.html" class="header__link"><img src="img/header/logo.png" alt="logo"></a>
                                <nav>
                                    <ul class="header__list">
                                        <li class="header__item"><a href="services.html" class="header__link">Услуги</a></li>
                                        <li class="header__item"><a href="projects.html" class="header__link">Проекты</a></li>
                                        <li class="header__item"><a href="vacancy.html" class="header__link">Вакансии</a></li>
                                        <li class="header__item"><a href="contacts.html" class="header__link">Контакты</a></li>
                                    </ul>
                                </nav>
                                <a href="checklist.html" class="header__link">Стать клиентом<i class="fas fa-chevron-right arrow"></i></a>
                            </div>
                        </div>
                    </header>
                    <div class="container">
                        <a href="index.html" class="logo promo__logo"><img src="img/header/logo.png" alt="logo"></a>
                        <div class="hamburger">
                            <span></span>
                            <span class="long"></span>
                            <span></span>
                        </div>
                        <div class="promo__wrapper">
                            <h1 class="title">Создаём IT решения для компаний любого масштаба</h1>
                            <a href="#" class="promo__link">#web #mobile #автоматизация</a>
                        </div>
                        <div class="promo__symbol">
                            <svg viewBox="0 0 894 678" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M296.297 0L238.187 110.446L327.587 281.542L475.736 0H296.297Z" fill="#562865"/>
                                <path d="M545.34 259.836C479.567 225.362 398.469 250.26 363.986 315.379C329.503 381.136 354.407 462.215 419.541 496.689L545.34 259.836Z" fill="#562865"/>
                                <path d="M0 0L148.149 281.542L238.187 110.446L180.077 0H0Z" fill="#562865"/>
                                <path d="M141.763 678C220.056 678 283.526 614.546 283.526 536.271C283.526 457.997 220.056 394.542 141.763 394.542C63.4694 394.542 0 457.997 0 536.271C0 614.546 63.4694 678 141.763 678Z" fill="#562865"/>
                                <path d="M752.237 283.458C830.531 283.458 894 220.003 894 141.729C894 63.4542 830.531 0 752.237 0C673.944 0 610.474 63.4542 610.474 141.729C610.474 220.003 673.944 283.458 752.237 283.458Z" fill="#D85A5A"/>
                                <path d="M418.264 678H597.703L655.813 567.554L566.413 396.458L418.264 678Z" fill="#562865"/>
                                <path d="M655.813 567.554L713.923 678H894L745.852 396.458L655.813 567.554Z" fill="#562865"/>
                            </svg>    
                        </div>
                    </div>
                </section>
                <section class="projects">
                    <div class="container">
                        <div class="subtitle subtitle_fz26 projects__item">Пока все пытаются создать что-то революционно новое, мы просто берём то, что уже хорошо работает и доводим это до идеала. Каждый наш проект - умение находить и создавать наиболее  выгодные решения, удовлетворяя желания наших клиентов <span>"</span></div>
                        <div class="title title_fz60c">Проекты</div>
                        <div class="projects__wrapper">
                            <a href="#" class="projects__link">
                                <div class="projects__block">
                                    <img src="img/projects/7.jpg" alt="2" class="projects__img">
                                    <div class="subtitle subtitle_fz33 projects__content"><i class="fas fa-chevron-right arrow arrow-b"></i>Finance Mobile App Design</div>
                                    <div class="projects__overlay"></div>
                                </div>
                            </a>
                            <a href="#" class="projects__link">
                                <div class="projects__block">
                                    <img src="img/projects/2.jpg" alt="2" class="projects__img">
                                    <div class="subtitle subtitle_fz33 projects__content"><i class="fas fa-chevron-right arrow arrow-b"></i>Finance Mobile App Design</div>
                                    <div class="projects__overlay"></div>
                                </div>
                            </a>
                            <a href="#" class="projects__link">
                                <div class="projects__block">
                                    <img src="img/projects/3.jpg" alt="3" class="projects__img">
                                    <div class="subtitle subtitle_fz33 projects__content"><i class="fas fa-chevron-right arrow arrow-b"></i>Finance Mobile App Design</div>
                                    <div class="projects__overlay"></div>
                                </div>
                            </a>
                            <a href="#" class="projects__link">
                                <div class="projects__block">
                                    <img src="img/projects/8.jpg" alt="4" class="projects__img">
                                    <div class="subtitle subtitle_fz33 projects__content"><i class="fas fa-chevron-right arrow arrow-b"></i>Finance Mobile App Design</div>
                                    <div class="projects__overlay"></div>
                                </div>
                            </a>
                        </div>
                        <a href="projects.html" class="projects__link">
                            <div class="projects__blck tirle title_fz14r">Все проекты<i class="fas fa-chevron-right arrow arrow-w"></i></div>
                        </a>
                    </div>
                </section>
                <section class="work">
                    <div class="container">
                        <div class="title title_fz60c work-title">Процесс работы</div>
                        <div class="work__wrapper">
                            <div class="work__itemimg">
                                <img src="img/work/1.png" alt="1" class="work__img">
                            </div>
                            <div class="work__content begin">
                                <div class="subtitle subtitle_fz37">Проектирование и анализ</div>
                                <div class="subtitle subtitle_fz18 work-txt">Каждый проект мы начинаем с исследования и определения границ и ограничений системы. На основе данных, полученных при анализе, мы составляем список приоритетных задач по каждому этапу работы.</div>
                                <div class="work__number title title_fz160">01</div>
                            </div>
                            <div class="work__content work__content-end">
                                <div class="subtitle subtitle_fz37">Дизайн</div>
                                <div class="subtitle subtitle_fz18 work-txt">Cоздаём общую визуальную концепцию и определяем стилистику проекта, после этого мы приступаем к созданию прототипов и дизайна. В крупных проектах мы создаем UI карту с правилами и типовыми элементами. В будущем это сэкономит время и силы при создании новых продуктов и элементов, сохраняя общую визуальную целостность проекта.</div>
                                <div class="work__number-end title title_fz160">02</div>
                            </div>
                            <div class="work__itemimg">
                                <img src="img/work/2.png" alt="2" class="work__img">
                            </div>
                            <div class="work__itemimg">
                                <img src="img/work/3.png" alt="3" class="work__img">
                            </div>
                            <div class="work__content end">
                                <div class="subtitle subtitle_fz37">Разработка</div>
                                <div class="subtitle subtitle_fz18 work-txt">Над кодом трудятся профессиональные разработчики под руководством тимлидов. Мы способны самостоятельно решить сложные технические задачи: высоконагруженные проекты, мобильные приложения под iOS и Android, а так же интегрироваться с различными сторонними сервисами, оборудованием или beck-end’ом клиента.</div>
                                <div class="work__number title title_fz160">03</div>
                            </div>
                            <div class="work__content work__content-end">
                                <div class="subtitle subtitle_fz37">Поддержка</div>
                                <div class="subtitle subtitle_fz18 work-txt">Мы не просто завершаем проект, выпуская его в свободное плавание. Наша цель — в короткие сроки собрать рабочий MVP и трудиться над его постоянным улучшением и созданием нового функционала.</div>
                                <div class="work__number-end title title_fz160">04</div>
                            </div>
                            <div class="work__itemimg">
                                <img src="img/work/4.png" alt="4" class="work__img">
                            </div>
                        </div>
                    </div>
                </section>
                <section class="withus">
                    <div class="container">
                        <div class="title title_fz60c">Работа у нас</div>
                        <div class="withus__wrapper">
                            <a href="#" class="withus__link withus__block withus__block-r subtitle subtitle_fz26w"><i class="fas fa-chevron-right arrow arrow-b"></i>Аналитик мобильных приложений</a>
                            <a href="#" class="withus__link withus__block withus__block-m subtitle subtitle_fz26w"><i class="fas fa-chevron-right arrow arrow-b"></i>PHP разработчик (проект)</a>
                        </div>
                        <a href="vacancy.html" class="withus__link">
                            <div class="withus__block tirle title_fz14r">Все вакансии <i class="fas fa-chevron-right arrow arrow-w"></i></div>
                        </a>
                    </div>
                </section>
            </div>
            <footer class="footer">
                <div class="container">
                    <div class="footer__wrapper">
                        <div class="footer__info">
                            <!-- <a href="tel:+79655969554" class="footer__link title title_fz60w footer__number">+7 965 596 95 54</a> -->
                            <div class="info-company">
                                <div class="info-company__address">
                                    <p>Юридический адрес:</p>
                                    <p>
                                        г. Казань, ул. Оренбургский тракт д.24в, помещение 1008
                                    </p>
                                </div>
                                <div class="info-company__data">
                                    ООО «ВОКОМ» <br>
                                    ИНН 1684008720 <br>
                                    КПП 168401001 <br>
                                    ОГРН 1221600089138 <br>
                                </div>
                            </div>
                        </div>
                        <div class="footer__item">
                            <div class="footer__address">
                                <a href="mailto:info@wocom.biz" class="footer__link subtitle subtitle_fz22">info@wocom.biz</a>
                                <!-- <a href="https://go.2gis.com/ta1lzx" class="footer__link subtitle subtitle_fz22">Казань, ул. Соловецких Юнг д. 1</a> -->
                            </div>
                            <div class="footer__social">
                                <!-- <a href="https://www.instagram.com/wocom_it/?igshid=1sf2fgxfdng30" class="footer__link title title_fz14w footer__sociallink">instagram</a> -->
                                <a href="#" class="footer__link title title_fz14w footer__sociallink">clubhouse</a>
                                <a href="#" class="footer__link title title_fz14w footer__sociallink">facebook</a>
                            </div>
                        </div>
                    </div>
                    <div class="footer__policy">
                        <div class="subtitle subtitle_fz12">© 2021  Wocom</div>
                        <a href="#" class="footer__link subtitle subtitle_fz12">Политика конфиденциальности</a>
                    </div>
                </div>
            </footer>
        </div>
        <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
        <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        <script src="js/jquery.validate.min.js"></script>
        <script src="js/jquery.maskedinput.min.js"></script>
        <script src="js/script.js"></script>
    </body>
</html>