index.html 28.25 KiB
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=.5,maximum-scale=2">
    <title>OTM 2019: Indian Ocean & Africa</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico" />
    <link rel="apple-touch-icon" href="favicon.ico" />
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/bootstrap4.css">
    <link rel="stylesheet" href="css/slick.css">
    <!--<link rel="stylesheet" href="https://profi.travel/css/ace5800.css">-->
    <link rel="stylesheet" href="css/style.min.css">
    <link href="https://fonts.googleapis.com/css?family=Fira+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <script src="js/slick.min.js"></script>
    <script src="js/workshop_manipulation.js"></script>
    <script src="js/main.min.js"></script>
</head>
<body>
<header>
    <div class="container">
        <div class="row no-gutters">
            <div class="col-12 col-lg-5">
                <div class="header">
                    <img class="header__logo" src="img/main_logo.png" alt="">
                    <div class="header__text">
                        <div class="header__text-title"><span class="text_main">OTM 2019:</span><br> Indian Ocean & Africa</div>
                        <div class="header__text-desc">Пятая онлайн-выставка по островам Индийского океана и Африке</div>
                        <div class="header__text-date">1–7 июля</div>
                    </div>
                </div>
                <div class="registration">
                    <button class="btn btn_registration">Зарегистрироваться</button>
                    <div class="registration__participants">
                        <div class="registration__participants-num">2468</div>
                        <div class="registration__participants-desc">коллег<br> уже зарегистрировалось</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="slider-header">
        <picture>
            <source media="(min-width: 1200px)" srcset="img/header_bg_1.jpg">
            <source media="(min-width: 992px)" srcset="img/header_bg_t1.jpg">
            <img class="slide" src="img/header_bg_m1.jpg" alt="">
        </picture>
        <picture>
            <source media="(min-width: 1200px)" srcset="img/header_bg_2.jpg">
            <source media="(min-width: 992px)" srcset="img/header_bg_t2.jpg">
            <img class="slide" src="img/header_bg_m2.jpg" alt="">
        </picture>
        <picture>
            <source media="(min-width: 1200px)" srcset="img/header_bg_3.jpg">
            <source media="(min-width: 992px)" srcset="img/header_bg_t3.jpg">
            <img class="slide" src="img/header_bg_m3.jpg" alt="">
        </picture>
    </div>
</header>
<div id="main-menu">
    <div class="container">
        <nav>
            <a href="#prizes"><i class="icon icon_prizes"></i> Призы</a>
            <a href="#stands"><i class="icon icon_stands"></i> Стенды</a>
            <a href="#schedule"><i class="icon icon_schedule"></i> Расписание</a>
            <a href="#rating"><i class="icon icon_rating"></i> Посетители</a>
            <a href="#tutorial"><i class="icon icon_tutorial"></i> Учебник</a>
            <a href="#news"><i class="icon icon_news"></i> Новости</a>
        </nav>
