</noscript> <!-- End Google Tag Manager (noscript) --> <div class="section-absolute step0"> <div class="back-btn align w-clearfix"> <a title="voltar atrás" href="javascript:history.back();" class="link-top-bar back w-inline-block"><img src="/static/images/arrow-back.svg" loading="lazy" alt="Ícone seta esquerda" class="arrow-back"></a> <a title="logotipo" href="/" class="link-top-bar logo w-inline-block"><img src="/static/images/logo.svg" loading="lazy" alt="Corte Vadio Logotipo"></a> <a title="cancelar" href="/account/login/" class="s-link margin float-right padding absolute">Login</a> </div> <div class="content1"> <div class="register-content"> <div class="heading-text-block margin"> <div data-w-id="88f8b954-7ef2-4dfd-9a9b-998e08f76dc6" class="l left">Qual o seu Perfil?</div> <h2 class="xxxl tiempos left cabeludo">Um Cabeludo?</h2> <h2 class="xxxl tiempos left barbeiro">Um Barbeiro?</h2> </div> <img src="/static/images/barbeiro.svg" loading="lazy" sizes="100vw" alt="ilustração de barbeiro" class="cabeludo-img"> <img src="/static/images/Cabeludo-img.svg" loading="lazy" sizes="100vw" alt="ilustração de cabeludo" class="barbeiro-img"> </div> <div class="register-bottom"><img src="/static/images/curve.svg" loading="lazy" alt="curvatura do design" class="curve-image curve-registo"> <div class="registo-toggle-block"> <div class="m padding padding-right">Cabeludo</div> <div class="toggle-btn special"> <div class="toggle-circle special"></div> </div> <div class="m padding padding-left">Barbeiro</div> </div> <div class="bottom-bar registo-cabeludo"> <a href="/registar/cliente/" title="Ir para" data-w-id="c023a239-7fcf-9b7d-a6ab-fa0a42b16c50" class="button white w-button">Selecionar</a> </div> <div class="bottom-bar registo-barbeiro"> <a title="Ir para" data-w-id="cfa041f2-c48b-aa94-b8e8-0f8e560dc06a" href="/registar/barbeiro/" class="button white w-button">Selecionar</a> </div> </div> </div> </div> <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5fe8a342b7e6298334d4cde0" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script> <script src="/static/js/webflow.js" type="text/javascript"></script> <!-- Google Places Autocomplete --> <script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA275OXi8wVTBQJMUjoSR4lsk0xI-OKREo&libraries=places&language=pt-PT&callback=initAutocomplete"> </script> <script> window.addEventListener( "pageshow", function ( event ) { var historyTraversal = event.persisted || ( typeof window.performance != "undefined" && window.performance.navigation.type === 2 ); if ( historyTraversal ) { // Handle page restore. window.location.reload(); } }); </script> <!-- Disable Scroll Script --> <script> var Webflow = Webflow || []; var $body = $(document.body); var scrollPosition = 0; Webflow.push(function () { $('[scroll=disable]').on('click', function () { var oldWidth = $body.innerWidth(); scrollPosition = window.pageYOffset; $body.css('overflow', 'hidden'); $body.css('position', 'fixed'); $body.css('top', `-${scrollPosition}px`); $body.width(oldWidth); }); $('[scroll=enable]').on('click', function () { if ($body.css('overflow') != 'hidden') { scrollPosition = window.pageYOffset; } $body.css('overflow', ''); $body.css('position', ''); $body.css('top', ''); $body.width(''); $(window).scrollTop(scrollPosition); }); }); </script> <script> /*! Nova Foto */ function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $('#imagePreview').css('background-image', 'url(' + e.target.result + ')'); $('#imagePreview').hide(); $('#imagePreview').fadeIn(650); } reader.readAsDataURL(input.files[0]); } } $("#imageUpload").change(function() { readURL(this); }); </script> <script> $("select[name='ordering']").on("change", function(e) { $("#wf-form-Pesquisar-Barbeiros").submit(); }); $("select[name='city']").on("change", function(e) { $("#wf-form-Pesquisar-Barbeiros").submit(); }); $("#pesquisar-barbeiro-limpar").on("click", function(e) { $("#search-clear").val(true); $("#wf-form-Pesquisar-Barbeiros").submit(); }); </script> <script> $("#newsletter-form").submit(function(e) { e.preventDefault; let email = $(this).find('#email').val(); $.ajax({ method: "post", url: "/newsletter", async: true, data: { "csrfmiddlewaretoken": "63Rvz6sJs5OxN3jPfJlkxK1mn383cqJ1tQvunEXmyhTgc85tF0bwKdrwn8k7cvXK", "email": email, }, success: function(response) { $(".error-message").hide(); $("#newsletter-form").hide(); $(".success-message").find("div").html(response['message']); $(".success-message").removeClass("hide"); }, error: function(response) { $(".error-message").find("div").html(response.responseJSON['message']); $(".error-message").removeClass("hide"); $(".error-message").attr("display", "block"); } }); }); </script> <!-- Booking actions --> <script> $(".button-accept").click(function() { if ($(this).hasClass("button-payment")) { return; } $(".modal").hide(); let bookingId = $(this).data("booking-id"); let bookingAcceptModal = "#booking-popup-accept-" + bookingId; $(bookingAcceptModal).show(); }); $(".button-popup.cancel").click(function() { let modalId = $(this).data("modal-booking-id"); let bookingAcceptModal = "#booking-popup-accept-" + modalId; let bookingCancelModal = "#booking-popup-cancel-" + modalId; $(bookingAcceptModal).hide(); $(bookingCancelModal).hide(); let bookingModal = "#booking-" + modalId; $(bookingModal).show(); }); $(".button-cancel").click(function() { $(".modal").hide(); let bookingId = $(this).data("booking-id"); let bookingCancelModal = "#booking-popup-cancel-" + bookingId; $(bookingCancelModal).show(); }); </script> <!-- Calendar day showing events --> <script> $(".calendar-day").click(function() { let bookingId = $(this).data("booking-id"); let bookingModal = "#booking-" + bookingId; $(bookingModal).show(); }); $(".close-calendar-day").click(function(e) { if ($(".booking-event").css("display") == "block") { $(".modal").hide(); let calendarDay = $(this).parent().parent().parent().parent(".calendar-day").data("calendar-day"); let calendarDayModalRef = "#calendar-day-" + calendarDay; $(calendarDayModalRef).show(); } else { $(".modal").hide(); } }); $(".calendar-event").click(function() { let calendarDay = $(this).data("calendar-day"); let calendarDayModalRef = "#calendar-day-" + calendarDay; $(calendarDayModalRef).hide(); let bookingId = $(this).data("booking-id"); let bookingModal = "#booking-" + bookingId; $(bookingModal).show(); }); </script> <!-- Error message close --> <script> $(".error-message-close").click(function() { $(this).parent("div").hide(); }); </script> </body> </html>