</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="/referrals#/check-referrals" class="navbar-item ">Check Referrals</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> <!--Popup Modal--> <div class="modal-mask w3-animate-opacity" id="promoId" v-show="promo"> <div class="modal-wrapper"> <div class="modal-container mdu-bg" onclick="apply()"> <div class="test"> <div class="modal-header"> <button class="delete" id="delete" aria-label="close"></button> </div> <div class="modal-body"> <div class="columns"> <div class="column is-8"> <div class="valid has-text-centered"> <p class="valid-header">1 Valid ID lang,</p> <p class="valid-sub-header ">Install na Agad!</p> <p class="valid-spiel">Mabilis lang!</p> </div> <img class="image valid-line" src="images/promo/1_valid_id/line.png" width="95%" alt="iConverge logo"> </div> <div class="column is-4 has-text-centered"> <div class="conrad"> <img class="image is--centered valid-conrad" src="images/promo/1_valid_id/CONrad.png" width="450" alt="iConverge logo"> <button class="valid-button" onclick="apply()">APPLY NA! </button> <p class="valid-term">Terms and conditions apply.</p> </div> </div> </div> <div class="column is-12"> <img class="image is--centered valid-logo" src="images/promo/1_valid_id/valid-logo.png" width="170" alt="iConverge logo"> </div> <!-- <div class="modal-row"> <span class="promo-girl"></span> <span class="promo-logo"></span> <div class="description"> <div class="row"> <h1 class="description-header">DOUBLE THE SPEED</h1> <h2 class="description-sub-header">WHEN YOU NEED IT? WE GOT YOU!</h2> <p class="description-spiel">I -time of the day mo yan!</p> </div> <div class="row"> <br> <p class="time"> Experience double the speed from 7AM - 7PM for FREE </p> <p class="terms"> Available to all FiberX Subscribers 1500, 2500, 3500, 4500. Terms and Conditions apply. </p> </div> </div> <div class="custom-links"> <div class="row"> <span><a class="apply-now" href="/applicant#/application-subscription">APPLY NOW</a></span> </div> <div class="row-2"> <span><a style="color:white; font-family: primaSansReg">Learn more:</a></span> <span> <a class="convergeict" href="https://www.convergeict.com/fiberx-time-of-day/">www.convergeict.com</a> </span> </div> </div> </div> --> <!-- <div class="promo-buttons"> <span class="mechanics-button">Visit <a href="https://www.convergeict.com/one-month-free-no-cash-out/" target="_blank">convergeict.com/one-month-free-no-cash-out</a>, for the complete mechanics</span> </br> <button type="button" class="btn btn-primary continue-button" onclick="document.getElementById('promoId').classList.add('w3-animate-show');">Continue</button> </div> --> </div> <!-- <div class="modal-footer"> <div class="promo-credits"> <p class="terms-conditions is-size-6 has-text-white footer-text" style="position: absolute ; left: 0%; bottom: 0%; font-size: .75em !important;"> Terms and conditions apply. <br> Promo runs from February 1, 2021 - February 28, 2021 </p> <p class="dti-fair is-size-6 has-text-white footer-text" style="position: absolute ; right: 0%; bottom: 0%; font-size: .75em !important;"> Per DTI Fair Trade Permit No. FTEB-112833 Series of 2021 </p> </div> </div> --> </div> </div> </div> </div> <div class="modal-mask" v-show="mdu"> <div class="modal-wrapper"> <div class="modal-container mdu-bg"> <div class="" style="width: 100%; height: 100%; position: relative;"> <button class="delete" id="delete" aria-label="close"></button> <div class="modal-body"> <div class="mdu-super-logo"></div> <div class="mdu-bottom-text"> <p class=" has-text-white has-text-centered"> <b class="is-size-4">Zero Worries!</b> <br> Experience pure fiber internet. <br> <b class="is-size-4" style="color: yellow;">NO UPFRONT FEES</b> <br> when you apply now! Save as much as P2500* <br> on your initial fees! Let's Go! </p> <br> <p class="has-text-white has-text-centered"> Promo period: July 02 - September 30, 2019 </p> <br> <p class="buttons is-centered"> <button onclick="next()" class="button is-rounded is-primary"> Avail of Promo! </button> <a href="/mdu-mechanic" target="_blank" class="button is-rounded is-primary"> Read Promo Details! </a> </p> <p class="has-text-white has-text-centered"> See complete details <a href="/mdu-mechanic" target="_blank" class="has-text-primary"><b>here</b></a> or visit <a href="https://www.convergeict.com/promos/superzerosaves" target="_blank" class="has-text-primary"><b>convergeict.com/promos/superzerosaves</b></a> </p> </div> </div> <div class="modal-footer"> <p class="has-text-white footer-text" style="position: absolute ; left: 0 ;bottom: 0; font-size: .75em !important;"> *Discount applies to the installation fee and security deposit <br> Terms and conditions apply. <br> Per DTI-NCR FTEB Permit No.11096 Series of 2019 </p> <p class="has-text-white footer-text" style="position: absolute ; right: 0 ;bottom: 0; font-size: .75em !important;"> <b>#SuperZeroSaves</b> </p> </div> </div> </div> </div> </div> </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, promo: true, } }, 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" // } function apply(){ 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> @font-face { font-family: gothamBlack; src: url("images/promo/1_valid_id/fonts/Gotham-Black.otf"); } @font-face { font-family: gothamBold; src: url("images/promo/1_valid_id/fonts/GothamBold.ttf"); } @font-face { font-family: gothamBook; src: url("images/promo/1_valid_id/fonts/GothamBook.ttf"); } @font-face { font-family: gothanBlackBold; src: url("images/promo/tod_may_2021/fonts/GothamBold.ttf"); } @font-face { font-family: primaSansReg; src: url("images/promo/tod/PrimaSansBT-Roman.otf"); } @font-face { font-family: primaSansBold; src: url("images/promo/tod/PrimaSansBT-Bold.otf"); } .mdu-bg { /* background-image: url("images/mdu-bg.jpg"); */ background-size: 100% 100%; width: 100%; max-width: 1367px; background-position: center; position: relative; margin-bottom: -20%; overflow: hidden; } /* .mdu-bg:after{ content: ""; display: block; right: 100px; bottom: 40%; transform: translateY(50%); height: 300px; width: 300px; */ /* background-image:url("/images/mdu-hero.png"); */ /* background-repeat: no-repeat; position: fixed; max-height: 705px; } */ .mdu-super-logo { display: block; margin: auto; margin-top: 20%; margin-bottom: -4em; height: 450px; width: 100%; /* background-image: url("images/promo/logo.png"); */ background-repeat: no-repeat; 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; } .promo-girl { height: 475px !important; margin-top: 4% !important; margin-left: -2% !important; } .promo-logo { margin-top: -52% !important; width: 94% !important; } .description-header { font-size: 3em !important; margin-top: -7% !important; margin-left: 0 !important; width: 100% !important; } .description-sub-header { font-size: 27px !important; margin-left: 0 !important; } .description-spiel { font-size: 23px !important; margin-left: 19% !important; } .date { font-size: 20px !important; margin-left: -3% !important; margin-top: 1% !important; } .time { font-size: 18px !important; margin-left: -3% !important; width: 100% !important; } .terms { font-size: 12px !important; } .description-paragraph { font-size: 13px !important; margin-left: 54% !important; } .custom-links { margin-top: 22% !important; margin-right: -43% !important; } } @media screen and (max-width: 1079px) and (min-width: 768px) { .valid{ margin-top: 30% !important; } .valid-header { font-size: 45px !important; margin: 0px !important; } .valid-sub-header { font-size: 42px !important; margin: 0px !important; margin-top: -3% !important; } .valid-spiel { font-size: 24px !important; margin: 0px !important; margin-top: -3% !important; margin-left: 14% !important; } .valid-line{ width: 85% } .valid-conrad{ height: 80% !important; width: 80% !important; margin: 0px !important; margin-left: -25% !important; margin-top: 35% !important; } .valid-button{ margin: 0px !important; font-size: 22px !important; margin-top: -20% !important; margin-left: -50% !important; } .valid-term{ font-size: 14px !important; } .valid-logo{ margin: 0px !important; margin-left: 40% !important; } } @media screen and (max-width: 767px) and (min-width: 351px) { .valid{ margin-top: 0px !important; } .valid-header { font-size: 28px !important; margin: 0px !important; margin-left: 5% !important; margin-top: 5% !important; } .valid-sub-header { font-size: 26px !important; margin: 0px !important; margin-left: 5% !important; margin-top: -1% !important; } .valid-spiel { font-size: 22px !important; margin: 0px !important; margin-left: 5% !important; margin-top: -1% !important; } .valid-line{ display:none; } .valid-conrad{ height: 30% !important; width: 30% !important; margin: 0px !important; margin-left: 34% !important; margin-top: -3% !important; } .valid-button{ margin: 0px !important; font-size: 18px !important; margin-top: -5% !important; margin-left: 3% !important; } .valid-term{ font-size: 12px !important; margin-top: -.2% !important; margin-left: 3% !important; } .valid-logo{ height: 20% !important; width: 20% !important; margin: 0px !important; margin-top: -6% !important; margin-left: 40% !important; } } @media screen and (max-width: 350px) { .promo-girl { display: none !important; } .promo-logo { margin-top: 0 !important; } .valid-header { font-size: 31px !important; margin: 0px !important; } .valid-sub-header { font-size: 18px !important; margin: 0px !important; } .valid-spiel { font-size: 18px !important; margin: 0px !important; } .valid-line{ display:none; } .valid-conrad{ height: 30% !important; width: 30% !important; margin: 0px !important; margin-left: 28% !important; } .valid-button{ margin: 0px !important; font-size: 18px !important; margin-top: -3% !important; margin-left: -10% !important; } .valid-term{ font-size: 12px !important; margin-left: -10% !important; } .valid-logo{ height: 40% !important; width: 40% !important; margin: 0px !important; margin-left: 25% !important; } .date { font-size: 13px !important; margin-left: 6% !important; margin-top: 3% !important; } .time { font-size: 12px !important; margin-left: 0 !important; width: 100% !important; } .terms { font-size: 12px !important; margin-left: 0 !important; text-align: center !important; } .description-paragraph { margin-bottom: 5% !important; margin-left: 8% !important; margin-right: 9% !important; } .custom-links { margin-top: 16% !important; margin-right: 4% !important; } } .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: all ease 1s; } .modal-wrapper { display: table-cell; vertical-align: middle; } .modal-header h3 { margin-top: 0; color: #42b983; } .modal-body { max-height: 80vh; } .modal-default-button { float: right; } .modal-container { width: 81%; height: 70%; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 2px; background-image: url("images/promo/1_valid_id/BG.jpg"); /* font-family: Helvetica, Arial, sans-serif; */ font-family: GothamBlack; background-repeat: no-repeat; background-position: center; min-height: 550px; max-height: 705px; margin: 5px; } .promo-logo { display: block; height: 236px; width: 90%; margin-top: -48%; background-image: url("images/promo/tod/logo.png"); background-repeat: no-repeat; background-size: contain; background-position: right; } .promo-girl { position: relative; display: block; height: 671px; width: 92%; margin-top: -0%; margin-left: -2%; margin-bottom: -30%; background-image: url("images/promo/tod_may_2021/kv.png"); background-repeat: no-repeat; background-size: contain; background-position: left; } b { font-family: gothanBlackBold; } .valid { margin-top: 20%; margin-left: -8%; position: relative; color: white; } .valid-logo{ margin-top: -5% } .valid-term{ font-family: gothamBook; color: #FFFFFF; font-size:16px; margin-left: -50%; margin-top: 3%; } .valid-button{ z-index: 99999 !important; margin-left: -50%; margin-top: -14%; background-color: yellow; border-radius: 45px; color: #2b0461; font-family: gothamBlack; font-size: 42px; padding: 10px; padding-left:20px; padding-right:20px; position:relative; } .valid-button:hover{ background-color: #2b0461; color: yellow; transition: all ease .3s; } .valid-conrad{ margin-left:-35%; margin-top: 8%; z-index:99 !important; } .valid-line{ margin-left: -4%; margin-top: -2%; } .valid-header { font-family:gothamBlack; font-size: 68px; width: 100%; color: yellow; } .valid-sub-header { font-family: gothamBlack; font-size: 63px; width: 100%; margin-top: -4%; } .valid-spiel { font-family: gothamBold; font-size: 42px; margin-top: -3%; margin-left: 15%; width: 100%; } .date { font-family: Gotham; color: yellow; font-size: 25px; margin-left: -3%; width: 100%; } .time { font-family: gothanBlackBold; color: black; padding-left: 1%; text-align: center; background-color: white; font-size: 22px; margin-left: -3%; width: 100%; } .terms { font-family: gothanBlack; font-size: 15px; margin-left: -3%; width: 100%; } .custom-links { margin-top: 23%; margin-right: -38%; position: relative; float: right; } .row-2 { margin-top: 9%; margin-left: -20%; } .apply-now { background-color: yellow; font-weight: bold; color: black; margin: 2%; padding-top: 3%; padding-bottom: 3%; padding-left: 8%; padding-right: 8%; border-radius: 6px; } .apply-now:hover { background-color: white; color: black; } .convergeict { color: white; margin-top: 5%; font-family: primaSansReg; } .promo-text b { font-size: 35px; } .promo-credits { display: block; margin: auto; max-width: 1200px; } .promo-buttons { display: table; margin: 0 auto; text-align: center; } .mechanics-button { font-size: 12px; color: rgb(222, 215, 15); margin-bottom: -1em; } .mechanics-button a { color: inherit; } .continue-button { margin-top: 20px; border: 0; background: none; box-shadow: none; margin-bottom: 1em; border-radius: 0px; color: white; background-color: rgb(104, 12, 189); transition: 0.3s; width: 140px; height: 30px; } .continue-button:hover { background-color: white; color: rgb(104, 12, 189); } .mechanics-button a:hover { color: white; } .w3-animate-opacity { animation: opac 0.8s } @keyframes opac { from { opacity: 0 } to { opacity: 1 } } .w3-animate-show { animation: show 0.8s; animation-fill-mode: forwards; z-index: -999 } @keyframes show { 0% { opacity: 1 } 100% { opacity: 0 } } /* * 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="/referrals#/check-referrals" class="nav__item">Check Referrals</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>