{"id":2363,"date":"2022-03-29T13:52:33","date_gmt":"2022-03-29T13:52:33","guid":{"rendered":"https:\/\/www.skyservice.cz\/?page_id=2363"},"modified":"2022-04-26T14:14:02","modified_gmt":"2022-04-26T14:14:02","slug":"test","status":"publish","type":"page","link":"https:\/\/www.skyservice.cz\/ru\/test\/","title":{"rendered":"test"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2363\" class=\"elementor elementor-2363\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fe1a9bc elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"fe1a9bc\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<section class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7be8f39\" data-id=\"7be8f39\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-977cdef elementor-widget elementor-widget-html\" data-id=\"977cdef\" data-element_type=\"widget\" id=\"ss-content\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section id=\"ss-content\">\r\n  <section id=\"ss-main\">\r\n    <section id=\"ss-slides\">\r\n      <section class=\"the-slides\">\r\n        <h2>\u041f\u0420\u0418\u0411\u042b\u0422\u0418\u0415<\/h2>\r\n        <p>\r\n          \u041d\u0438\u043a\u0430\u043a\u0438\u0445 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u0439 \u0438\u043b\u0438 \u0431\u043b\u0443\u0436\u0434\u0430\u043d\u0438\u0439 \u043f\u043e \u0434\u0440\u043e\u043f\u0437\u043e\u043d\u0435 (\u0442\u0430\u043a \u043c\u044b \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0430\u044d\u0440\u043e\u043f\u043e\u0440\u0442). \u0421\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u0431\u044b\u0442\u0438\u044f \u043e\u0434\u0438\u043d \u0438\u0437 \u043d\u0430\u0448\u0438\u0445 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u043e\u0432 \u0432\u043e\u0437\u044c\u043c\u0435\u0442 \u0432\u0430\u0441 \u043f\u043e\u0434 \u0441\u0432\u043e\u0435 \u043a\u0440\u044b\u043b\u043e \u0438 \u043f\u043e\u043a\u0430\u0436\u0435\u0442 \u0432\u0430\u043c \u043e\u043a\u0440\u0435\u0441\u0442\u043d\u043e\u0441\u0442\u0438.\r\n        <\/p>\r\n      <\/section>\r\n      <!--\r\n                -->\r\n      <section class=\"the-slides slide-two\">\r\n        <h2>\u041f\u041e\u0414\u0413\u041e\u0422\u041e\u0412\u041a\u0410<\/h2>\r\n        <p>\r\n          \u0414\u0430\u043b\u0435\u0435 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0431\u0440\u0438\u0444\u0438\u043d\u0433. \u0412\u044b \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u0443\u0437\u043d\u0430\u0435\u0442\u0435, \u043a\u0430\u043a \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442\u044c \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0432\u044b\u0445\u043e\u0434 \u0438\u0437 \u0441\u0430\u043c\u043e\u043b\u0435\u0442\u0430, \u0447\u0435\u0433\u043e \u043e\u0436\u0438\u0434\u0430\u0442\u044c \u043f\u0440\u0438 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e\u043c \u043f\u0430\u0434\u0435\u043d\u0438\u0438 \u0432 \u0432\u043e\u0437\u0434\u0443\u0445\u0435 \u0438 \u0434\u0430\u0436\u0435 \u043a\u0430\u043a \u0432\u0435\u0441\u0442\u0438 \u0441\u0435\u0431\u044f \u043d\u0430 \u044d\u0442\u0430\u043f\u0435 \u043f\u0440\u0438\u0437\u0435\u043c\u043b\u0435\u043d\u0438\u044f.\r\n        <\/p>\r\n      <\/section>\r\n      <!--\r\n                -->\r\n      <section class=\"the-slides slide-three\">\r\n        <h2>\u041f\u041e\u041b\u0415\u0422<\/h2>\r\n        <p>\r\n          \u0427\u0435\u0440\u0435\u0437 15\u201320 \u043c\u0438\u043d\u0443\u0442 \u043e\u0431\u0437\u043e\u0440\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u0435\u0442\u0430 \u0432\u044b \u0441 \u043f\u0438\u043b\u043e\u0442\u043e\u043c-\u0442\u0430\u043d\u0434\u0435\u043c\u043e\u043c \u0432\u044b\u043f\u0440\u044b\u0433\u043d\u0435\u0442\u0435 \u043d\u0430 \u0432\u044b\u0441\u043e\u0442\u0443 4200 \u043c\u0435\u0442\u0440\u043e\u0432. \u0412\u0430\u0448 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043d\u0435\u0437\u0430\u0431\u044b\u0432\u0430\u0435\u043c\u044b\u0439 \u043e\u043f\u044b\u0442 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441!\r\n        <\/p>\r\n      <\/section>\r\n      <!--\r\n                -->\r\n      <section class=\"the-slides slide-four\">\r\n        <h2>\u041f\u0440\u044b\u0436\u043a\u0438 \u0441 \u043f\u0430\u0440\u0430\u0448\u044e\u0442\u043e\u043c<\/h2>\r\n        <p>\r\n          Garantujeme v\u00e1m, \u017ee budete nad\u0161eni. V\u00fd\u0161ka, rychlost, adrenalin, plavba\r\n          na pad\u00e1ku, dokonce i v\u00fdhledy! Budete o tom mluvit roky. P\u0159ipojte se k\r\n          n\u00e1m a u\u017eijte si nejlep\u0161\u00ed para\u0161utismus na sv\u011bt\u011b.\r\n        <\/p>\r\n      <\/section>\r\n    <\/section>\r\n    <section id=\"ss-buttons\">\r\n      <button id=\"previous-slide\" class=\"ss-pn-buttons\">\u2190<\/button>\r\n      <button id=\"next-slide\" class=\"ss-pn-buttons\">\u2192<\/button>\r\n    <\/section>\r\n    <section id=\"ss-map\">\r\n      <section class=\"ss-map-box\">\r\n        <label for=\"map-first-slide\">\u041f\u0420\u0418\u0411\u042b\u0422\u0418\u0415<\/label>\r\n        <button id=\"map-first-slide\" data-map-button=\"1\" class=\"map-button\"><\/button>\r\n      <\/section>\r\n      <section class=\"ss-map-box\">\r\n        <label for=\"map-second-slide\">\u041f\u041e\u0414\u0413\u041e\u0422\u041e\u0412\u041a\u0410<\/label>\r\n        <button id=\"map-second-slide\" data-map-button=\"2\" class=\"map-button\"><\/button>\r\n      <\/section>\r\n      <section class=\"ss-map-box\">\r\n        <label for=\"map-third-slide\">\u041f\u041e\u041b\u0415\u0422<\/label>\r\n        <button id=\"map-third-slide\" data-map-button=\"3\" class=\"map-button\"><\/button>\r\n      <\/section>\r\n      <section class=\"ss-map-box\">\r\n        <label for=\"map-fourth-slide\">\u041f\u0440\u044b\u0436\u043a\u0438 \u0441 \u043f\u0430\u0440\u0430\u0448\u044e\u0442\u043e\u043c<\/label>\r\n        <button id=\"map-fourth-slide\" data-map-button=\"4\" class=\"map-button\"><\/button>\r\n      <\/section>\r\n      <section id=\"ss-map-line\"><\/section>\r\n      <svg id=\"map-plane\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 576 512\">\r\n        <path d=\"M482.3 192C516.5 192 576 221 576 256C576 292 516.5 320 482.3 320H365.7L265.2 495.9C259.5 505.8 248.9 512 237.4 512H181.2C170.6 512 162.9 501.8 165.8 491.6L214.9 320H112L68.8 377.6C65.78 381.6 61.04 384 56 384H14.03C6.284 384 0 377.7 0 369.1C0 368.7 .1818 367.4 .5398 366.1L32 256L.5398 145.9C.1818 144.6 0 143.3 0 142C0 134.3 6.284 128 14.03 128H56C61.04 128 65.78 130.4 68.8 134.4L112 192H214.9L165.8 20.4C162.9 10.17 170.6 0 181.2 0H237.4C248.9 0 259.5 6.153 265.2 16.12L365.7 192H482.3z\" \/>\r\n      <\/svg>\r\n    <\/section>\r\n  <\/section>\r\n<\/section>\r\n<script>\r\n  const CONTENT = document.getElementById('ss-content');\r\n  const MAIN = document.getElementById('ss-main');\r\n  const SLIDES = document.getElementById('ss-slides');\r\n  const PREVIOUS = document.getElementById('previous-slide');\r\n  const NEXT = document.getElementById('next-slide');\r\n  const MAP = document.getElementById('ss-map');\r\n  let slides = {\r\n    'current': 1,\r\n    'slides-position': 0,\r\n    'map-first-slide': 0,\r\n    'map-second-slide': 1,\r\n    'map-third-slide': 2,\r\n    'map-fourth-slide': 3\r\n  };\r\n  const slideImages = {\r\n      1: \"linear-gradient(90deg, rgba(92,89,105,.55) 0%, rgba(105,105,105,.45) 50%, rgba(92,89,105, .55) 100%), url(https:\/\/www.skyservice.cz\/wp-content\/uploads\/2022\/02\/No-waiting-or-wandering-around-dropzone-.jpg) center top\",\r\n      2: \"linear-gradient(90deg, rgba(92,89,105,.55) 0%, rgba(105,105,105,.45) 50%, rgba(92,89,105, .55) 100%), url(https:\/\/www.skyservice.cz\/wp-content\/uploads\/2022\/02\/Next-is-a-short-briefing.jpg) center center\",\r\n      3: \"linear-gradient(90deg, rgba(92,89,105,.55) 0%, rgba(105,105,105,.45) 50%, rgba(92,89,105, .55) 100%), url(https:\/\/www.skyservice.cz\/wp-content\/uploads\/2022\/02\/After-15\u201320-minutes-of-sightseeing-flight-you-.jpg) center center\",\r\n      4: \"linear-gradient(90deg, rgba(92,89,105,.55) 0%, rgba(105,105,105,.45) 50%, rgba(92,89,105, .55) 100%), url(https:\/\/www.skyservice.cz\/wp-content\/uploads\/2022\/02\/We-guarantee-you-will-be-thrilled.jpg) center center\",\r\n    }\r\n  \r\n  slideSize();\r\n  window.addEventListener('resize', slideSize);\r\n  slideBackground();\r\n  selectedSlide();\r\n\r\n  NEXT.addEventListener('click', (event) => {\r\n    if (event.target.tagName != 'BUTTON') return;\r\n    [...SLIDES.children].forEach(element => {\r\n      if (slides['current'] == 4) {\r\n        slides['slides-position'] = 0;\r\n        slides['current'] = 0;\r\n      } else {\r\n        slides['slides-position'] = (-SLIDES.firstElementChild.scrollWidth * slides['current']);\r\n      }\r\n      let position = slides['slides-position'] + 'px';\r\n      element.animate([{\r\n        transform: `translateX(${position})`\r\n      }], {\r\n        duration: 400,\r\n        fill: 'forwards'\r\n      });\r\n    });\r\n    slides['current']++;\r\n    slideBackground();\r\n    selectedSlide();\r\n  });\r\n  \r\n  PREVIOUS.addEventListener('click', (event) => {\r\n    if (event.target.tagName != 'BUTTON') return;\r\n    [...SLIDES.children].forEach(element => {\r\n      if (slides['current'] == 1) {\r\n        slides['slides-position'] = (SLIDES.firstElementChild.scrollWidth * -3);\r\n        slides['current'] = 5;\r\n      } else {\r\n        slides['slides-position'] = (-SLIDES.firstElementChild.scrollWidth * (slides['current'] - 2));\r\n      }\r\n      let position = slides['slides-position'] + 'px';\r\n      element.animate([{\r\n        transform: `translateX(${position})`\r\n      }], {\r\n        duration: 400,\r\n        fill: 'forwards'\r\n      });\r\n    });\r\n    slides['current']--;\r\n    slideBackground();\r\n    selectedSlide();\r\n  });\r\n  \r\n  MAP.addEventListener('click', (event) => {\r\n    if (event.target.tagName != 'BUTTON') return;\r\n    [...SLIDES.children].forEach(element => {\r\n      slides['slides-position'] = -(SLIDES.firstElementChild.scrollWidth * slides[event.target.id]);\r\n      let position = slides['slides-position'] + 'px';\r\n      element.animate([{\r\n        transform: `translateX(${position})`\r\n      }], {\r\n        duration: 400,\r\n        fill: 'forwards'\r\n      });\r\n    })\r\n    slides['current'] = slides[event.target.id] + 1;\r\n    slideBackground();\r\n    selectedSlide();\r\n  });\r\n\r\n  function slideSize() {\r\n    MAIN.style.setProperty('--ss-size', '0px');\r\n    MAIN.style.setProperty('--ss-size', MAIN.scrollWidth + 'px');\r\n  }\r\n  \r\n  function slideBackground() {\r\n      CONTENT.style.background = slideImages[slides['current']];\r\n  }\r\n\r\n  function selectedSlide() {\r\n    [...MAP.children].forEach(element => {\r\n      [...element.children].forEach((slide, index) => {\r\n        if (slide.tagName == 'BUTTON') {\r\n          if (slides['current'] == slide.dataset.mapButton) {\r\n            slide.classList.add('current-slide');\r\n          } else {\r\n            slide.classList.remove('current-slide');\r\n          }\r\n        }\r\n      })\r\n    })\r\n  }\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>P\u0158\u00cdCHOD \u017d\u00e1dn\u00e9 \u010dek\u00e1n\u00ed nebo bloud\u011bn\u00ed po dropzone (tak \u0159\u00edk\u00e1me leti\u0161ti). Hned po p\u0159\u00edjezdu si v\u00e1s jeden z na\u0161ich zam\u011bstnanc\u016f vezme pod sv\u00e1 k\u0159\u00eddla a provede v\u00e1s. INFORMACE N\u00e1sleduje kr\u00e1tk\u00e1 instrukt\u00e1\u017e. Dozv\u00edte se podrobn\u011b, jak bude prob\u00edhat samotn\u00fd v\u00fdstup z letadla, co o\u010dek\u00e1vat p\u0159i voln\u00e9m p\u00e1du vzduchem a dokonce i to, jak se chovat p\u0159i p\u0159ist\u00e1vac\u00ed [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/www.skyservice.cz\/ru\/wp-json\/wp\/v2\/pages\/2363"}],"collection":[{"href":"https:\/\/www.skyservice.cz\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.skyservice.cz\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.skyservice.cz\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.skyservice.cz\/ru\/wp-json\/wp\/v2\/comments?post=2363"}],"version-history":[{"count":838,"href":"https:\/\/www.skyservice.cz\/ru\/wp-json\/wp\/v2\/pages\/2363\/revisions"}],"predecessor-version":[{"id":3331,"href":"https:\/\/www.skyservice.cz\/ru\/wp-json\/wp\/v2\/pages\/2363\/revisions\/3331"}],"wp:attachment":[{"href":"https:\/\/www.skyservice.cz\/ru\/wp-json\/wp\/v2\/media?parent=2363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}