{"id":8,"date":"2023-09-07T13:29:48","date_gmt":"2023-09-07T10:29:48","guid":{"rendered":"https:\/\/barbershop-miller.cz\/ua\/?page_id=8"},"modified":"2024-10-03T13:20:46","modified_gmt":"2024-10-03T10:20:46","slug":"barber","status":"publish","type":"page","link":"https:\/\/barbershop-miller.cz\/ua\/barber\/","title":{"rendered":"\u0411\u0430\u0440\u0431\u0435\u0440\u0438"},"content":{"rendered":"\n<style>\n\n\n\n\n\n\n\n.slider-container {\n    width: 100%;\n    overflow: hidden;\n    position: relative;\n}\n\n.slider {\n    display: flex;\n    width: 2000px; \/* \u041e\u0431\u0449\u0430\u044f \u0448\u0438\u0440\u0438\u043d\u0430 \u0441\u043b\u0430\u0439\u0434\u043e\u0432 (5 * \u0448\u0438\u0440\u0438\u043d\u0430 \u043e\u0434\u043d\u043e\u0433\u043e \u0441\u043b\u0430\u0439\u0434\u0430) *\/\n    transition: transform 0.5s ease-in-out;\n}\n\n.slide {\n    flex: 0 0 400px; \/* \u0428\u0438\u0440\u0438\u043d\u0430 \u043e\u0434\u043d\u043e\u0433\u043e \u0441\u043b\u0430\u0439\u0434\u0430 *\/\n}\n\n\n\n\n\n\nimg {\n    width: 100%;\n    height: auto;\n}\n\n.prev-button, .prev-buttonn, .next-button, .next-buttonn {\n    position: absolute;\n    top: 30%;\n    transform: translateY(-50%);\n    background:transparent;\n    color: #ff0000;\n    padding: 10px 20px;\n    border: none;\n    cursor: pointer;\n}\n\n.prev-button {\n    left: 2%;\n}\n\n.prev-buttonn {\n    left: 2%;\n}\n\n.next-button {\n    right: 2%;\n}\n\n.next-buttonn {\n    right: 2%;\n}\n\n\n.popup1{\n    display:none;\n}\n\n\n@media (min-width: 768px){\n\n.slide:hover .popup1{\n    display:block;\nposition:relative;\nbottom:230px;\nmargin-bottom:-230px;\nfont-size:35px;\ncolor:#fff;\nfont-weight:bold;\ntext-align: center;\n\n}\n\n}\n\n\n@media (max-width: 768px){\n\n.slide:hover .popup1{\n    display:block;\nposition:relative;\nbottom:300px;\nmargin-bottom:-150px;\nfont-size:26px;\ncolor:#fff;\nfont-weight:bold;\ntext-align: center;\n\n}\n\n}\n\n<\/style>\n\n\n\n\n<div style=\"width:100%;height:100vh;\">\n\n\n\n<div class=\"hidemob\">\n\n<center>\n            <div style=\"max-width:1260px;\">\n\n<div style=\"width:40%;display:inline-block;vertical-align:top;padding-top:80px;text-align: left;\">\n<a href=\"\/ua\/\" class=\"ja\">\u0413\u043e\u043b\u043e\u0432\u043d\u0430<\/a>\n<a href=\"\/ua\/barber\/\" class=\"ja\">\u0411\u0430\u0440\u0431\u0435\u0440\u0438<\/a>\n<a href=\"\/ua\/service\/\" class=\"ja\">\u041f\u043e\u0441\u043b\u0443\u0433\u0438<\/a>\n<a href=\"\/ua\/portfolio\/\" class=\"ja\">\u041d\u0430\u0448\u0456 \u0440\u043e\u0431\u043e\u0442\u0438<\/a> \n<a href=\"\/ua\/study\/\" class=\"ja\">\u041d\u0430\u0432\u0447\u0430\u043d\u043d\u044f<\/a>\n<a href=\"\/ua\/contacts\" class=\"ja\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0438<\/a>\n<\/div>\n\n\n<a href=\"\/ua\/\">\n<div style=\"width:17%;display:inline-block;vertical-align:top;font-weight:bold;color:#fff;font-size:55px;text-align: center;padding-top: 40px;\">\n<img decoding=\"async\" src=\"\/img\/2.png\" width=\"100%\">\n<\/div>\n<\/a>\n\n\n\n<div style=\"width:40%;display:inline-block;vertical-align:top;text-align: right;padding-top:75px;\">\n<font style=\"color:#ccc;\">\u041f\u043d-\u041d\u0434 10:00 &#8212; 21:00<\/font> <a href=\"tel:\/\/+420723748337\" style=\"color:#fff;font-weight:500;\">+420723748337<\/a>\n&nbsp;&nbsp;&nbsp;\n<a href=\"https:\/\/n823150.alteg.io\/\" target=\"_blank\" rel=\"noopener\"><div class=\"btm\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044f<\/div><\/a>\n<\/div>\n\n\n<\/div>\n<\/center>\n\n<\/div>\n\n\n<!--- ----->\n\n\n<div class=\"hidepc\">\n\n<center>\n            <div style=\"max-width:1260px;\">\n\n        <div class=\"menu hidepc\">\n    <center><a class=\"menu-triger\" href=\"#\" style=\"position:relative;right:30px;margin-top:0px;\"><i class=\"fas fa-bars fa-2x\" style=\"position:relative;top:55px;right:93px;color:#fff;\"><\/i><\/a><\/center>\n    <div class=\"menu-popup\">\n        <a class=\"menu-close menu-closee\" href=\"#\"><i class=\"fas fa-times\" style=\"font-size:25px;color:#fff;\"><\/i><\/a>\n        <ul>\n\n\n<li><a href=\"\/ua\/\" class=\"ja\">\u0413\u043e\u043b\u043e\u0432\u043d\u0430<\/a><\/li>\n<li><a href=\"\/ua\/barber\/\" class=\"ja\">\u0411\u0430\u0440\u0431\u0435\u0440\u0438<\/a><\/li>\n<li><a href=\"\/ua\/service\/\" class=\"ja\">\u041f\u043e\u0441\u043b\u0443\u0433\u0438<\/a><\/li>\n<li><a href=\"\/ua\/portfolio\/\" class=\"ja\">\u041d\u0430\u0448\u0456 \u0440\u043e\u0431\u043e\u0442\u0438<\/a> <\/li>\n<li><a href=\"\/ua\/study\/\" class=\"ja\">\u041d\u0430\u0432\u0447\u0430\u043d\u043d\u044f<\/a><\/li>\n<li><a href=\"\/ua\/contacts\" class=\"ja\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0438<\/a><\/li>\n\n\n\n\n\n        <\/ul>\n    <\/div>\n<\/div>\n\n\n\n<a href=\"\/ua\/\">\n<div style=\"width:100%;display:inline-block;vertical-align:top;font-weight:bold;color:#fff;font-size:55px;text-align: center;padding-top: 0px;\">\n    <center>\n<img decoding=\"async\" src=\"\/img\/2.png\" width=\"170\">\n<\/center>\n<\/div>\n<\/a>\n\n\n\n\n<div style=\"width:100%;display:inline-block;vertical-align:top;text-align: center;padding-top:5px;\">\n<font style=\"color:#ccc;\">\u041f\u043d-\u041d\u0434 10:00 &#8212; 21:00<\/font> \n\n<a href=\"tel:\/\/+420723748337\" style=\"color:#fff;font-weight:500;\">+420723748337<\/a>\n<br><br>\n<a href=\"https:\/\/n823150.alteg.io\/\" target=\"_blank\" rel=\"noopener\"><div class=\"btm\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044f<\/div><\/a>\n<\/div>\n\n\n<\/div>\n<\/center>\n\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n<div style=\"line-height: 1.2;\">\n<p class=\"headingtxt revealator-fade\" style=\"font-weight:bold;color:#fff;\">\u0411\u0410\u0420<font style=\"color:#ff0000;\">\u0411\u0415\u0420\u0418<\/font><\/p>\n\n<\/div>\n\n\n\n\n\n  <div class=\"slider-container\">\n        <div class=\"slider\">\n\n            <div class=\"slide\">\n                <img decoding=\"async\" src=\"\/img\/barber1.jpg\" >\n<div class=\"popup1\">\u0406\u043c&#8217;\u044f \u041f\u0440\u0456\u0437\u0432\u0438\u0449\u0435\n<br>\n<font style=\"font-size:27px;font-weight:300;color:#fff;\">\u0421\u043f\u0435\u0446\u0456\u0430\u043b\u0456\u0441\u0442<\/font>\n<br>\n<a href=\"https:\/\/n823150.alteg.io\/\" target=\"_blank\" rel=\"noopener\">\n<div class=\"btm\" style=\"text-shadow: none;font-size:15px;font-weight: 300;padding:10px;\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044c<\/div>\n<\/a>\n<\/div>\n            <\/div>\n\n            <div class=\"slide\">\n                <img decoding=\"async\" src=\"\/img\/barber1.jpg\" >\n<div class=\"popup1\">\u0406\u043c&#8217;\u044f \u041f\u0440\u0456\u0437\u0432\u0438\u0449\u0435\n<br>\n<font style=\"font-size:27px;font-weight:300;color:#fff;\">\u0421\u043f\u0435\u0446\u0456\u0430\u043b\u0456\u0441\u0442<\/font>\n<br>\n<a href=\"https:\/\/n823150.alteg.io\/\" target=\"_blank\" rel=\"noopener\">\n<div class=\"btm\" style=\"text-shadow: none;font-size:15px;font-weight: 300;padding:10px;\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044c<\/div>\n<\/a>\n<\/div>\n\n            <\/div>\n\n\n           <div class=\"slide\">\n                <img decoding=\"async\" src=\"\/img\/barber1.jpg\" >\n<div class=\"popup1\">\u0406\u043c&#8217;\u044f \u041f\u0440\u0456\u0437\u0432\u0438\u0449\u0435\n<br>\n<font style=\"font-size:27px;font-weight:300;color:#fff;\">\u0421\u043f\u0435\u0446\u0456\u0430\u043b\u0456\u0441\u0442<\/font>\n<br>\n<a href=\"https:\/\/n823150.alteg.io\/\" target=\"_blank\" rel=\"noopener\">\n<div class=\"btm\" style=\"text-shadow: none;font-size:15px;font-weight: 300;padding:10px;\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044c<\/div>\n<\/a>\n<\/div>\n            <\/div>\n            <div class=\"slide\">\n                <img decoding=\"async\" src=\"\/img\/barber1.jpg\" >\n<div class=\"popup1\">\u0406\u043c&#8217;\u044f \u041f\u0440\u0456\u0437\u0432\u0438\u0449\u0435\n<br>\n<font style=\"font-size:27px;font-weight:300;color:#fff;\">\u0421\u043f\u0435\u0446\u0456\u0430\u043b\u0456\u0441\u0442<\/font>\n<br>\n<a href=\"https:\/\/n823150.alteg.io\/\" target=\"_blank\" rel=\"noopener\">\n<div class=\"btm\" style=\"text-shadow: none;font-size:15px;font-weight: 300;padding:10px;\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044c<\/div>\n<\/a>\n<\/div>\n            <\/div>\n          <div class=\"slide\">\n                <img decoding=\"async\" src=\"\/img\/barber1.jpg\" >\n<div class=\"popup1\">\u0406\u043c&#8217;\u044f \u041f\u0440\u0456\u0437\u0432\u0438\u0449\u0435\n<br>\n<font style=\"font-size:27px;font-weight:300;color:#fff;\">\u0421\u043f\u0435\u0446\u0456\u0430\u043b\u0456\u0441\u0442<\/font>\n<br>\n<a href=\"https:\/\/n823150.alteg.io\/\" target=\"_blank\" rel=\"noopener\">\n<div class=\"btm\" style=\"text-shadow: none;font-size:15px;font-weight: 300;padding:10px;\">\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044c<\/div>\n<\/a>\n<\/div>\n            <\/div>\n        <\/div>\n\n\n        <div class=\"hidemob\">\n        <button class=\"prev-button\"><i class=\"fas fa-chevron-left fa-3x\"><\/i><\/button>\n\n        <button class=\"next-button\"><i class=\"fas fa-chevron-right fa-3x\"><\/i><\/button>\n    <\/div>\n\n\n            <div class=\"hidepc\">\n        <button class=\"prev-buttonn\"><i class=\"fas fa-chevron-left fa-3x\"><\/i><\/button>\n\n        <button class=\"next-buttonn\"><i class=\"fas fa-chevron-right fa-3x\"><\/i><\/button>\n    <\/div>\n\n\n\n\n\n    <\/div>\n\n\n\n\n\n\n\n\n\n\n<\/div>\n\n\n\n\n\n\n<script>\n\nconst slider = document.querySelector(\".slider\");\nconst prevButton = document.querySelector(\".prev-button\");\nconst prevButtonn = document.querySelector(\".prev-buttonn\");\nconst nextButton = document.querySelector(\".next-button\");\nconst nextButtonn = document.querySelector(\".next-buttonn\");\n\nlet currentIndex = 0;\nconst slideWidth = 400; \/\/ \u0428\u0438\u0440\u0438\u043d\u0430 \u043e\u0434\u043d\u043e\u0433\u043e \u0441\u043b\u0430\u0439\u0434\u0430\nconst totalSlides = document.querySelectorAll(\".slide\").length;\n\nprevButton.addEventListener(\"click\", () => {\n    if (currentIndex > 0) {\n        currentIndex--;\n        updateSliderPosition();\n    }\n});\n\nprevButtonn.addEventListener(\"click\", () => {\n    if (currentIndex > 0) {\n        currentIndex--;\n        updateSliderPosition();\n    }\n});\n\nnextButton.addEventListener(\"click\", () => {\n    if (currentIndex < totalSlides - 4) {\n        currentIndex++;\n        updateSliderPosition();\n    }\n});\n\nnextButtonn.addEventListener(\"click\", () => {\n    if (currentIndex < totalSlides - 1) {\n        currentIndex++;\n        updateSliderPosition();\n    }\n});\n\nfunction updateSliderPosition() {\n    const newPosition = -currentIndex * slideWidth;\n    slider.style.transform = `translateX(${newPosition}px)`;\n}\n\n<\/script>\n\n\n\n\n<div class=\"hidemob\">\n<br><br><br><br><br><br>\n<\/div>\n\n<div class=\"hidepc\">\n<br><br><br><br><br><br>\n<\/div>\n\n\n<center>\n<div style=\"max-width:1260px;\">\n\n\n\n\n<div class=\"confoo\">\n<i class=\"fas fa-map-marker-alt\"><\/i> \u0427\u0435\u0445\u0456\u044f, Mlad\u00e1 Boleslav, tr. V\u00e1clava Klementa 4, 29301\n<\/div>\n\n\n\n<div class=\"confoo2\">\n\n    <font style=\"position:relative;bottom:4px;\">\n    <a href=\"\/\" style=\"color:#fff;\"><i class=\"fas fa-globe-europe\" style=\"color:#fff;\"><\/i> Czech<\/a>\n<\/font>\n    &nbsp;&nbsp;\n\n\n<i class=\"fab fa-facebook\" style=\"font-size:30px;margin:3px;\"><\/i>\n\n<i class=\"fab fa-facebook-messenger\" style=\"font-size:30px;margin:3px;\"><\/i>\n\n<i class=\"fab fa-instagram\" style=\"font-size:30px;margin:3px;\"><\/i>\n\n<a href=\"https:\/\/api.whatsapp.com\/send?phone=420723748337\" target=\"_blank\" style=\"color:#fff;\" rel=\"noopener\"><i class=\"fab fa-whatsapp\" style=\"font-size:30px;margin:3px;\"><\/i><\/a>\n\n<a href=\"viber:\/\/chat?number=%2B420723748337\" style=\"color:#fff;\"><i class=\"fab fa-viber\" style=\"font-size:30px;margin:3px;\"><\/i><\/a>\n<\/div>\n\n<\/div>\n<\/center>\n\n\n<div class=\"hidepc\">\n<br><br>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<div class=\"wpm_excerpt clearfix\"><p>\u0413\u043e\u043b\u043e\u0432\u043d\u0430 \u0411\u0430\u0440\u0431\u0435\u0440\u0438 \u041f\u043e\u0441\u043b\u0443\u0433\u0438 \u041d\u0430\u0448\u0456 \u0440\u043e\u0431\u043e\u0442\u0438 \u041d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0438 \u041f\u043d-\u041d\u0434 10:00 &#8212; 21:00 +420723748337 &nbsp;&nbsp;&nbsp; \u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044f \u0413\u043e\u043b\u043e\u0432\u043d\u0430 \u0411\u0430\u0440\u0431\u0435\u0440\u0438 \u041f\u043e\u0441\u043b\u0443\u0433\u0438 \u041d\u0430\u0448\u0456 \u0440\u043e\u0431\u043e\u0442\u0438 \u041d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0438 \u041f\u043d-\u041d\u0434 10:00 &#8212; 21:00 +420723748337 &hellip;<\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/barbershop-miller.cz\/ua\/wp-json\/wp\/v2\/pages\/8"}],"collection":[{"href":"https:\/\/barbershop-miller.cz\/ua\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/barbershop-miller.cz\/ua\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/barbershop-miller.cz\/ua\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/barbershop-miller.cz\/ua\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":40,"href":"https:\/\/barbershop-miller.cz\/ua\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":149,"href":"https:\/\/barbershop-miller.cz\/ua\/wp-json\/wp\/v2\/pages\/8\/revisions\/149"}],"wp:attachment":[{"href":"https:\/\/barbershop-miller.cz\/ua\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}