</div> </div> <main> <!-- <section id="dynamic"> <div class="container"> <div class="row no-gutters"> <div class="col-12 col-lg-7 col-xl-8"> <div id="currentWebinar"> <div class="block_dynamic__stream" style="background-image:url(//uploads.profi.travel/storage/uploads/webinar/preview/5c74f630370f3821584700.jpg)"> <iframe id="webinarBackgroundVideo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="YouTube video player" width="640" height="360" src="https://www.youtube.com/embed/yRhSlDvxZgM?enablejsapi=1&controls=0&showinfo=0&rel=0&loop=1&?enablejsapi=1&origin=http%3A%2F%2Fprofi-travel.loc&widgetid=3" allowfullscreen></iframe> <div class="block_dynamic__stream-label"><i class="icon icon_air"></i> Сейчас в эфире</div> <div class="block_dynamic__stream-type">презентация</div> <div class="block_dynamic__stream-body"> <div class="block_dynamic__stream-title">Г/к «Романтик», всесезонный горный курорт «Архыз»:</div> <div class="block_dynamic__stream-desc">Изучаем одно из лучших мест в горах Архыза: европейский уровень по комфортным ценам.</div> </div> <div class="block_dynamic__stream-footer"> <div class="row"> <div class="col-12 col-xl-8"> <div class="block_countdown"> <div class="block_countdown__text">До презентации осталось:</div> <div class="countdown"> <span class="countDays"><span class="digit static">1</span></span> <span class="countHours"><span class="digit static">22</span></span> <span class="countMinutes"><span class="digit static">20</span></span> </div> </div> </div> <div class="col-12 col-xl-4"> <div class="block_dynamic__stream-btn"> <a class="btn btn_look" href="#" target="_blank">Смотреть</a> </div> </div> </div> </div> </div> </div> </div> <div class="col-12 col-lg-5 col-xl-4"> <div id="comingSoonTabs" class="js-tabs"> <ul class="dynamic__menu"> <li class="dynamic__menu-item js-tabs-btn"><span>Скоро онлайн</span></li> <li class="dynamic__menu-item js-tabs-btn"><span>Новинки</span></li> </ul> <div class="dynamic__body"> <div class="coming-soon js-tabs-body"> <div class="coming-soon__item"> <a href="#" target="_blank"><span class="coming-soon__item-date"><span class="coming-soon__item-day">29</span><span class="coming-soon__item-month">марта</span><span class="coming-soon__item-time">11:00</span></span><span class="coming-soon__item-event"><span class="coming-soon__item-title">Республиканский туристский информационный центр Республики Калмыкия</span> Притягательная Калмыкия: от дзен-туризма до ярких фестивальных красок. </span></a> </div> </div> <div class="novelties js-tabs-body"> <div class="novelties__item"> <a href="#"><span class="novelties__icon_page"></span><span class="novelties__item-event"><span class="novelties__item-title">Новость:</span> Что мешает росту зарубежного турпотока в РФ? Туроператоры озвучили проблемы </span></a> </div> <div class="novelties__item"> <a href="#"><span class="novelties__icon_page"></span><span class="novelties__item-event"><span class="novelties__item-title">Новость от Республиканский туристский информационный центр Республики Калмыкия:</span> Незабываемые выходные в Калмыкии: почему туристам стоит увидеть Фестиваль тюльпанов? </span></a> </div> <div class="novelties__item"> <a href="#"><span class="novelties__icon_page"></span><span class="novelties__item-event"><span class="novelties__item-title">Новость:</span> Когда запустят новый терминал в аэропорту «Одесса» </span></a> </div> <div class="novelties__item"> <a href="#"><span class="novelties__icon_page"></span><span class="novelties__item-event"><span class="novelties__item-title">Новость от Национальная организация туризма Кореи:</span> Где в Южной Корее лучшие места для отдыха весной и летом. Участник OTM: Summer 2019 </span></a> </div> <div class="novelties__item"> <a href="#"><span class="novelties__icon_page"></span><span class="novelties__item-event"><span class="novelties__item-title">Новость от Принимающая компания Nexus Holidays:</span> С кем сотрудничать в Китае? С Nexus Holidays: туры от эксклюзива до масс-маркета. На OTM: Summer 2019 </span></a> </div> </div> </div> </div>
</div> <div class="col-12"> <div id="liveStatistic"> <div class="row"> <div class="col-12 offset-lg-3 col-lg-3"> <div id="onlineCount" class="live-statistic__count odometer odometer-auto-theme"> <div class="odometer-inside"> <span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">7</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">1</span></span></span></span></span> </div> </div> <div class="live-statistic__text">человек посмотрели выставку<br> в прямом эфире</div> </div> <div class="col-12 col-lg-3"> <div id="offlineCount" class="live-statistic__count odometer odometer-auto-theme"> <div class="odometer-inside"> <span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">2</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">0</span></span></span></span></span> </div> </div> <div class="live-statistic__text">участников посмотрели<br> выставку в записи</div> </div> </div> </div> </div> </div> </div> </section> --> <!-- <section id="last-activity"> <div id="lastUserRatingBlock" data-images-url="/api/1.0/workshop/133/subscribers/pictures" data-last-rating-url="/api/1.0/workshop/133/last/rating/data"> <div id="lastUserRatingBackground"> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5534206ab0b412583428.png)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c6436a3c2b32242944980.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c55c6f6c14e8582115490.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c548b6580d44239593520.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5558bc9f0c2308867666.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c54c2b714851773612029.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c556aece4bb5234627196.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c55e279f2d1e414238755.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5497a9c6b1a777445455.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5cc157f86547e765689088.jpg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5572b5873ea587590531.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c556b3d8e369614118705.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c55e46584ea4619426950.png)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c54916f70f0f145625310.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c552ef2369b2950645713.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5cc05ccc21f0c769582626.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c99e4e39cd61384848830.JPG)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5cb7b026530e8557926404.jpg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5d75ab617cf376638849.jpg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c55dc51a37b0943683035.png)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c54b4e2b8f7c183679309.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5cc0549ea689f177037613.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c54a8af24880609146851.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5cbffc76b5cc5351696437.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c54a07c53305028304902.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5cc1702a7ad2d190442233.jpg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5509bf239d1262624685.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c54903c2aafc763632147.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5ab0f67af85269447953.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c55a82e566fb446451250.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c549aaa195a0357724597.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c54f7e24cc1d308901889.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5515a94d9f9749407319.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c559d101a82f248012001.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5494d7e0232019020605.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5563a32b401026276026.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5560c2716c8555402792.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c54fbd66dc74790233656.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c54aefcccce5080345437.jpeg)"></div>
<div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c55c606dec46915078186.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5493674855a256499536.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c55c8b82627d873351986.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5582727140a133114962.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5493e89244e044197764.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5cbdbd4c58251052713640.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5512f8e10c1720736006.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c5542f97a4bc453404722.jpeg)"></div> <div class="bg-image" style="background-image: url(https://cdn.profi.travel/storage/profi-travel/cache/profile_medium/profile/image/5c55d8acac7e5051215876.jpeg)"></div> </div> <div id="lastUserRating" style=""> <div class="__avatar"> <div id="lastUserRatingImage" class="rating-image" style="background-image: url(/bundles/smirikturprofi/images/default_avatar.png)"></div> <div id="lastUserRatingDate">03.06.19 09:13</div> </div> <div class="__rating"> <div id="lastUserRatingSize">+20</div> <div class="__rating-desc">баллов</div> </div> <div><span id="lastUserRatingFirstName">Екатерина</span><span id="lastUserRatingLastName">Жилинская</span></div> <div><span id="lastUserRatingPosition">Руководитель</span><span id="lastUserRatingWorkName">ООО»Тур Про»</span></div> <div>г. <span id="lastUserRatingCity">Красноярск</span>, <span id="lastUserRatingCountry">Россия</span></div> <div class="__title">прямо сейчас</div> <div id="lastUserRatingDescription">Просмотр архивного вебинара «Открываем Грузию вместе с новой авиакомпанией — Myway Airlines и аэропортом Жуковский! Новинка сезона: прямые рейсы Жуковский — Тбилиси. Летом: рейсы по вт., пт. и вс., а с 1 июля — плюс понедельник!»</div> <div id="lastUserRatingProgressBar" style="width: 100%;"></div> </div> </div> </section> --> <section id="prizes"> <div class="container"> <h1>Призовой фонд</h1> <div class="row no-gutters"> <div class="col-12 col-lg-6 col-xl-5"> <div class="prize__text"> <div class="prize__text-title">Уикенд на Мальдивах!</div> <div class="prize__text-lead">Двухдневный экскурсионный тур от туроператора: Resort Life Maldives на двоих</div> <div class="prize__text-desc">Счастливчиков ждет богатая экскурсионная и развлекательная программа: осмотр старинных кварталов и новых ансамблей Мальдив, посещение величественного замка в Мире, дворцового комплекса.</div> <div class="prize__text-btn"> <a href="#" class="btn btn_medium btn_main">Перейти на стенд</a> </div> </div> </div> <div class="col-12 col-lg-6 col-xl-7"> <div class="prize__photo"> <img src="img/prize_1.png" alt=""> <img src="img/prize_2.png" alt=""> </div> </div> </div> </div> </section> <section id="stands"> <div class="container"></div> </section> <section id="schedule"> <div class="container"></div> </section> <section id="rating"> <div class="container"></div> </section> <section id="tutorial"> <div class="container"> <h1>Учебник от Profi.Travel</h1> <div class="row"> <div class="col-12 col-lg-6"> <div class="tutorial"> <img src="img/tutorial_1.jpg" alt=""> <div class="tutorial__text"> <div class="tutorial__text-title">Полетели в Азию! Более 70 рекламников для агентов</div>
<div class="tutorial__text-desc">Profi.Travel представляет вашему вниманию все осенние инфотуры по массовым азиатским направлениям.</div> <a class="tutorial__text-btn" href="#">Читать</a> </div> </div> </div> <div class="col-12 col-lg-6"> <div class="tutorial"> <img src="img/tutorial_1.jpg" alt=""> <div class="tutorial__text"> <div class="tutorial__text-title">Полетели в Азию! Более 70 рекламников для агентов</div> <div class="tutorial__text-desc">Profi.Travel представляет вашему вниманию все осенние инфотуры по массовым азиатским направлениям.</div> <a class="tutorial__text-btn" href="#">Читать</a> </div> </div> </div> <div class="col-12 col-lg-6"> <div class="tutorial"> <img src="img/tutorial_1.jpg" alt=""> <div class="tutorial__text"> <div class="tutorial__text-title">Полетели в Азию! Более 70 рекламников для агентов</div> <div class="tutorial__text-desc">Profi.Travel представляет вашему вниманию все осенние инфотуры по массовым азиатским направлениям.</div> <a class="tutorial__text-btn" href="#">Читать</a> </div> </div> </div> <div class="col-12 col-lg-6"> <div class="tutorial disabled"> <img src="img/tutorial_1.jpg" alt=""> <div class="tutorial__text"> <div class="tutorial__text-title">Полетели в Азию! Более 70 рекламников для агентов</div> <div class="tutorial__text-desc">Profi.Travel представляет вашему вниманию все осенние инфотуры по массовым азиатским направлениям.</div> <a class="tutorial__text-btn" href="#">Доступно только для зарегистрированных пользователей</a> </div> </div> </div> </div> </div> </section> <section id="news"> <div class="container"></div> </section> </main> <footer> <div class="container"></div> </footer> </body> </html>