</ifram e></noscript> <!-- End Google Tag Manager (noscript) --> <header class="header--portal container is-fullhd"> <nav class="navbar" role="navigation" aria-label="main navigation"> <a class="navbar-brand" href="/"> <div style="position: relative;"> <div> <img src="/images/Converge Go Fiber Icon - Against Dark BG.png" alt="Converge logo" width="200"> </div> </div> </a> <a role="button" id="burger" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false"> Menu <i class="fas fa-chevron-down icon"></i> </a> <div class="navbar-menu" id="navMenu" role="navigation" aria-label="main navigation"> <ul class="navbar-end"> <li><a href="/" class="navbar-item">Home</a></li> <li><a href="/paybills#/paybills" class="navbar-item ">Pay Bills</a></li> <li><a href="/applicant#/application-subscription" class="navbar-item ">Apply Now</a></li> <li><a href="/application/check-status" class="navbar-item ">Check Application</a></li> <li><a href="/contact-us" class="navbar-item ">Contact Us</a></li> </ul> </div> </nav> </header> <!-- landing.blade.php --> <main class="is-dark" id="app"> <section class="section section--hero is-dark content"> <img class="image is--centered" src="/images/Converge Go Fiber Icon - Against Dark BG.png" width="380" alt="iConverge logo"> <br> <div class="column is-8-tablet is-6-desktop is--centered"> <p>Welcome to our new and improved portal! Apply for pure fiber internet quickly, pay your Converge subscription online, and manage your account easily.</p> </div> <br> <p class="buttons is-centered"> <a class="button is-primary is-rounded is-medium" href="applicant#/application-subscription">Apply Now</a> <a class="button is-info is-rounded is-medium" href="/application/check-status">Check Application</a> </p> </section> <section class="section section--features is-dark columns"> <a class="features__apply features__item column" href="/applicant#/application-subscription"> <h2>Experience better internet today →</h2> </a> <a class="features__bills features__item column" href="/paybills#/paybills"> <h2>Pay your bills online →</h2> </a> <div class="features__account features__item column"> </div> </section> </main> <script src="js/manifest.js"></script> <script src="js/vendor.js"></script> <script src="https://gofiber.ph/js/basic.js"></script> <script type="text/javascript"> var app = new Vue({ el: "#app", data() { return { mdu: false, } }, created() { let vm = this; vm.fetch(); }, methods: { fetch() { // let vm = this; // axios.get('/promo/mdu').then((res) => { // if (res.data) { // WITH PROMO // if (!localStorage.getItem('mdu')) // vm.mdu = true; // } else { // vm.mdu = false; // } // }); } } }); // function next() { // window.location.href = "/applicant#/application-subscription" // } // document.addEventListener('click', function(event) { // if (event != undefined && event.target.className.includes("modal-wrapper") || event.target.id == "delete") { // var container = document.getElementsByClassName('modal-mask') // container[0].style.display = "none"; // // event.target.style.display = "none"; // } // }); </script> <style> .mdu-bg{ background-image: url("images/mdu-bg.jpg"); background-size: 100% 100%; width: 100%; max-width: 1440px; background-position: center; position: relative; } .mdu-bg:after{ content: ""; display: block; position: absolute; right: 100px; bottom: 40%; transform: translateY(50%); height: 300px; width: 300px; background-image:url("/images/mdu-hero.png"); background-repeat: no-repeat; background-size: contain; } .mdu-super-logo{ display: block; margin: auto; margin-top: 3.5em; margin-bottom: -4em; height: 450px; width: 100%; background-image: url("images/mdu-super-logo.png"); background-repeat: no-repeat; background-size: contain; background-position: center; } .image{ position: relative; } .features__item:after{ background: initial !important; cursor: initial !important; } @media screen and (max-width: 1441px) and (min-width: 1023px){ .content h1.title{ font-size: 2.5em !important; } .section{ padding: 2.75em !important; } .header--portal, .footer--portal{ padding: 1rem 2rem !important; } .navbar-brand{ padding: .5rem; } } .header--portal{ display: none; } .delete{ display: block; margin-left: auto; } .modal-mask { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: table; transition: opacity 0.3s ease; } .modal-wrapper { display: table-cell; vertical-align: middle; } .modal-container { margin: 0px auto; padding: 20px 30px; background-color: #fff; border-radius: 2px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33); transition: all 0.3s ease; font-family: Helvetica, Arial, sans-serif; background-repeat: no-repeat; background-position: center; min-height: 550px; } .modal-header h3 { margin-top: 0; color: #42b983; } .modal-body { max-height: 80vh; /*overflow-y: auto;*/ /*overflow-x: hidden;*/ margin: 20px 0; } .modal-default-button { float: right; } /* * The following styles are auto-applied to elements with * transition="modal" when their visibility is toggled * by Vue.js. * * You can easily play with the modal transition by editing * these styles. */ .modal-enter { opacity: 0; } .modal-leave-active { opacity: 0; } .modal-enter .modal-container, .modal-leave-active .modal-container { -webkit-transform: scale(1.1); transform: scale(1.1); } </style> <footer class="footer--portal"> <div class="container is-fullhd"> <div class="columns"> <div class="column is-narrow content"> <p>© 2018 Converge ICT. All Rights Reserved.</p> <p>Read our <a class="is-underline" href="https://www.convergeict.com/privacy-notice/" target="_blank">Privacy Notice</a></p> </div> <div class="column"> <div class="footer__nav"> <a href="/" class="nav__item">Home</a> <a href="/paybills#/paybills" class="nav__item">Pay Bills</a> <a href="/applicant#/application-subscription" class="nav__item">Apply Now</a> <a href="/application/check-status" class="nav__item">Check Application</a> <a href="/contact-us" class="nav__item">Contact Us</a> </div> <p class="footer__contacts"> <span>(+632) 8667-0848 </span> <span>(+6345) 598 3000 </span> <a href="#"><span class="fab fa-facebook fa-2x icon"></span></a> <a href="#"><span class="fab fa-linkedin fa-2x icon"></span></a> <a href="#"><span class="fab fa-twitter fa-2x icon"></span></a> </p> </div> </div> </div> </footer> <!-- include JS --> <script defer src="/js/fontawesome-5.1.0.js"></script> <script type="text/javascript" src="/js/nav.js"></script> <script> var path = window.location.pathname; var splittedPath = path.split("/"); if (splittedPath.length > 1) { if (splittedPath[1] !== "paybills#") { window.localStorage.removeItem('payment_channels'); window.localStorage.removeItem('payment_channels.billing_info'); } } </script> </body> </html>