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.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339
  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://www.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="http://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>Residential 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://www.citybroadband.my/feed/">
  29. <link rel="alternate" type="application/rss+xml" title="Cyberjaya Broadband » Comments Feed" href="https://www.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. </head>
  50. <body>
  51. <div id="page" class="site">
  52. <a class="skip-link screen-reader-text" href="#"></a>
  53. <header id="masthead" class="site-header" role="banner">
  54. <div class="fixed-portal-login">
  55. <a href="#" target="_blank">User Portal Login</a>
  56. </div>
  57. </header>
  58. </div>
  59. <div class="nav-container">
  60. <nav id="site-navigation" class="main-navigation" role="navigation">
  61. <div class="container nav-bar">
  62. <div class="row">
  63. <div class="module left site-title-container">
  64. <a href="#">
  65. <img class="bigLogo" src="{{url('assets/logo/cbb_new_logo2.png')}}" width="106" height="auto">
  66. <img class="smallLogo" src="{{url('assets/logo/cbb_new_logo2.png')}}" width="106" height="auto">
  67. </a>
  68. </div>
  69. <div class="bigLogo module widget-handle search-widget-handle right hidden-xs">
  70. <div class="search">
  71. <form role="search" method="get" class="search-form" action="#">
  72. <input type="search" class="search-field" placeholder="Search ..." value name="s" title="Search for:">
  73. </form>
  74. </div>
  75. </div>
  76. <div class="module widget-handle mobile-toggle right visible-xs">
  77. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
  78. <span class="sr-only">Toggle Navigation</span>
  79. <span class="icon-bar"></span>
  80. <span class="icon-bar"></span>
  81. <span class="icon-bar"></span>
  82. </button>
  83. </div>
  84. <div style="clear: both;" class="module-group right menuholder">
  85. <div class="collapse navbar-collapse navbar-ex1-collapse">
  86. <ul id="menu" class="menu nav-menu" aria-expanded="false">
  87. <li id="menu-item-16" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16">
  88. <a title="Residential" href="#">Residential</a>
  89. </li>
  90. <li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15">
  91. <a title="Business" href="#">Business</a>
  92. </li>
  93. <li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14">
  94. <a title="Our Story" href="#">Our Story</a>
  95. </li>
  96. <li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13">
  97. <a title="Support" href="#">Support</a>
  98. </li>
  99. <li id="menu-item-12" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12">
  100. <a href="#" title="Contact Us">Contact Us</a>
  101. </li>
  102. </ul>
  103. </div>
  104. </div>
  105. <div class="smallLogo module right">
  106. <form role="search" method="get" class="search-form" action="#">
  107. <input type="search" class="search-field" placeholder="Search ..." value name="s" title="Search for:">
  108. </form>
  109. </div>
  110. </div>
  111. </div>
  112. </nav>
  113. </div>
  114. <div id="content" class="main-container">
  115. <section class="content-area">
  116. <div id="main" role="main">
  117. <div class="bg-white splash-text" style="padding-bottom: 0">
  118. <div class="container">
  119. <h1 class="black text-center">Business Application</h1>
  120. <p class="text-center">
  121. "Please follow the steps below to complete your application. We will get back to you shortly."
  122. </p>
  123. </div>
  124. </div>
  125. <div class="container">
  126. <div class="row">
  127. <div class="col-md-13">
  128. <section class="form-box">
  129. <div class="row">
  130. <div class="container">
  131. <form action="{{url('Business/saveform')}}" method="post" ectype="multipart/form-data" name="registerForm" novalidate="novalidate">
  132. <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
  133. <input type="hidden" name="nama_form" value="first">
  134. <div class="tracking-process" >
  135. </div>
  136. <div class="moving-tab" style="width: 180px; transition: transform 0s ease 0s;">
  137. Installation Address
  138. </div>
  139. <div class="tab-content">
  140. <div class="tab-pane active" id="address">
  141. <div class="inner-pane">
  142. <div id="resident">
  143. <div class="row">
  144. <!-- Installation Address -->
  145. <div class="col-md-12">
  146. <div class="form-group">
  147. <label><b>Address</b> <small style="color: red">*</small></label>
  148. <textarea name="caddress" placeholder="Street address" class="form-control" type="text" required="" aria-required="true"></textarea>
  149. </div>
  150. </div>
  151. <div class="col-md-6">
  152. <div class="form-group">
  153. <label><b>City</b> <small style="color: red">*</small></label>
  154. <input name="ccity" placeholder="Enter city" class="form-control" type="text" required="" aria-required="true">
  155. </div>
  156. </div>
  157. <div class="col-md-6">
  158. <div class="form-group">
  159. <label><b>State</b> <small style="color: red">*</small></label>
  160. <input name="cstate" placeholder="Enter state" class="form-control" type="text" required="" aria-required="true">
  161. </div>
  162. </div>
  163. <div class="col-md-12">
  164. <div class="form-group">
  165. <label><b>Postcode / Zip Code</b> <small style="color: red">*</small></label>
  166. <input name="postcode" placeholder="90000" class="form-control" type="text" required="" aria-required="true">
  167. </div>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. </div>
  175. <div class="col-md-12">
  176. <div class="footer">
  177. <div class="footer-inner">
  178. <div class="pull-right">
  179. <!-- <a href="{{url('Residential/form2')}}"> -->
  180. <button type="submit" class="btn btn-next" name="next" value="Next" style="background-color: orangered; display: inline-block;">Next</button>
  181. <input type="button" id="save-data" class="btn btn-finish" data-loading-text="Please Wait..." name="finish" value="Submit" style="display: none;">
  182. <!-- </a> -->
  183. </div>
  184. <div class="pull-left">
  185. <input type="button" class="btn btn-previous disabled" name="previous" value="Previous" style="background-color: grey;">
  186. </div>
  187. <div class="clearfix">
  188. </div>
  189. </div>
  190. </div>
  191. </form>
  192. </div>
  193. </div>
  194. </section>
  195. </div>
  196. </div>
  197. </div>
  198. <div class="nonstick-footer padding bg-blue" align="center">
  199. <span class="medium-title text-centeryellow" style="color: yellow;">Got A Question?</span>
  200. <div align="center">
  201. <a class="nomargin btn btn-default" href="#" style="width: 230px;">
  202. Read FAQ
  203. </a>
  204. <a style="width:230px" href="#" class="nomargin btn btn-default">
  205. Write to us
  206. </a>
  207. </div>
  208. </div>
  209. </div>
  210. </section>
  211. </div>
  212. <div class="footer-callout">
  213. </div>
  214. <footer id="colophon" class="site-footer footer" role="contentinfo">
  215. <div class="container footer-inner">
  216. <div class="row">
  217. <div class="footer-widget-area">
  218. <div class="col-md-6 col-md-3 footer-widget" role="complementary">
  219. <div class="widget widget_nav_menu" id="nav_menu-3">
  220. <h2 class="widget-title">Overview</h2>
  221. <div class="menu-main-container">
  222. <ul id="menu-main" class="menu">
  223. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16">
  224. <a href="#">Residential</a>
  225. </li>
  226. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15">
  227. <a href="#">Business</a>
  228. </li>
  229. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14">
  230. <a href="#/">Our Story</a>
  231. </li>
  232. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13">
  233. <a href="#">Support</a>
  234. </li>
  235. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12">
  236. <a href="#">Contact Us</a>
  237. </li>
  238. </ul>
  239. </div>
  240. </div>
  241. </div>
  242. <div class="col-md-3 col-sm-6 footer-widget" role="complementary">
  243. <div id="nav_menu-2" class="widget widget_nav_menu">
  244. <h2 class="widget-title">Legal</h2>
  245. <div class="menu-footer-2-container">
  246. <ul id="menu-footer-2" class="menu">
  247. <li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22">
  248. <a href="#">Terms &amp; Conditions</a>
  249. </li>
  250. <li id="menu-item-373" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-373">
  251. <a href="#">Privacy Policy</a>
  252. </li>
  253. </ul>
  254. </div>
  255. </div>
  256. </div>
  257. <div class="col-md-3 col-sm-6 footer-widget" role="complementary">
  258. <div id="text-2" class="widget widget_text">
  259. <h2 class="widget-title">Hotline</h2>
  260. <div class="textwidget"><span class="number-big yellow">1300-38-8000</span></div>
  261. </div>
  262. </div>
  263. <div class="col-md-3 col-sm-6 footer-widget" role="complementary">
  264. <div id="text-4" class="widget widget_text">
  265. <h2 class="widget-title">We Accept</h2>
  266. <div class="textwidget"><img src=""></div>
  267. </div>
  268. </div>
  269. </div>
  270. </div>
  271. </div>
  272. <div class="container">
  273. <div class="lowerfooter">
  274. <img width="50px" src="{{url('assets/logo/footerlogo.png')}}" align="left">
  275. <span class="lower-disclaimer">Copyright © 2017 Allo Technology Sdn Bhd. All rights reserved.</span>
  276. </div>
  277. <a class="btn btn-sm fade-half back-to-top inner-link" href="#top"><i class="fa fa-angle-up"></i></a>
  278. </div>
  279. </footer>
  280. <script type="text/javascript" src="{{url('js/navigation.js')}}"></script>
  281. <script type="text/javascript" src="{{url('js/skip-link-focus.js')}}"></script>
  282. <!-- Boostrap Wizard -->
  283. <script src="{{url('js/jquery.bootstrap.wizard.js')}}" type="text/javascript"></script>
  284. <!-- Plugin for the Wizard -->
  285. <script src="{{url('js/gsdk.bootstrap.wizard.js')}}" type="text/javascript"></script>
  286. <script src="{{url('js/jquery.validate.min.js')}}" type="text/javascript"></script>
  287. <!-- DatePicker -->
  288. <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
  289. <!-- Signature -->
  290. <script src="{{url('js/signature_pad.ums.js')}}" type="text/javascript"></script>
  291. </body>
  292. </html>
  293. <script type="text/javascript">
  294. $(window).scroll(function() {
  295. var scroll = $(window).scrollTop();
  296. if (scroll >= 150) {
  297. $(".site-header").addClass("smallHeader");
  298. }
  299. else {
  300. $(".site-header").removeClass("smallHeader");
  301. }
  302. });
  303. $(".header-blue100,.header-blue500,.header-pink, .header-blue-10, .header-blue-30, .header-blue-50, .header-blue-100, .header-blue-500").hover(function () {
  304. $(this).toggleClass("expanded-column");
  305. });
  306. $(window).on("scroll touchmove",function() {
  307. if($('body').height() <= ($(window).height() + $(window).scrollTop())) {
  308. $('footer').addClass('reached-bottom');
  309. } else {
  310. $('footer').removeClass('reached-bottom');
  311. }
  312. });
  313. </script>
  314. <style>
  315. select {
  316. height: 40px !important;
  317. }
  318. #nf-field-21-wrap .nf-field-label {
  319. padding-left: 5px;
  320. }
  321. .nf-field-element p {margin:0;}
  322. div#nf-field-22-container {
  323. margin: 0;
  324. }
  325. </style>