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 30KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653
  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://citybroadband.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://citybroadband.my/feed/">
  29. <link rel="alternate" type="application/rss+xml" title="Cyberjaya Broadband » Comments Feed" href="https://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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://citybroadband.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') }}" enctype="multipart/form-data" name="registerForm" novalidate="novalidate">
  158. <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
  159. <input type="hidden" name="coverage" value="{{$a['coverage']}}">
  160. <input type="hidden" name="unit" value="{{$a['unit']}}">
  161. <input type="hidden" name="street" value="{{$a['street']}}">
  162. <input type="hidden" name="package" value="{{ $a['package'] }}">
  163. <input type="hidden" name="application" value="{{$a['application']}}">
  164. <input type="hidden" name="company_name" value="{{$a['company_name']}}">
  165. <input type="hidden" name="company_register" value="{{$a['company_register']}}">
  166. <input type="hidden" name="company_number" value="{{$a['company_number']}}">
  167. <input type="hidden" name="company_fax" value="{{$a['company_fax']}}">
  168. <input type="hidden" name="full_name" value="{{$a['full_name']}}">
  169. <input type="hidden" name="nric_passport" value="{{$a['nric_passport']}}">
  170. <input type="hidden" name="designation" value="{{$a['designation']}}">
  171. <input type="hidden" name="contact_primary" value="{{$a['contact_primary']}}">
  172. <input type="hidden" name="contact_secondary" value="{{$a['contact_secondary']}}">
  173. <input type="hidden" name="email" value="{{$a['email']}}">
  174. <input type="hidden" name="subscription" value="{{$a['subscription']}}">
  175. <input type="hidden" name="voice" value="{{$a['voice']}}">
  176. <input type="hidden" name="ip" value="{{$a['ip']}}">
  177. <input type="hidden" name="ip_tax" value="{{ $a['ip_tax'] }}">
  178. <input type="hidden" name="rfs" value="{{$a['thedate']}}">
  179. <input type="hidden" name="postcode" value="{{ $coverage->postcode }}">
  180. <input type="hidden" name="city" value="{{ $coverage->city }}">
  181. <input type="hidden" name="state" value="{{ $coverage->state }}">
  182. <input type="hidden" name="deposit" value="{{ $deposit }}">
  183. <input type="hidden" name="otc" value="{{ $otc_st }}">
  184. <input type="hidden" name="gst" value="{{ $gst }}">
  185. <input type="hidden" name="promo_st" value="{{ $promo_st }}">
  186. <input type="hidden" name="total_monthly" value="{{ $total_monthly }}">
  187. <div class="tracking-process"></div>
  188. <div>
  189. <div class="inner-pane-white">
  190. <!-- Preview -->
  191. <div class="row">
  192. <div class="col-md-12">
  193. <div id="preview">
  194. <label><b>Subscription Details</b></label>
  195. <table class="table table-sm table-bordered">
  196. <tbody>
  197. <tr><th width="50%">Application Type</th>
  198. <td>{{$a['application']}}</td>
  199. </tr>
  200. <tr><th width="50%">Package</th>
  201. <td>City Broadband Business {{$a['package']}}</td>
  202. </tr>
  203. @if ($a['subscription']==24 && ($a['package'] != '1Gbps'))
  204. <tr><th width="50%">Promotion</th>
  205. <td>Year End Promotion (RM10 off for 24 months)</td>
  206. </tr>
  207. @endif
  208. <tr><th width="50%">Contract Term</th>
  209. <td>{{$a['subscription']}} Months</td>
  210. </tr>
  211. <tr><th width="50%">Preferred Installation Date</th>
  212. <td>{{$a['thedate']}}</td>
  213. </tr>
  214. </tbody>
  215. </table>
  216. <hr><label><b>Add-On(s)</b></label>
  217. <table class="table table-sm table-bordered">
  218. <tbody>
  219. <tr><th width="50%">Business Voice Plan and Dect Phone</th>
  220. @if($a['package'] != '50Mbps')
  221. <td>Free</td>
  222. @else
  223. <td>{{$a['voice']}}</td>
  224. @endif
  225. </tr>
  226. <tr><th width="50%">Fixed IP</th>
  227. @if($a['ip'] == '')
  228. <td>No</td>
  229. @else
  230. <td>{{$a['ip']}}</td>
  231. @endif
  232. </tr>
  233. </tbody>
  234. </table>
  235. <hr><label><b>Personal Details</b></label>
  236. <table class="table table-sm table-bordered">
  237. <tbody>
  238. <tr><th width="50%">Full Name</th>
  239. <td>{{$a['full_name']}}</td>
  240. </tr>
  241. <tr><th width="50%">MyKad/Passport</th>
  242. <td>{{$a['nric_passport']}}</td>
  243. </tr>
  244. <tr><th width="50%">Designation</th>
  245. <td>{{$a['designation']}}</td>
  246. </tr>
  247. <tr><th width="50%">Primary Phone Number</th>
  248. <td>{{$a['contact_primary']}}</td>
  249. </tr>
  250. <tr><th width="50%">Secondary Phone Number</th>
  251. <td>{{$a['contact_secondary']}}</td>
  252. </tr>
  253. <tr><th width="50%">Email Address</th>
  254. <td>{{$a['email']}}</td>
  255. </tr>
  256. </tbody>
  257. </table>
  258. <hr><label><b>Service Installation Address</b></label>
  259. <table class="table table-sm table-bordered">
  260. <tbody>
  261. <tr><th width="50%">Unit Number</th>
  262. <td>{{$a['unit']}}</td>
  263. </tr>
  264. <tr><th width="50%">Building</th>
  265. <td>{{$coverage->building_name}}</td>
  266. </tr>
  267. <tr><th width="50%">Street</th>
  268. <td>{{ucwords($a['street'])}}</td>
  269. </tr>
  270. <tr><th width="50%">Postcode</th>
  271. <td>{{$coverage->postcode}}</td>
  272. </tr>
  273. <tr><th width="50%">City</th>
  274. <td>{{$coverage->city}}</td>
  275. </tr>
  276. <tr><th width="50%">State</th>
  277. <td>{{$coverage->state}}</td>
  278. </tr>
  279. </tbody>
  280. </table>
  281. <hr><label><b>Monthly Recurring Charges</b></label>
  282. <table class="table table-sm table-bordered">
  283. <tbody>
  284. <tr>
  285. <th>Description</th>
  286. <th>Price exclude ST</th>
  287. <th>Total*</th>
  288. </tr>
  289. <tr><th>City Broadband Business - {{$a['package']}}</th>
  290. @if($a['package']!='1Gbps' && $a['subscription']=='24')
  291. <td><span style="text-decoration: line-through;">RM{{ $product->retail_price }}</span> RM{{ $promo_price}}</td>
  292. <td>RM{{ $promo_st }}</td>
  293. @else
  294. <td>RM{{ $product->retail_price }}</td>
  295. <td>RM{{ $gst }}</td>
  296. @endif
  297. </tr>
  298. @if($a['voice']=='Yes')
  299. <tr><th>Business Voice Plan</th>
  300. <td>
  301. RM20
  302. </td>
  303. <td>
  304. RM21.20
  305. </td>
  306. </tr>
  307. @endif
  308. @if($a['ip'] == '1 Fixed IP RM200/1P/Month')
  309. <tr>
  310. <th>Fixed IP</th>
  311. <td>RM {{$a['ip_fee']}}</td>
  312. <td>RM {{$a['ip_tax']}}</td>
  313. </tr>
  314. @endif
  315. <tr><th colspan="2">Total Charges</th>
  316. <td><b>RM{{ $total_monthly }}</b></td>
  317. </tr>
  318. </tbody>
  319. </table>
  320. <small>*Price subject to 6% Service Tax (if applicable).</small><br>
  321. @if ($upfront_total != '0')
  322. <hr><label><b>Upfront Charges</b></label>
  323. <table class="table table-sm table-bordered">
  324. <tbody>
  325. <tr>
  326. <th>Description</th>
  327. <th>Price exclude ST</th>
  328. <th>Total*</th>
  329. </tr>
  330. @if ($otc_st != '0')
  331. <tr><th>One Time Charges</th>
  332. <td>RM {{ $otc }}</td>
  333. <td>RM {{ $otc_st }}</td>
  334. </tr>
  335. @endif
  336. @if ($deposit != '0')
  337. <tr><th colspan="2">Deposit</th></th>
  338. <td>RM {{ $deposit}}</td>
  339. </tr>
  340. @endif
  341. <tr><th colspan="2">Total Charges</th>
  342. <td><b>RM{{ $upfront_total }}</b></td>
  343. </tr>
  344. </tbody>
  345. </table>
  346. <small>*Price subject to 6% Service Tax (if applicable).</small><br>
  347. <small>All upfront charges will need to be paid prior installation. You will receive an email once your application has been processed.</small>
  348. @endif
  349. </div>
  350. </div>
  351. </div>
  352. </div>
  353. <!-- Document -->
  354. <div class="inner-pane">
  355. <h3>Declaration and Signature</h3>
  356. <div class="row">
  357. <div class="col-md-12" id="document">
  358. <label><b>Document &amp; Declaration </b><small style="color: red">*</small></label>
  359. <div class="form-group">
  360. <div class="checkbox">
  361. <label>
  362. <input type="checkbox" name="photocopy" id="photocopy" value="24" required /> <p>Photocopy of MyKad (front and back) or passport for Non-Malaysian (minimum 12 months validity)</p>
  363. </label>
  364. </div>
  365. <div class="checkbox">
  366. <label>
  367. <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)
  368. <br>Foreign Registered Company<br>Form 79/Form 80/Form 80a/Form 83/Form 83a/Section 562(1)</p>
  369. </label>
  370. </div>
  371. <div class="checkbox">
  372. <label>
  373. <input type="checkbox" name="consent" id="consent" value="24" required /> <p>I hereby consent to the collection, use,
  374. 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>
  375. </label>
  376. </div>
  377. <div class="checkbox">
  378. <label>
  379. <input type="checkbox" name="declare" id="declare" value="24" required /> <p>I hereby declare that the above information, documents, and
  380. 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>
  381. 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
  382. to refuse any application at any given time should any of the information is incorrect.
  383. </p>
  384. </label>
  385. </div>
  386. </div>
  387. </div>
  388. </div>
  389. <h3>Upload Documents</h3>
  390. <small><b>Acceptable formats: jpg , jpeg , png, pdf</b></small>
  391. <div class="row">
  392. <div class="col-md-6">
  393. <div class="form-group">
  394. <label>MyKad / Passport (Front) <small style="color: red">*</small></label>
  395. <input type="file" id="front_ic" name="front_ic" multiple onchange="validateImage1()" class="form-control" required />
  396. </div>
  397. </div>
  398. <div class="col-md-6">
  399. <div class="form-group">
  400. <label>MyKad/ Passport (Back)<small style="color: red">*</small></label>
  401. <input type="file" id="back_ic" name="back_ic" multiple onchange="validateImage2()" class="form-control" required />
  402. </div>
  403. </div>
  404. <div class="col-md-12">
  405. <div class="form-group">
  406. <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>
  407. Foreign Registered Company<br>Form 79/Form 80/Form 80a/Form 83/Form 83a/Section 562(1)<small style="color: red"> *</small></label>
  408. <input type="file" id="form9" name="form9" multiple onchange="validateImage3()" class="form-control" required />
  409. </div>
  410. </div>
  411. </div>
  412. </div>
  413. </div>
  414. <!-- Wizard Footer -->
  415. <div class="wizard-footer height-wizard">
  416. <div class="wizard-footer-inner">
  417. <div class="pull-right">
  418. <!-- <a href="{{url('Residential/form2')}}"> -->
  419. <!-- <button type="submit" class="btn btn-next" name="next" value="Next" style="background-color: orangered; display: inline-block;">Next</button> -->
  420. <!-- <input type="button" id="save-data" class="btn btn-finish" data-loading-text="Please Wait..." name="finish" value="Submit" style="display: none;"> -->
  421. <div id="showB">
  422. <input type="submit" class="btn btn-finish" data-loading-text="Please Wait..." name="finish" value="Submit" style="display: none;">
  423. <!-- </a> -->
  424. </div>
  425. </div>
  426. <!-- <div class="pull-left">
  427. <a href="{{url('/application-form/residential/address/step1')}}">
  428. <input type="button" class="btn btn-previous" name="previous" value="Previous" style="background-color: grey;">
  429. </a>
  430. </div> -->
  431. <div class="clearfix"></div>
  432. </div>
  433. </div>
  434. </form>
  435. @endforeach
  436. </div>
  437. </div>
  438. </div>
  439. </div>
  440. </section>
  441. </div>
  442. </div>
  443. </div>
  444. <div class="nonstick-footer padding bg-blue" align="center">
  445. <span class="medium-title text-centeryellow" style="color: yellow;">Got A Question?</span>
  446. <div align="center">
  447. <a class="nomargin btn btn-default" href="https://www.citybroadband.my/support/faqs/business/year-end-promo/" style="width: 230px;">
  448. Read FAQ
  449. </a>
  450. <a style="width:230px" href="#" class="nomargin btn btn-default">
  451. Write to us
  452. </a>
  453. </div>
  454. </div>
  455. </div>
  456. </section>
  457. </div>
  458. <div class="footer-callout"></div>
  459. <footer id="colophon" class="site-footer footer" role="contentinfo">
  460. <div class="container footer-inner">
  461. <div class="row">
  462. <div class="footer-widget-area">
  463. <div class="col-md-6 col-md-3 footer-widget" role="complementary">
  464. <div class="widget widget_nav_menu" id="nav_menu-3">
  465. <h2 class="widget-title">Overview</h2>
  466. <div class="menu-main-container">
  467. <ul id="menu-main" class="menu">
  468. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16">
  469. <a href="https://citybroadband.my/residential/">Residential</a>
  470. </li>
  471. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15">
  472. <a href="https://citybroadband.my/business/">Business</a>
  473. </li>
  474. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14">
  475. <a href="https://citybroadband.my/our-story/">Our Story</a>
  476. </li>
  477. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13">
  478. <a href="https://citybroadband.my/support/">Support</a>
  479. </li>
  480. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13">
  481. <a href="https://citybroadband.my/support/coverage-map/">Coverage Map</a>
  482. </li>
  483. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12">
  484. <a href="https://citybroadband.my/contact-us/">Contact Us</a>
  485. </li>
  486. </ul>
  487. </div>
  488. </div>
  489. </div>
  490. <div class="col-md-3 col-sm-6 footer-widget" role="complementary">
  491. <div id="nav_menu-2" class="widget widget_nav_menu">
  492. <h2 class="widget-title">Legal</h2>
  493. <div class="menu-footer-2-container">
  494. <ul id="menu-footer-2" class="menu">
  495. <li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22">
  496. <a href="https://citybroadband.my/terms-conditions/">Terms &amp; Conditions</a>
  497. </li>
  498. <li id="menu-item-373" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-373">
  499. <a href="https://citybroadband.my/privacy-policy/">Privacy Policy</a>
  500. </li>
  501. <li id="menu-item-373" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-373">
  502. <a href="https://citybroadband.my/refund-policy/">Refund Policy</a>
  503. </li>
  504. </ul>
  505. </div>
  506. </div>
  507. </div>
  508. <div class="col-md-3 col-sm-6 footer-widget" role="complementary">
  509. <div id="text-2" class="widget widget_text">
  510. <h2 class="widget-title">Hotline</h2>
  511. <div class="textwidget"><span class="number-big yellow">1300-38-8000</span></div>
  512. </div>
  513. </div>
  514. <div class="col-md-3 col-sm-6 footer-widget" role="complementary">
  515. <div id="text-4" class="widget widget_text">
  516. <h2 class="widget-title">We Accept</h2>
  517. <div class="textwidget"><img src="https://citybroadband.my/wp-content/themes/cb1g/assets/images/weaccept.png"></div>
  518. </div>
  519. </div>
  520. </div>
  521. </div>
  522. </div>
  523. <div class="container">
  524. <div class="lowerfooter">
  525. <img width="50px" src="{{url('assets/logo/footerlogo.png')}}" align="left">
  526. <span class="lower-disclaimer">Copyright © 2019 Allo Technology Sdn Bhd. All rights reserved.</span>
  527. </div>
  528. <a class="btn btn-sm fade-half back-to-top inner-link" href="#top"><i class="fa fa-angle-up"></i></a>
  529. </div>
  530. </footer>
  531. <script type="text/javascript" src="{{url('js/navigation.js')}}"></script>
  532. <script type="text/javascript" src="{{url('js/skip-link-focus.js')}}"></script>
  533. <!-- Boostrap Wizard -->
  534. <script src="{{url('js/jquery.bootstrap.wizard.js')}}" type="text/javascript"></script>
  535. <!-- Plugin for the Wizard -->
  536. <script src="{{url('js/gsdk.bootstrap.wizard.js')}}" type="text/javascript"></script>
  537. <script src="{{url('js/jquery.validate.min.js')}}" type="text/javascript"></script>
  538. <!-- DatePicker -->
  539. <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
  540. <!-- Signature -->
  541. <script src="{{url('js/signature_pad.ums.js')}}" type="text/javascript"></script>
  542. <script type="text/javascript">
  543. function validateImage1() {
  544. var formData = new FormData();
  545. var file = document.getElementById("front_ic").files[0];
  546. formData.append("Filedata", file);
  547. var t = file.type.split('/').pop().toLowerCase();
  548. if (t != "jpeg" && t != "jpg" && t != "pdf" && t != "png") {
  549. alert('Accept jpeg, jpg, pdf and png only.');
  550. document.getElementById("front_ic").value = '';
  551. return false;
  552. }
  553. return true;
  554. }
  555. function validateImage2() {
  556. var formData = new FormData();
  557. var file = document.getElementById("back_ic").files[0];
  558. formData.append("Filedata", file);
  559. var t = file.type.split('/').pop().toLowerCase();
  560. if (t != "jpeg" && t != "jpg" && t != "pdf" && t != "png") {
  561. alert('Accept jpeg, jpg, pdf and png only.');
  562. document.getElementById("back_ic").value = '';
  563. return false;
  564. }
  565. return true;
  566. }
  567. function validateImage3() {
  568. var formData = new FormData();
  569. var file = document.getElementById("form9").files[0];
  570. formData.append("Filedata", file);
  571. var t = file.type.split('/').pop().toLowerCase();
  572. if (t != "jpeg" && t != "jpg" && t != "pdf" && t != "png") {
  573. alert('Accept jpeg, jpg, pdf and png only.');
  574. document.getElementById("form9").value = '';
  575. return false;
  576. }
  577. return true;
  578. }
  579. </script>
  580. </body>
  581. </html>
  582. <script type="text/javascript">
  583. $(window).scroll(function() {
  584. var scroll = $(window).scrollTop();
  585. if (scroll >= 150) {
  586. $(".site-header").addClass("smallHeader");
  587. }
  588. else {
  589. $(".site-header").removeClass("smallHeader");
  590. }
  591. });
  592. $(".header-blue100,.header-blue500,.header-pink, .header-blue-10, .header-blue-30, .header-blue-50, .header-blue-100, .header-blue-500").hover(function () {
  593. $(this).toggleClass("expanded-column");
  594. });
  595. $(window).on("scroll touchmove",function() {
  596. if($('body').height() <= ($(window).height() + $(window).scrollTop())) {
  597. $('footer').addClass('reached-bottom');
  598. } else {
  599. $('footer').removeClass('reached-bottom');
  600. }
  601. });
  602. </script>
  603. <style>
  604. select {
  605. height: 40px !important;
  606. }
  607. #nf-field-21-wrap .nf-field-label {
  608. padding-left: 5px;
  609. }
  610. .nf-field-element p {margin:0;}
  611. div#nf-field-22-container {
  612. margin: 0;
  613. }
  614. </style>