Prague City Tourism

<!DOCTYPE html> <html class="" lang="cs" xmlns="http://www.w3.org/1999/html"> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="robots" content="noindex, nofollow"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Prague City Tourism</title> <link rel="icon" href="/resources/yuajw/login/pkpok-public-theme/img/favicon.ico"/> <link href="/resources/yuajw/login/pkpok-public-theme/css/bootstrap.min.css" rel="stylesheet"/> <link href="/resources/yuajw/login/pkpok-public-theme/css/main.css" rel="stylesheet"/> <script src="/resources/yuajw/login/pkpok-public-theme/js/bootstrap.bundle.min.js" type="text/javascript"></script> </head> <body> <div class="container-fluid background-page"> <img class="logo d-none d-lg-block" src="/resources/yuajw/login/pkpok-public-theme/img/pkpokLogo.png" alt="Logo"> <div class="d-flex flex-column justify-content-center align-items-center main-content"> <div class="login-card p-3 p-lg-5"> <div id="kc-header" class=""> </div> <div class=""> <header class=""> <h1 id="kc-page-title"> </h1> </header> <div id="kc-content"> <div id="kc-content-wrapper"> <div id="kc-form"> <div id="kc-form-wrapper"> <div class="d-flex justify-content-between"> <div class="mt-1"> <a tabindex="6" href="https://prague.eu"><img class="flag" src="/resources/yuajw/login/pkpok-public-theme/img/homeIcon.svg" alt="userIcon"> dom暖</a> </div> <div class="change-lang"> <div class="dropdown pt-1"> <a class="" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <img class="flag" src="/resources/yuajw/login/pkpok-public-theme/img/changeLang.svg" alt="flag"> 膷esky </a> <ul class="dropdown-menu"> <li class=""> <a class="dropdown-item" href="/realms/pragueeu/login-actions/authenticate?client_id=public-portal&tab_id=L_rmfrf0lUs&execution=6e04d4d8-3f48-42d4-92c8-c4cfb2afa412&kc_locale=cs">膶e拧tina</a> </li> <li class=""> <a class="dropdown-item" href="/realms/pragueeu/login-actions/authenticate?client_id=public-portal&tab_id=L_rmfrf0lUs&execution=6e04d4d8-3f48-42d4-92c8-c4cfb2afa412&kc_locale=en">English</a> </li> </ul> </div> </div> <div class="mt-1"> <a tabindex="6" href="/realms/pragueeu/login-actions/registration?client_id=public-portal&tab_id=L_rmfrf0lUs"><img class="flag" src="/resources/yuajw/login/pkpok-public-theme/img/userIcon.svg" alt="userIcon"> vytvo艡it 煤膷et</a> </div> </div> <h1 class="heading-title mt-3 mb-4">p艡ihl谩sit se</h1> <form id="kc-form-login" class="mt-4" onsubmit="login.disabled = true; return true;" action="https://iam.praguecitytourism.city/realms/pragueeu/login-actions/authenticate?session_code=O8cBycXUBvg9T7j774b_t6UhojMrkndpOrOaQW1iPlY&execution=6e04d4d8-3f48-42d4-92c8-c4cfb2afa412&client_id=public-portal&tab_id=L_rmfrf0lUs" method="post"> <div> <div class="d-flex justify-content-between label-input"> <label for="emailInput" class="form-label input-label">e-mail *</label> </div> <div> <input type="email" class="custom-input" id="emailInput" name="username" aria-describedby="email" required placeholder="zadejte email"/> </div> </div> <div> <div class="label-input mt-3 d-flex justify-content-between"> <label for="passwordInput" class="form-label input-label">heslo *</label> </div> <div class="input-group"> <input type="password" class="form-control custom-input" id="passwordInput" name="password" placeholder="zadejte heslo" aria-describedby="password" required/> <span class="input-group-text input-toggle-password pe-3" id="togglePassword"> <svg xmlns="http://www.w3.org/2000/svg" id="bi-eye" width="24" height="24" fill="#878787" class="bi bi-eye" viewBox="0 0 16 16"> <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/> <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#878787" id="bi-eye-slash" class="bi bi-eye-slash d-none" viewBox="0 0 16 16"> <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/> <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/> <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/> </svg> </span> </div> </div> <script> </script> <div class="mt-2"> <span><a class="forgotten-password gold-color" href="/realms/pragueeu/login-actions/reset-credentials?client_id=public-portal&tab_id=L_rmfrf0lUs">zapomn臎li jste heslo?</a></span> </div> <div class="d-flex justify-content-between my-4"> <label> <div class="form-check"> <input tabindex="3" id="rememberMe" class="form-check-input" name="rememberMe" type="checkbox"> Pamatovat si p艡ihl谩拧en铆 </div> </label> </div> <div class="mt-4"> <input type="hidden" id="id-hidden-input" name="credentialId" /> <button name="login" type="submit" class="btn btn-dark login-button">p艡ihl谩sit se</button> </div> </form> </div> </div> <div> <div class="mt-4"> <p class="provider-text text-center">pou啪ijte existuj铆c铆煤膷et</p> <div class="d-flex justify-content-between flex-column flex-md-row gap-1"> <a href="/realms/pragueeu/broker/apple/login?client_id=public-portal&tab_id=L_rmfrf0lUs&session_code=O8cBycXUBvg9T7j774b_t6UhojMrkndpOrOaQW1iPlY" type="button" style="width: 100%" class="btn btn-outline-dark social-provider" onmouseover="changeImageSource(this)" onmouseout="restoreImageSource(this)"> <img class="social-provider-logo" src="/resources/yuajw/login/pkpok-public-theme/img/providers/Apple.svg" alt="logo"> Apple </a> <a href="/realms/pragueeu/broker/google/login?client_id=public-portal&tab_id=L_rmfrf0lUs&session_code=O8cBycXUBvg9T7j774b_t6UhojMrkndpOrOaQW1iPlY" type="button" style="width: 100%" class="btn btn-outline-dark social-provider" onmouseover="changeImageSource(this)" onmouseout="restoreImageSource(this)"> <img class="social-provider-logo" src="/resources/yuajw/login/pkpok-public-theme/img/providers/Google.svg" alt="logo"> Google </a> <a href="/realms/pragueeu/broker/microsoft/login?client_id=public-portal&tab_id=L_rmfrf0lUs&session_code=O8cBycXUBvg9T7j774b_t6UhojMrkndpOrOaQW1iPlY" type="button" style="width: 100%" class="btn btn-outline-dark social-provider" onmouseover="changeImageSource(this)" onmouseout="restoreImageSource(this)"> <img class="social-provider-logo" src="/resources/yuajw/login/pkpok-public-theme/img/providers/Microsoft.svg" alt="logo"> Microsoft </a> </div> </div> <div class="d-flex justify-content-between text-center flex-column flex-sm-row mt-5"> <a href="#" class="fw-bold footer-text" data-bs-toggle="modal" data-bs-target="#needHelpModal"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/> <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"/> </svg> pot艡ebujete poradit? </a> <span class="footer-text">© 2024 Prague City Tourism</span> </div> </div> <div id="kc-info" class=""> <div id="kc-info-wrapper" class=""> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="modal fade" id="needHelpModal" tabindex="-1" aria-labelledby="needHelpModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title fw-bold fs-4">z谩kaznick谩 podpora</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body px-0"> <div class="px-3"> <span class="fs-4 fw-bold d-block">tourinfo@prague.eu</span> <span>ve v拧edn铆 dny v谩m odpov铆me do 24 hodin</span> </div> <div class="mt-4 border-bottom px-3 pb-3"> <span class="fs-4 fw-bold d-block">+420 221 714 714</span> <span id="dotIndicator" class="green-dot"></span> <span>po - p谩 09.00 - 17.00 (cs, en)</span> </div> </div> <div class="modal-footer border-0 mt-3"> <button type="button" class="btn btn-dark login-button" data-bs-dismiss="modal">zav艡铆t</button> </div> </div> </div> </div> </body> <script> const togglePassword = document.querySelector("#togglePassword"); const password = document.querySelector("#passwordInput"); const iconEye = document.querySelector("#bi-eye"); const iconEyeSlash = document.querySelector("#bi-eye-slash"); if (togglePassword) { togglePassword.addEventListener("click", () => { const type = password.getAttribute("type") === "password" ? "text" : "password"; password.setAttribute("type", type); if (iconEye.classList.contains("d-none")) { iconEye.classList.remove("d-none"); iconEyeSlash.classList.add("d-none"); } else { iconEye.classList.add("d-none"); iconEyeSlash.classList.remove("d-none"); } }) } const changeImageSource = (element) => { const imgElement = element.querySelector("img"); const currentSrc = imgElement.getAttribute("src"); const hoverSrc = currentSrc.replace(".svg", "Hover.svg"); imgElement.setAttribute("src", hoverSrc); } const restoreImageSource = (element) => { const imgElement = element.querySelector("img"); const currentSrc = imgElement.getAttribute("src"); const originalSrc = currentSrc.replace("Hover.svg", ".svg"); imgElement.setAttribute("src", originalSrc); } /* remove toast after 5 seconds */ document.addEventListener('DOMContentLoaded', () => { const alertDiv = document.getElementById('alertDiv'); if (alertDiv) { setTimeout(() => { alertDiv.classList.add("d-none") }, 5000); } }); //replace the green dot with a red dot if there are no office hours const currentDate = new Date().toLocaleString('en-US', { timeZone: 'Europe/Prague' }); const currentHour = new Date(currentDate).getHours(); const isWithinWorkingHours = currentHour >= 9 && currentHour < 17; const dotIndicator = document.getElementById('dotIndicator'); if (!isWithinWorkingHours) { dotIndicator.classList.remove('green-dot'); dotIndicator.classList.add('red-dot'); } </script> </html>

CINXE.COM

Prague City Tourism