var modal = document.createElement('div'); var buttons = document.getElementsByClassName('iframe'); //var modal_inner = document.createElement('div'); // //modal.className = "modal"; = 'modal'; document.body.prepend(modal); /*modal_inner.className = "modal-inner"; document.body.modal.innerHTML = modal_inner;*/ // for(var i = 0; i < buttons.length; i++) { var button = buttons[i]; button.onclick = function() { //alert("hello"); var url = this.href; modal.classList.add('show'); modal.innerHTML = ''; //console.log(url); // return false; }; } document.addEventListener("click", function (e) { const target =; if (target instanceof HTMLElement) { if ( === 'modal-close') { //alert('Hi'); document.getElementById('modal').classList.remove('show'); } } });
Frame 3 (5) (1).png

Make it Easy

Partnering with Surf Costa Rica enables you to take bookings directly on your own website. 


Below is a demo lesson to see the process. Only the button is added to your current web design.

joey-pilgrim-I3AMPLzJjW8-unsplash (2) 1.png

Beginner Group Lesson

2 hours. In a group of no more than 6 people, you'll be taken through the basics before putting them to practice in the surf.

Use the repeating 4242 as demo card number.

Customers receive an instant booking confirmation and your contact details if they need to get in touch. You receive a booking confirmation email and your online calendar is automatically synced.