Rama African Hair Braiding
home
Gallery
Our Services
Book
Reviews
Direction
contact
Add To Home
home
Gallery
Our Services
Book
Reviews
Direction
contact
Add To Home
</div> <script> jQuery(document).ready(function($) { $('.wrap-sticky nav.navbar.bootsnav.sticked').attr('style', 'top:0 !important;'); $(window).on("scroll", function(e) { e.preventDefault(); }); }); //----END // // Selecting the iframe element // var frame = document.getElementById("Iframe"); // // Adjusting the iframe height onload event // frame.onload = function() { // // set the height of the iframe as // // the height of the iframe content // frame.style.height = frame.contentWindow.document.body.scrollHeight + 'px'; // // set the width of the iframe as the // // width of the iframe content // frame.style.width = frame.contentWindow.document.body.scrollWidth + 'px'; // } </script><style> .navbar-nav { flex-direction: row; } .navbar-collapse.collapse { display: flex !important; justify-content: center; } .top-promotion { display: flex !important; }</style> </div> <!--contact start--> <footer id="contact" class="contact"> <div class="container"> <div class="footer-top"> <div class="row"> <div class="col-md-3 col-sm-6"> <div class="single-footer-widget"> <div class="footer-logo"> <a href="https://www.afrothentik.com/shop/?ramaafricanhairbraiding/"><img class="store_img" src="https://www.afrothentik.com/wp-content/uploads/2024/10/logo_trans_0.png" /></a> </div> <h1 class="footer-title">about Rama African Hair Braiding</h1> <div class="footer-about"> #1 African Hair Braiding Salon in Harlem and NYC area </div> <div class="footer-contact"> <!-- <p>info@afrothentik.com</p> --> <p>(917) 602-7823</p> </div> </div> </div> <!-- <div class="col-md-2 col-sm-6"> <div class="single-footer-widget"> <h2>about Rama African Hair Braiding</h2> <ul> <li><a href="#">about us</a></li> <li><a href="#">career</a></li> <li><a href="#">terms <span> of service</span></a></li> <li><a href="#">privacy policy</a></li> </ul> </div> </div> --> <div class="col-md-3 col-xs-12"> <div class="single-footer-widget"> <h1 class="footer-title">Opening hours</h1> <div class="row"> <div class="col-md-7 col-xs-6"> <ul> </ul> </div> <div class="col-md-5 col-xs-6 aftk_opening_hours"> <ul> </ul> </div> </div> </div> </div> <div class="col-md-offset-1 col-md-3 col-sm-6"> <div class="single-footer-widget"> <h2>news letter</h2> <div class="footer-newsletter"> <p> Subscribe to get latest news update and informations </p> </div> <div class="hm-foot-email"> <div class="foot-email-box"> <input type="text" class="form-control" placeholder="Add Email"> </div><!--/.foot-email-box--> <div class="foot-email-subscribe"> <span><i class="fa fa-arrow-right"></i></span> </div><!--/.foot-email-icon--> </div><!--/.hm-foot-email--> </div> </div> </div> </div> <div class="footer-copyright"> <div class="row"> <div class="col-sm-6"> <p> ©Copyright <a href="https://www.afrothentik.com/">afrothentik</a> </p><!--/p--> </div> <div class="col-sm-6"> <div class="footer-social"> <a target="_new" href=""><i class="fa fa-facebook"></i></a> <a target="_new" href=""><i class="fa fa-instagram"></i></a> <a target="_new" href=""><i class="fa fa-tiktok"></i></a> <!-- <a href="#"><i class="fa fa-pinterest-p"></i></a> <a href="#"><i class="fa fa-behance"></i></a> --> </div> </div> </div> </div><!--/.footer-copyright--> </div><!--/.container--> <div id="scroll-Top"> <div class="return-to-top"> <i class="fa fa-angle-up " id="scroll-top" data-toggle="tooltip" data-placement="top" title="" data-original-title="Back to Top" aria-hidden="true"></i> </div> </div><!--/.scroll-Top--> </footer><!--/.contact--> <!--contact end--> <!-- Include all js compiled plugins (below), or include individual files as needed --> <script src="https://www.afrothentik.com/shop/@templates/z_carvilla/assets/js/jquery.js"></script> <!--modernizr.min.js--> <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> <!--bootstrap.min.js--> <script src="https://www.afrothentik.com/shop/@templates/z_carvilla/assets/js/bootstrap.min.js"></script> <!-- bootsnav js --> <script src="https://www.afrothentik.com/shop/@templates/z_carvilla/assets/js/bootsnav.js"></script> <!--owl.carousel.js--> <script src="https://www.afrothentik.com/shop/@templates/z_carvilla/assets/js/owl.carousel.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script> <!--Custom JS--> <script src="https://www.afrothentik.com/shop/@templates/z_carvilla/assets/js/custom.js"></script> <script> jQuery(document).ready(function($) { }); //----END </script> <style> .aftk-top-layer { position: relative; z-index: 99999999; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; /* z-index: 99999999; */ } #phoneModal .modal-title { text-align: center; text-transform: none !important; color: #fff; } #phoneModal { background-color: black; display: none; justify-content: center; align-items: center; z-index: -1; display: flex !important; } .section-toolbar i { font-size: 18px; margin-right: 5px; } #phoneModal .iti { min-width: 100% !important; } #phoneModal .modal-header { background: #607D8B; color: #fff !important; width: 100%; display: block !important; align-items: center; } #phoneModal .modal-content { height: inherit; } #phoneModal .modal-body { max-height: inherit !important; height: inherit; } .aftk-field { height: 50px !important; width: 100% !important; min-width: 300px !important; padding: 0 0 0 5px !important; background-color: #607d8b1f; } #phone_number { padding: 0 0 0 50px !important; } div#alert-success-phone { width: 30% !important; padding: 20px 10px 20px 60px !important; } .section-col0 { margin-bottom: 5px; } .section-toolbar { display: flex; align-items: center; justify-content: flex-end; padding: 15px 0 0 0; } .title-form { font-size: 15px !important; background: #cccccc9c; padding: 10px; margin: 0 !important; text-align: center; } .aftk-btn-small { font-size: 15px; margin-left: 5px; cursor: pointer !important; } @media screen and (max-width: 992px) { div#alert-success-phone { width: 100% !important; } } </style> <!-- <div id="alert-success-phone" class="alert alert-success alert-white rounded msg"> <div class="icon"><i class="fa fa-check"></i></div> <strong class="title-form">What is your CALL BACK number<br /> in case we get disconnected</strong> <div> <section class="section-col0"> <div class="frm-lbl-wrap"> <h2 class="frm-lbl">My Name:</h2> </div> <div class="ph-row"> <input maxlength="50" placeholder="Firstname, Lastname" class="ctrl-lg fullname aftk-field aftk-fullname aftk-input-required" type="text" id="fullname"> </div> </section> <section class="section-col0"> <div class="frm-lbl-wrap"> <h2 class="frm-lbl">My Phone:</h2> </div> <div class="ph-row"> <input placeholder="Enter your phone" class="ctrl-lg phone aftk-field aftk-phone aftk-input-required" type="tel" id="phone_number"> </div> </section> <section class="section-toolbar"> <a class="btn btn-default noHover aftk-btn-small btnPhoneCallClose" href="javascript:;"> <i class="fa fa-times" aria-hidden="true"></i><span>Close</span> </a> <a class="btn btn-success noHover aftk-btn-small btnPhoneCallProcess disabled" href="javascript:;"> <i class="fa fa-phone" aria-hidden="true"></i><span>Call (917) 602-7823</span> </a> </section> </div> </div> --> <!-- <script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> --> <div class="container"> <!-- Modal --> <div class="modal fade" id="phoneModal" role="dialog"> <!-- <div class="modal" id="phoneModal" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true"> --> <div class="modal-dialog modal-md modal-dialog-centered "> <div class="modal-content"> <div class="modal-header"> <!-- <button type="button" class="close" data-dismiss="modal">×</button> --> <h4 class="modal-title"> What is your best CALL BACK number<br /> in case we get disconnected </h4> </div> <div class="modal-body"> <div> <section class="section-col0"> <div class="frm-lbl-wrap"> <h2 class="frm-lbl">My Name:</h2> </div> <div class="ph-row"> <input maxlength="50" placeholder="Firstname, Lastname" class="ctrl-lg fullname aftk-field aftk-fullname aftk-input-required" type="text" id="fullname"> </div> </section> <section class="section-col0"> <div class="frm-lbl-wrap"> <h2 class="frm-lbl">My Phone:</h2> </div> <div class="ph-row"> <input placeholder="Enter your phone" class="ctrl-lg phone_number aftk-field aftk-phone aftk-input-required" type="tel" id="phone_number"> </div> </section> </div> </div> <div class="modal-footer"> <section class="section-toolbar"> <button data-dismiss="modal" class="btn btn-default noHover aftk-btn-small btnPhoneCallClose"> <i class="fa fa-times" aria-hidden="true"></i><span>Close</span> </button> <button class="btn btn-success noHover aftk-btn-small btnPhoneCallProcess disabled"> <i class="fa fa-phone" aria-hidden="true"></i><span>Call <span class="ph_number">(917) 602-7823</span></span> </button> </section> <!-- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> --> </div> </div> </div> </div> </div> <!-- LoadingOverlay --> <script defer src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js"></script> <link defer rel='stylesheet' href='https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/css/intlTelInput.css'> <script src='https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/js/intlTelInput.js'></script> <script> //-------------------- const input_phone_number = document.querySelector("#phone_number"); const iti = window.intlTelInput(input_phone_number, { // separateDialCode: true, initialCountry: "us", loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.10.12/build/js/utils.js"), }); // store the instance variable so we can access it in the console e.g. window.iti.getNumber() window.iti = iti; //-------------------- //-------------------USER INFO --------------- function IsEmail(email) { var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if (!regex.test(email)) { return false; } else { return true; } } function IsValidPhone(valIn) { var regex = /([0-9]{10})|(\([0-9]{3}\)\s+[0-9]{3}\-[0-9]{4})/; if (!regex.test(valIn)) { return false; } else { return true; } } function formatPhoneNumber(phoneNumberString) { var cleaned = ('' + phoneNumberString).replace(/\D/g, '') var match = cleaned.match(/^(1|)?(\d{3})(\d{3})(\d{4})$/) if (match) { var intlCode = (match[1] ? '+1 ' : '') return [intlCode, '(', match[2], ') ', match[3], '-', match[4]].join('') } return null } //-------------------END:: USER INFO ----------- // jQuery(document).ready(function($) { $(document).ready(function ($) { const ph_call = '(917) 602-7823'; var entity_id = '10164'; var event_type_selected = 'PHONE_CALL'; var href_selected = 'tel:' + ph_call; function showOverlay(status = 'show', elt = 'body') { $(elt).LoadingOverlay(status); } function openForm() { $('#phoneModal').modal('show'); $('#phoneModal').removeClass('fade'); $('#phoneModal').css('display', 'flex'); } function closeForm() { $('.phone_number').val(''); $('#fullname').val(''); $('#phoneModal').modal('hide'); $('#phoneModal').addClass('fade'); } $(document).on('click', '.btnPhoneCallClose', function (e) { closeForm(); }); //--btnPhoneCallClose $(document).on('open:countrydropdown', input_phone_number, function (e) { // console.log("The country dropdown was expanded 111.", e); $('#phoneModal .modal-body').css('height', '300px'); }); //--input_phone_number $(document).on('close:countrydropdown', input_phone_number, function (e) { // console.log("The country dropdown was closed 222.", e); $('#phoneModal .modal-body').css('height', 'inherit'); }); //--input_phone_number $(document).on('click', '.btnPhoneCallProcess', function (e) { const ph = $('.phone_number').val(); const fullname = $('#fullname').val(); if (IsValidPhone(ph) && fullname?.length) { saveData(); return false; } else { return false; } }); //--btnPhoneCallClose $(document).on('click', '.btnPhoneCall', function (e) { e.stopPropagation(); e.preventDefault(); openForm(); // $('#phoneModal').modal('show'); // $('#phoneModal').removeClass('fade'); event_type_selected = 'PHONE_CALL'; href_selected = $(this).attr('href'); // $('#phoneModal').css('display', 'flex'); $('.ph_number').html(href_selected.replace('tel:', '')); console.log('--btnPhoneCall--', href_selected, event_type_selected) return false; }); //--btnPhoneCall $(document).on('click', '.btnPhoneCallWhatsapp', function (e) { e.stopPropagation(); e.preventDefault(); openForm(); // $('#phoneModal').modal('show'); event_type_selected = 'WHATSAPP_CONTACT'; // href_selected = $(this).attr('href'); console.log('--btnPhoneCallWhatsapp--', href_selected, event_type_selected) return false; }); //--btnPhoneCall $('#phoneModal').on('hidden.bs.modal', function () { $('#phoneModal.modal').css('z-index', -1); }) $('#phoneModal').on('shown.bs.modal', function (e) { $('#phoneModal.modal').css('z-index', 99999999); }) $(document).on('keyup', '.aftk-field', function (e) { const ph = $('.phone_number').val(); const fullname = $('#fullname').val(); if (IsValidPhone(ph) && fullname?.length) { $(".btnPhoneCallProcess").removeClass('disabled'); } else { $(".btnPhoneCallProcess").addClass('disabled'); } }); //--aftk-field function saveData() { const ph = $('.phone_number').val(); const fullname = $('#fullname').val(); const allData = [{ name: fullname, phone: ph, date_today: new Date(), event_type: event_type_selected }]; var data = { post_id: '10164', data: allData }; if (data.post_id) { showOverlay('show'); $.ajax({ url: "https://www.afrothentik.com/z_crm/zp_crm_process.php", type: "POST", data: { action: 'save_contacts_event', data: data }, success: function (html) { showOverlay('hide'); try { if (html) { if (window.ajax_clean_response) { html = window.ajax_clean_response(html, '{"result":'); } var obj = JSON.parse(html); console.log('--saveData-rufin-111---', obj); if (obj && obj.result) { closeForm(); window.location.href = href_selected; } } } catch (ex) { console.error('--Error-rufin----', ex.message, html); // alert(ex.message); } }, fail: function (error) { console.error('--Error-rufin--222--', JSON.stringify(error)); showOverlay('hide'); // alert("error" + JSON.stringify(error)); } }); } } //---saveData }); //----END </script></body> </html> <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script> --> <script> window.onload = function () { document.querySelector(".preloader").style.display = "none"; var metaTag = $('<meta>'); metaTag.attr('name', 'viewport'); metaTag.attr('content', 'width=device-width, initial-scale=1.0'); $('head').append(metaTag); } $("a:contains('XYZScripts.com')").parent().remove(); window.ajax_clean_response = (resp, prefix) => { var index = resp.indexOf(prefix); var result = resp; if (index !== -1) { result = resp.substring(index); } return result; } $.urlParam = function (name) { var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href); return (results?.length) ? results[1] : 0; } const scrollToElement = (targetId) => { // Get the target element's ID from the href attribute // var targetId = this.hash; // Select the target element using jQuery var $targetElement = $(targetId); // Animate the scroll to the target element's position $('html, body').stop().animate({ 'scrollTop': $targetElement.offset().top }, 800, 'swing', function () { // Optional: Update the URL hash after the animation completes // window.location.hash = targetId; }); $('html, body').animate({ scrollTop: $(elt).offset().top }, 2000); }; //--scrollToElement $(document).ready(function () { // console.log('----rufin--footer-----', $("body .wrapper")); // $("body .wrapper").children().unwrap(); var link = $("<link>"); link.attr({ rel: "shortcut icon", type: "image/x-icon", href: "https://www.afrothentik.com/wp-content/uploads/2024/10/btn_blue_square_ok3.png?" // Replace with the actual path }); $("head").append(link); //----img from digisign const book_img = $.urlParam('p'); if (book_img) { $('.model-img').attr('src', book_img); setTimeout(() => { // scrollToElement('#appointment'); $('.btnBook').trigger('click'); }, 150); } //----END::img from digisign //---- Book const book_action = $.urlParam('book'); if (book_action) { setTimeout(() => { $('.btnBook').trigger('click'); }, 150); } //---- END::Book //------ Add to home $(document).on('click', '.btnAddToHome', function (event) { // console.log('----rufin--footer-----', 'https://www.afrothentik.com/wp-content/uploads/2024/10'); window.AddToHomeScreenInstance = window.AddToHomeScreen({ appName: "Rama African Hair Braiding", // Name of the app. // Required. appNameDisplay: 'standalone', // If set to 'standalone' (the default), the app name will be diplayed // on it's own, beneath the "Install App" header. If set to 'inline', the // app name will be displayed on a single line like "Install MyApp" // Optional. Default 'standalone' // appIconUrl: 'apple-touch-icon.png', // App icon link (square, at least 40 x 40 pixels). appIconUrl: 'https://www.afrothentik.com/wp-content/uploads/2024/10/btn_blue_square_ok3.png', // App icon link (square, at least 40 x 40 pixels). // Required. // assetUrl: 'https://www.afrothentik.com/wp-content/uploads/2024/10/', // Link to directory of library image assets. assetUrl: 'https://cdn.jsdelivr.net/gh/philfung/add-to-homescreen@3.2/dist/assets/img/', // Link to directory of library image assets. maxModalDisplayCount: -1, // If set, the modal will only show this many times. // [Optional] Default: -1 (no limit). (Debugging: Use this.clearModalDisplayCount() to reset the count) displayOptions: { showMobile: true, showDesktop: true }, // show on mobile/desktop [Optional] Default: show everywhere allowClose: true, // allow the user to close the modal by tapping outside of it [Optional. Default: true] showArrow: true, // show the bouncing arrow on the modal [Optional. Default: true] (highly recommend leaving at true as drastically affects install rates) }); ret = window.AddToHomeScreenInstance.show('en'); // show "add-to-homescreen" instructions to user, or do nothing if already added to homescreen // [optional] language. If left blank, then language is auto-decided from (1) URL param locale='..' (e.g. /?locale=es) (2) Browser language settings }); //---btnAddToHome //------ END::Add to home $(document).on('click', '.scroll0 a, .aftk-content', function (event) { if ($('.navbar-toggle').attr('aria-expanded')?.toString() === 'true') { $('.navbar-toggle').trigger('click'); } }); //---body // $(document).on('click', 'body', function(event) { // console.log('----rufin--footer-body----', event.target, $(event.target).hasClass('navbar-toggle'), $('navbar-toggle').hasClass('collapsed')); // event.stopPropagation(); // if (!$(event.target).hasClass('navbar-header') && !$(event.target).hasClass('navbar-toggle') && $('navbar-toggle').attr('aria-expanded')) { // $('.navbar-toggle').trigger('click'); // } // }); //---body //----load #xtz jQuery(window).load(function () { // Get the anchor from the URL (e.g., "#mysection") var anchor = window.location.hash; // Check if an anchor exists in the URL if (anchor) { // Select the target element using the anchor // The anchor variable already includes the '#' var $targetElement = $(anchor); // Check if the target element actually exists on the page if ($targetElement.length) { // Use jQuery's animate() method to add smooth page scroll // The duration (e.g., 1000ms) can be adjusted for speed jQuery('html, body').animate({ scrollTop: $targetElement.offset().top + $targetElement.scrollTop() }, 1000); // 'swing' is the default easing // jQuery('html, body').animate({ // scrollTop: $targetElement.offset().top // }, 1000, 'swing'); // 'swing' is the default easing } } }); //----END:: load #xtz }); </script> <div class="get_quote">[aftk_get_quote]</div>
