You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

business_preview.blade.php 32KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style id="stndz-style"></style>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <style type="text/css">
  8. .step {
  9. height: 15px;
  10. width: 15px;
  11. margin: 0 2px;
  12. background-color: #bbbbbb;
  13. border: none;
  14. border-radius: 50%;
  15. display: inline-block;
  16. opacity: 0.5;
  17. }
  18. </style>
  19. <link rel="profile" href="http://gmpg.org/xfn/11">
  20. <link rel="pingback" href="https://cbb.allo.my/xmlrpc.php">
  21. <link href="https://fonts.googleapis.com/css?family=Open+Sans|Oswald:400,500|Signika:400,600" rel="stylesheet">
  22. <script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  23. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  24. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker3.css">
  25. <title>Business Application</title>
  26. <link rel="dns-prefetch" href="//fonts.googleapis.com">
  27. <link rel="dns-prefetch" href="//s.w.org">
  28. <link rel="alternate" type="application/rss+xml" title="Cyberjaya Broadband » Feed" href="https://cbb.allo.my/feed/">
  29. <link rel="alternate" type="application/rss+xml" title="Cyberjaya Broadband » Comments Feed" href="https://cbb.allo.my/feed/">
  30. <link rel="icon" href="https://citybroadband.my/wp-content/uploads/2018/09/favicon-2.png" type="image/gif">
  31. <link rel="icon" href="https://citybroadband.my/wp-content/uploads/2018/09/favicon-3.png" type="image/png">
  32. <link rel="apple-touch-icon" href="https://citybroadband.my/wp-content/uploads/2018/09/favicon-4.png">
  33. <link rel="stylesheet" href="{{url('css/bootstrap.min.css')}}" type="text/css">
  34. <link rel="stylesheet" href="{{url('css/style.css')}}" type="text/css">
  35. <!-- Custom Signature files -->
  36. <!--<link rel="stylesheet" href="../include/plugins/signature_pad/docs/css/signature-pad.css">-->
  37. <!-- Font Awesome -->
  38. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">
  39. <script type="text/javascript">
  40. var _gaq = _gaq || [];
  41. _gaq.push(['_setAccount', 'UA-39365077-1']);
  42. _gaq.push(['_trackPageview']);
  43. (function() {
  44. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  45. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  46. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  47. })();
  48. </script>
  49. <style type="text/css">
  50. input[type="text"], .tab-pane input[type="search"], input[type="email"], input[type="tel"], input[type="file"] {
  51. height: 40px !important;
  52. border: 1px solid #ccc !important;
  53. border-radius: 4px;
  54. margin-bottom: 0px;
  55. background: #f5f5f5;
  56. }
  57. footer {
  58. padding: 40px 0 !important;
  59. }
  60. .inner-pane-white{
  61. background-color: #fff !important;
  62. border: 1px solid #ccc;
  63. padding: 20px;
  64. }
  65. #preview{
  66. padding: 0px !important;
  67. }
  68. </style>
  69. </head>
  70. <body>
  71. <div id="page" class="site">
  72. <a class="skip-link screen-reader-text" href="#content">Skip to content</a>
  73. <header id="masthead" class="site-header" role="banner">
  74. <div class="fixed-portal-login"><a href="http://userportal.citybroadband.my/login" target="_blank">User Portal Login</a></div></div>
  75. <div class="nav-container">
  76. <nav id="site-navigation" class="main-navigation" role="navigation">
  77. <div class="container nav-bar">
  78. <div class="row">
  79. <div class="module left site-title-container">
  80. <a href="https://cbb.allo.my">
  81. <img class="bigLogo" src="{{ url('assets/logo.png') }}" width="106" height="auto">
  82. <img class="smallLogo" src="{{ url('assets/logo.png') }}" width="106" height="auto">
  83. </a>
  84. </div>
  85. <div class="bigLogo module widget-handle search-widget-handle right hidden-xs">
  86. <div class="search">
  87. <form role="search" method="get" class="search-form" action="https://cbb.allo.my/">
  88. <input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:" />
  89. </form>
  90. </div>
  91. </div>
  92. <div class="module widget-handle mobile-toggle right visible-xs">
  93. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
  94. <span class="sr-only">Toggle navigation</span>
  95. <span class="icon-bar"></span>
  96. <span class="icon-bar"></span>
  97. <span class="icon-bar"></span>
  98. </button>
  99. </div>
  100. <div style="clear: both;" class="module-group right menuholder">
  101. <div class="module left">
  102. <div class="collapse navbar-collapse navbar-ex1-collapse">
  103. <ul id="menu" class="menu">
  104. <li id="menu-item-16" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16"><a title="Residential" href="https://cbb.allo.my/residential/">Residential</a></li>
  105. <li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15"><a title="Business" href="https://cbb.allo.my/business/">Business</a></li>
  106. <li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14"><a title="Our Story" href="https://cbb.allo.my/our-story/">Our Story</a></li>
  107. <li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13"><a title="Support" href="https://cbb.allo.my/support/">Support</a></li>
  108. <li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12"><a title="Coverage Map" href="https://cbb.allo.my/support/coverage-map/">Coverage Map</a></li>
  109. <li id="menu-item-12" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11"><a title="Contact Us" href="https://cbb.allo.my/contact-us/">Contact Us</a></li>
  110. </ul>
  111. </div>
  112. </div>
  113. <div class="smallLogo module right">
  114. <form role="search" method="get" class="search-form" action="https://cbb.allo.my/">
  115. <input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:" />
  116. </form>
  117. </div>
  118. <!--end of menu module-->
  119. </div>
  120. <!--end of module group-->
  121. </div>
  122. </div>
  123. </nav><!-- #site-navigation -->
  124. </div>
  125. </header><!-- #masthead -->
  126. <div id="content" class="main-container">
  127. <section class="content-area">
  128. <div id="main" role="main">
  129. <div class="bg-white splash-text" style="padding-bottom: 0">
  130. <div class="container">
  131. <h1 class="black text-center">Business Application</h1>
  132. <p class="text-center">
  133. Please follow the steps below to complete your application. We will get back to you shortly.
  134. </p>
  135. </div>
  136. </div>
  137. <div class="container">
  138. <div class="row">
  139. <div class="col-md-8 col-md-offset-2">
  140. <section class="form-box">
  141. <div class="row">
  142. <div class="col-md-12">
  143. <!-- Wizard container -->
  144. <div class="wizard-container">
  145. <div class="card wizard-card">
  146. <div class="wizard-navigation">
  147. <div>
  148. <ul class="nf-breadcrumbs nav nav-pills">
  149. <li style="width: 25%;"><a href="#address" class="nf-breadcrumb" data-toggle="tab" data-index="0" aria-expanded="true">Installation Address</a></li>
  150. <li style="width: 25%;"><a href="#information" class="nf-breadcrumb" data-toggle="tab" data-index="1">Application Information</a></li>
  151. <li style="width: 25%;"><a href="#service" class="nf-breadcrumb" data-toggle="tab" data-index="2">Service and Package Details</a></li>
  152. <li class="active" style="width: 25%;"><a href="#signaturess" class="nf-breadcrumb" data-toggle="tab" data-index="3">Preview</a></li>
  153. </ul>
  154. </div>
  155. </div>
  156. @foreach($data as $a)
  157. <form method="post" action="{{ url('/business/application-form/store/'.$a['dealer_id']) }}" enctype="multipart/form-data" name="registerForm" novalidate="novalidate">
  158. <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
  159. <input type="hidden" name="dealer_id" value="{{ $a['dealer_id'] }}">
  160. <input type="hidden" name="coverage" value="{{$a['coverage']}}">
  161. <input type="hidden" name="unit" value="{{$a['unit']}}">
  162. <input type="hidden" name="street" value="{{$a['street']}}">
  163. <input type="hidden" name="package" value="{{ $a['package'] }}">
  164. <input type="hidden" name="application" value="{{$a['application']}}">
  165. <input type="hidden" name="company_name" value="{{$a['company_name']}}">
  166. <input type="hidden" name="company_register" value="{{$a['company_register']}}">
  167. <input type="hidden" name="company_number" value="{{$a['company_number']}}">
  168. <input type="hidden" name="company_fax" value="{{$a['company_fax']}}">
  169. <input type="hidden" name="full_name" value="{{$a['full_name']}}">
  170. <input type="hidden" name="nric_passport" value="{{$a['nric_passport']}}">
  171. <input type="hidden" name="designation" value="{{$a['designation']}}">
  172. <input type="hidden" name="contact_primary" value="{{$a['contact_primary']}}">
  173. <input type="hidden" name="contact_secondary" value="{{$a['contact_secondary']}}">
  174. <input type="hidden" name="email" value="{{$a['email']}}">
  175. <input type="hidden" name="subscription" value="{{$a['subscription']}}">
  176. <input type="hidden" name="voice" value="{{$a['voice']}}">
  177. <input type="hidden" name="ip" value="{{$a['ip']}}">
  178. <input type="hidden" name="ip_tax" value="{{ $a['ip_tax'] }}">
  179. <input type="hidden" name="rfs" value="{{$a['thedate']}}">
  180. <input type="hidden" name="postcode" value="{{ $coverage->postcode }}">
  181. <input type="hidden" name="city" value="{{ $coverage->city }}">
  182. <input type="hidden" name="state" value="{{ $coverage->state }}">
  183. <input type="hidden" name="deposit" value="{{ $deposit }}">
  184. <input type="hidden" name="otc" value="{{ $otc_st }}">
  185. <input type="hidden" name="gst" value="{{ $gst }}">
  186. <input type="hidden" name="promo_st" value="{{ $promo_st }}">
  187. <input type="hidden" name="total_monthly" value="{{ $total_monthly }}">
  188. <div class="tracking-process"></div>
  189. <div>
  190. <div class="inner-pane-white">
  191. <!-- Preview -->
  192. <div class="row">
  193. <div class="col-md-12">
  194. <div id="preview">
  195. <label><b>Subscription Details</b></label>
  196. <table class="table table-sm table-bordered">
  197. <tbody>
  198. <tr><th width="50%">Application Type</th>
  199. <td>{{$a['application']}}</td>
  200. </tr>
  201. <tr><th width="50%">Package</th>
  202. <td>City Broadband Business {{$a['package']}}</td>
  203. </tr>
  204. @if ($a['subscription']==24 && ($a['package'] != '1Gbps'))
  205. <tr><th width="50%">Promotion</th>
  206. <td>RM10 off for 24 months</td>
  207. </tr>
  208. @endif
  209. <tr><th width="50%">Contract Term</th>
  210. <td>{{$a['subscription']}} Months</td>
  211. </tr>
  212. <tr><th width="50%">Preferred Installation Date</th>
  213. <td>{{$a['thedate']}}</td>
  214. </tr>
  215. </tbody>
  216. </table>
  217. <hr><label><b>Add-On(s)</b></label>
  218. <table class="table table-sm table-bordered">
  219. <tbody>
  220. <tr><th width="50%">Business Voice Plan</th>
  221. @if($a['package'] != '50Mbps')
  222. <td>Free</td>
  223. @else
  224. <td>{{($a['voice'])}}</td>
  225. @endif
  226. </tr>
  227. <tr><th width="50%">IP</th>
  228. @if($a['ip'] == '')
  229. <td>No</td>
  230. @else
  231. <td>{{$a['ip']}}</td>
  232. @endif
  233. </tr>
  234. </tbody>
  235. </table>
  236. <hr><label><b>Personal Details</b></label>
  237. <table class="table table-sm table-bordered">
  238. <tbody>
  239. <tr><th width="50%">Full Name</th>
  240. <td>{{$a['full_name']}}</td>
  241. </tr>
  242. <tr><th width="50%">MyKad/Passport</th>
  243. <td>{{$a['nric_passport']}}</td>
  244. </tr>
  245. <tr><th width="50%">Designation</th>
  246. <td>{{$a['designation']}}</td>
  247. </tr>
  248. <tr><th width="50%">Primary Phone Number</th>
  249. <td>{{$a['contact_primary']}}</td>
  250. </tr>
  251. <tr><th width="50%">Secondary Phone Number</th>
  252. <td>{{$a['contact_secondary']}}</td>
  253. </tr>
  254. <tr><th width="50%">Email Address</th>
  255. <td>{{$a['email']}}</td>
  256. </tr>
  257. </tbody>
  258. </table>
  259. <hr><label><b>Service Installation Address</b></label>
  260. <table class="table table-sm table-bordered">
  261. <tbody>
  262. <tr><th width="50%">Unit Number</th>
  263. <td>{{$a['unit']}}</td>
  264. </tr>
  265. <tr><th width="50%">Building</th>
  266. <td>{{$coverage->building_name}}</td>
  267. </tr>
  268. <tr><th width="50%">Street</th>
  269. <td>{{ucwords($a['street'])}}</td>
  270. </tr>
  271. <tr><th width="50%">Postcode</th>
  272. <td>{{$coverage->postcode}}</td>
  273. </tr>
  274. <tr><th width="50%">City</th>
  275. <td>{{$coverage->city}}</td>
  276. </tr>
  277. <tr><th width="50%">State</th>
  278. <td>{{$coverage->state}}</td>
  279. </tr>
  280. </tbody>
  281. </table>
  282. <hr><label><b>Monthly Recurring Charges</b></label>
  283. <table class="table table-sm table-bordered">
  284. <tbody>
  285. <tr>
  286. <th>Description</th>
  287. <th>Price exclude ST</th>
  288. <th>Total*</th>
  289. </tr>
  290. <tr><th>City Broadband Business - {{$a['package']}}</th>
  291. @if($a['package']!='1Gbps' && $a['subscription']=='24')
  292. <td><span style="text-decoration: line-through;">RM{{ $product->retail_price }}</span> RM{{ $promo_price}}</td>
  293. <td>RM{{ $promo_st }}</td>
  294. @else
  295. <td>RM{{ $product->retail_price }}</td>
  296. <td>RM{{ $gst }}</td>
  297. @endif
  298. </tr>
  299. @if($a['voice']=='Yes')
  300. <tr><th>Business Voice Plan</th>
  301. <td>
  302. RM20
  303. </td>
  304. <td>
  305. RM21.20
  306. </td>
  307. </tr>
  308. @endif
  309. @if($a['ip'] != '')
  310. <tr>
  311. <th>IP</th>
  312. <td>RM {{$a['ip_fee']}}</td>
  313. <td>RM {{$a['ip_tax']}}</td>
  314. </tr>
  315. @endif
  316. <tr><th colspan="2">Total Charges</th>
  317. <td><b>RM{{ $total_monthly }}</b></td>
  318. </tr>
  319. </tbody>
  320. </table>
  321. <small>*Price subject to 6% Service Tax (if applicable).</small><br>
  322. @if ($upfront_total != '0')
  323. <hr><label><b>Upfront Charges</b></label>
  324. <table class="table table-sm table-bordered">
  325. <tbody>
  326. <tr>
  327. <th>Description</th>
  328. <th>Price exclude ST</th>
  329. <th>Total*</th>
  330. </tr>
  331. @if ($otc_st != '0')
  332. <tr><th>One Time Charges</th>
  333. <td>RM {{ $otc }}</td>
  334. <td>RM {{ $otc_st }}</td>
  335. </tr>
  336. @endif
  337. @if ($deposit != '0')
  338. <tr><th colspan="2">Deposit</th></th>
  339. <td>RM {{ $deposit}}</td>
  340. </tr>
  341. @endif
  342. <tr><th colspan="2">Total Charges</th>
  343. <td><b>RM{{ $upfront_total }}</b></td>
  344. </tr>
  345. </tbody>
  346. </table>
  347. <small>*Price subject to 6% Service Tax (if applicable).</small><br>
  348. <small>All upfront charges will need to be paid prior installation. You will receive an email once your application has been processed.</small>
  349. @endif
  350. </div>
  351. </div>
  352. </div>
  353. </div>
  354. <!-- Document -->
  355. <div class="inner-pane">
  356. <h3>Declaration and Signature</h3>
  357. <div class="row">
  358. <div class="col-md-12" id="document">
  359. <label><b>Document &amp; Declaration </b><small style="color: red">*</small></label>
  360. <div class="form-group">
  361. <div class="checkbox">
  362. <label>
  363. <input type="checkbox" name="photocopy" id="photocopy" value="24" required /> <p>Photocopy of bothsides MyKad/Passport (for non-Malaysian)</p>
  364. </label>
  365. </div>
  366. <div class="checkbox">
  367. <label>
  368. <input type="checkbox" name="formss" id="formss" value="24" required /> <p>Local Registered Company<br>Photocopy of Form 9/Form 13/Notice of Registration (Section 15)/Certificate of Incorporation (Section 17)/Section 28/Certificateof Practice issued by the relevant authority (NGO/Association /Cooperative)
  369. <br>Foreign Registered Company<br>Form 79/Form 80/Form 80a/Form 83/Form 83a/Section 562(1)</p>
  370. </label>
  371. </div>
  372. <div class="checkbox">
  373. <label>
  374. <input type="checkbox" name="consent" id="consent" value="24" required /> <p>I hereby consent to the collection, use,
  375. disclosure of my personal information in accordance with the <b><a href="https://www.citybroadband.my/privacy-policy-2/" > Privacy Policy</a></b> available on www.citybroadband.my.</p>
  376. </label>
  377. </div>
  378. <div class="checkbox">
  379. <label>
  380. <input type="checkbox" name="declare" id="declare" value="24" required /> <p>I hereby declare that the above information, documents, and
  381. any appendices attached are true and valid. I have read and understood the contents of this form and agreed to be bound by <b> <a href="https://www.citybroadband.my/terms-conditions/">Terms & Condition</a> </b>
  382. as stated on the next page of this form which accompany the subscription of product(s) and/ or service(s). Allo Technology Sdn Bhd reserve the rights
  383. to refuse any application at any given time should any of the information is incorrect.
  384. </p>
  385. </label>
  386. </div>
  387. </div>
  388. </div>
  389. </div>
  390. <h3>Upload Documents</h3>
  391. <small><b>Acceptable formats: jpg , jpeg , png, pdf</b></small>
  392. <div class="row">
  393. <div class="col-md-6">
  394. <div class="form-group">
  395. <label>MyKad / Passport (Front) <small style="color: red">*</small></label>
  396. <input type="file" id="front_ic" name="front_ic" multiple onchange="validateImage1()" class="form-control" required />
  397. </div>
  398. </div>
  399. <div class="col-md-6">
  400. <div class="form-group">
  401. <label>MyKad/ Passport (Back)<small style="color: red">*</small></label>
  402. <input type="file" id="back_ic" name="back_ic" multiple onchange="validateImage2()" class="form-control" required />
  403. </div>
  404. </div>
  405. <div class="col-md-12">
  406. <div class="form-group">
  407. <label>Local Registered Company<br>Form 9/Form 13/Notice of Registration (Section 15)/Certificate of Incorporation (Section 17)/Section 28/Certificateof Practice issued by the relevant authority (NGO/Association /Cooperative)<small style="color: red"> *</small><br>
  408. Foreign Registered Company<br>Form 79/Form 80/Form 80a/Form 83/Form 83a/Section 562(1)<small style="color: red"> *</small></label>
  409. <input type="file" id="form9" name="form9" multiple onchange="validateImage3()" class="form-control" required />
  410. </div>
  411. </div>
  412. <div class="col-md-12">
  413. <div class="form-group">
  414. <label><b>Upfront Payment Receipt</b></label>
  415. <input type="file" id="payment_receipt" accept="image/*" capture="camera" name="payment_receipt" multiple="" onchange="validateImage4()" class="form-control" aria-required="true">
  416. </div>
  417. </div>
  418. <div class="col-md-12">
  419. <div class="form-group">
  420. <label><b>Service Order Form</b></label>
  421. <input type="file" id="soForm" accept="image/*" capture="camera" name="soForm" multiple="" onchange="validateImage5()" class="form-control" aria-required="true">
  422. </div>
  423. </div>
  424. </div>
  425. </div>
  426. </div>
  427. <!-- Wizard Footer -->
  428. <div class="wizard-footer height-wizard">
  429. <div class="wizard-footer-inner">
  430. <div class="pull-right">
  431. <!-- <a href="{{url('Residential/form2')}}"> -->
  432. <!-- <button type="submit" class="btn btn-next" name="next" value="Next" style="background-color: orangered; display: inline-block;">Next</button> -->
  433. <!-- <input type="button" id="save-data" class="btn btn-finish" data-loading-text="Please Wait..." name="finish" value="Submit" style="display: none;"> -->
  434. <div id="showB">
  435. <input type="submit" class="btn btn-finish" data-loading-text="Please Wait..." name="finish" value="Submit" style="display: none;">
  436. <!-- </a> -->
  437. </div>
  438. </div>
  439. <!-- <div class="pull-left">
  440. <a href="{{url('/application-form/residential/address/step1')}}">
  441. <input type="button" class="btn btn-previous" name="previous" value="Previous" style="background-color: grey;">
  442. </a>
  443. </div> -->
  444. <div class="clearfix"></div>
  445. </div>
  446. </div>
  447. </form>
  448. @endforeach
  449. </div>
  450. </div>
  451. </div>
  452. </div>
  453. </section>
  454. </div>
  455. </div>
  456. </div>
  457. <div class="nonstick-footer padding bg-blue" align="center">
  458. <span class="medium-title text-centeryellow" style="color: yellow;">Got A Question?</span>
  459. <div align="center">
  460. <a class="nomargin btn btn-default" href="#" style="width: 230px;">
  461. Read FAQ
  462. </a>
  463. <a style="width:230px" href="#" class="nomargin btn btn-default">
  464. Write to us
  465. </a>
  466. </div>
  467. </div>
  468. </div>
  469. </section>
  470. </div>
  471. <div class="footer-callout"></div>
  472. <footer id="colophon" class="site-footer footer" role="contentinfo">
  473. <div class="container footer-inner">
  474. <div class="row">
  475. <div class="footer-widget-area">
  476. <div class="col-md-6 col-md-3 footer-widget" role="complementary">
  477. <div class="widget widget_nav_menu" id="nav_menu-3">
  478. <h2 class="widget-title">Overview</h2>
  479. <div class="menu-main-container">
  480. <ul id="menu-main" class="menu">
  481. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16">
  482. <a href="https://cbb.allo.my/residential/">Residential</a>
  483. </li>
  484. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15">
  485. <a href="https://cbb.allo.my/business/">Business</a>
  486. </li>
  487. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14">
  488. <a href="https://cbb.allo.my/our-story/">Our Story</a>
  489. </li>
  490. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13">
  491. <a href="https://cbb.allo.my/support/">Support</a>
  492. </li>
  493. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13">
  494. <a href="https://cbb.allo.my/support/coverage-map/">Coverage Map</a>
  495. </li>
  496. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12">
  497. <a href="https://cbb.allo.my/contact-us/">Contact Us</a>
  498. </li>
  499. </ul>
  500. </div>
  501. </div>
  502. </div>
  503. <div class="col-md-3 col-sm-6 footer-widget" role="complementary">
  504. <div id="nav_menu-2" class="widget widget_nav_menu">
  505. <h2 class="widget-title">Legal</h2>
  506. <div class="menu-footer-2-container">
  507. <ul id="menu-footer-2" class="menu">
  508. <li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22">
  509. <a href="https://cbb.allo.my/terms-conditions/">Terms &amp; Conditions</a>
  510. </li>
  511. <li id="menu-item-373" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-373">
  512. <a href="https://cbb.allo.my/privacy-policy/">Privacy Policy</a>
  513. </li>
  514. <li id="menu-item-373" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-373">
  515. <a href="https://cbb.allo.my/refund-policy/">Refund Policy</a>
  516. </li>
  517. </ul>
  518. </div>
  519. </div>
  520. </div>
  521. <div class="col-md-3 col-sm-6 footer-widget" role="complementary">
  522. <div id="text-2" class="widget widget_text">
  523. <h2 class="widget-title">Hotline</h2>
  524. <div class="textwidget"><span class="number-big yellow">1300-38-8000</span></div>
  525. </div>
  526. </div>
  527. <div class="col-md-3 col-sm-6 footer-widget" role="complementary">
  528. <div id="text-4" class="widget widget_text">
  529. <h2 class="widget-title">We Accept</h2>
  530. <div class="textwidget"><img src="https://cbb.allo.my/wp-content/themes/cb1g/assets/images/weaccept.png"></div>
  531. </div>
  532. </div>
  533. </div>
  534. </div>
  535. </div>
  536. <div class="container">
  537. <div class="lowerfooter">
  538. <img width="50px" src="{{url('assets/logo/footerlogo.png')}}" align="left">
  539. <span class="lower-disclaimer">Copyright © 2019 Allo Technology Sdn Bhd. All rights reserved.</span>
  540. </div>
  541. <a class="btn btn-sm fade-half back-to-top inner-link" href="#top"><i class="fa fa-angle-up"></i></a>
  542. </div>
  543. </footer>
  544. <script type="text/javascript" src="{{url('js/navigation.js')}}"></script>
  545. <script type="text/javascript" src="{{url('js/skip-link-focus.js')}}"></script>
  546. <!-- Boostrap Wizard -->
  547. <script src="{{url('js/jquery.bootstrap.wizard.js')}}" type="text/javascript"></script>
  548. <!-- Plugin for the Wizard -->
  549. <script src="{{url('js/gsdk.bootstrap.wizard.js')}}" type="text/javascript"></script>
  550. <script src="{{url('js/jquery.validate.min.js')}}" type="text/javascript"></script>
  551. <!-- DatePicker -->
  552. <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
  553. <!-- Signature -->
  554. <script src="{{url('js/signature_pad.ums.js')}}" type="text/javascript"></script>
  555. <script type="text/javascript">
  556. function validateImage1() {
  557. var formData = new FormData();
  558. var file = document.getElementById("front_ic").files[0];
  559. formData.append("Filedata", file);
  560. var t = file.type.split('/').pop().toLowerCase();
  561. if (t != "jpeg" && t != "jpg" && t != "pdf" && t != "png") {
  562. alert('Accept jpeg, jpg, pdf and png only.');
  563. document.getElementById("front_ic").value = '';
  564. return false;
  565. }
  566. return true;
  567. }
  568. function validateImage2() {
  569. var formData = new FormData();
  570. var file = document.getElementById("back_ic").files[0];
  571. formData.append("Filedata", file);
  572. var t = file.type.split('/').pop().toLowerCase();
  573. if (t != "jpeg" && t != "jpg" && t != "pdf" && t != "png") {
  574. alert('Accept jpeg, jpg, pdf and png only.');
  575. document.getElementById("back_ic").value = '';
  576. return false;
  577. }
  578. return true;
  579. }
  580. function validateImage3() {
  581. var formData = new FormData();
  582. var file = document.getElementById("form9").files[0];
  583. formData.append("Filedata", file);
  584. var t = file.type.split('/').pop().toLowerCase();
  585. if (t != "jpeg" && t != "jpg" && t != "pdf" && t != "png") {
  586. alert('Accept jpeg, jpg, pdf and png only.');
  587. document.getElementById("form9").value = '';
  588. return false;
  589. }
  590. return true;
  591. }
  592. function validateImage4() {
  593. var formData = new FormData();
  594. var file = document.getElementById("payment_receipt").files[0];
  595. formData.append("Filedata", file);
  596. var t = file.type.split('/').pop().toLowerCase();
  597. if (t != "jpeg" && t != "jpg" && t !="png" && t != "pdf") {
  598. alert('Accept jpeg, jpg, pdf and png only.');
  599. document.getElementById("payment_receipt").value = '';
  600. return false;
  601. }
  602. return true;
  603. }
  604. function validateImage5() {
  605. var formData = new FormData();
  606. var file = document.getElementById("soForm").files[0];
  607. formData.append("Filedata", file);
  608. var t = file.type.split('/').pop().toLowerCase();
  609. if (t != "jpeg" && t != "jpg" && t !="png" && t != "pdf") {
  610. alert('Accept jpeg, jpg, pdf and png only.');
  611. document.getElementById("soForm").value = '';
  612. return false;
  613. }
  614. return true;
  615. }
  616. </script>
  617. </body>
  618. </html>
  619. <script type="text/javascript">
  620. $(window).scroll(function() {
  621. var scroll = $(window).scrollTop();
  622. if (scroll >= 150) {
  623. $(".site-header").addClass("smallHeader");
  624. }
  625. else {
  626. $(".site-header").removeClass("smallHeader");
  627. }
  628. });
  629. $(".header-blue100,.header-blue500,.header-pink, .header-blue-10, .header-blue-30, .header-blue-50, .header-blue-100, .header-blue-500").hover(function () {
  630. $(this).toggleClass("expanded-column");
  631. });
  632. $(window).on("scroll touchmove",function() {
  633. if($('body').height() <= ($(window).height() + $(window).scrollTop())) {
  634. $('footer').addClass('reached-bottom');
  635. } else {
  636. $('footer').removeClass('reached-bottom');
  637. }
  638. });
  639. </script>
  640. <style>
  641. select {
  642. height: 40px !important;
  643. }
  644. #nf-field-21-wrap .nf-field-label {
  645. padding-left: 5px;
  646. }
  647. .nf-field-element p {margin:0;}
  648. div#nf-field-22-container {
  649. margin: 0;
  650. }
  651. </style>