Submit Event Loading… iframe> </div> <!--kg-card-end: html--> </section> </article> </main> <footer class="gh-footer gh-outer"> <div class="gh-footer-inner gh-inner"> <div class="gh-footer-bar"> <span class="gh-footer-logo is-title"> ONTHEROUTE </span> <nav class="gh-footer-menu"> <ul class="nav"> <li class="nav-sign-up"><a href="#/portal/">Sign up</a></li> </ul> </nav> <div class="gh-footer-copyright"> Powered by <a href="https://ghost.org/" target="_blank" rel="noopener">Ghost</a> </div> </div> <section class="gh-footer-signup"> <h2 class="gh-footer-signup-header is-title"> ONTHEROUTE </h2> <p class="gh-footer-signup-subhead is-body"> Your weekly guide to the Garden Route </p> <form class="gh-form" data-members-form> <input class="gh-form-input" id="footer-email" name="email" type="email" placeholder="jamie@example.com" required data-members-email> <button class="gh-button" type="submit" aria-label="Subscribe"> <span><span>Subscribe</span> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></span> <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"> <g stroke-linecap="round" stroke-width="2" fill="currentColor" stroke="none" stroke-linejoin="round" class="nc-icon-wrapper"> <g class="nc-loop-dots-4-24-icon-o"> <circle cx="4" cy="12" r="3"></circle> <circle cx="12" cy="12" r="3"></circle> <circle cx="20" cy="12" r="3"></circle> </g> <style data-cap="butt"> .nc-loop-dots-4-24-icon-o{--animation-duration:0.8s} .nc-loop-dots-4-24-icon-o *{opacity:.4;transform:scale(.75);animation:nc-loop-dots-4-anim var(--animation-duration) infinite} .nc-loop-dots-4-24-icon-o :nth-child(1){transform-origin:4px 12px;animation-delay:-.3s;animation-delay:calc(var(--animation-duration)/-2.666)} .nc-loop-dots-4-24-icon-o :nth-child(2){transform-origin:12px 12px;animation-delay:-.15s;animation-delay:calc(var(--animation-duration)/-5.333)} .nc-loop-dots-4-24-icon-o :nth-child(3){transform-origin:20px 12px} @keyframes nc-loop-dots-4-anim{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1)}} </style> </g> </svg> <span>Email sent</span> </button> <p data-members-error></p> </form> </section> </div> </footer> </div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script src="https://www.ontheroute.co.za/assets/built/source.js?v=435289b503"></script> </body> </html>