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.

368 lines
22 KiB

1 year ago
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no" />
  7. <link href="images/favicon.png" rel="icon" />
  8. <title>Money Transfer and Online Payments</title>
  9. <meta name="description" content="Money" />
  10. <!-- Web Fonts
  11. ============================================= -->
  12. <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" />
  13. <!-- Stylesheet
  14. ============================================= -->
  15. <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css" />
  16. <link rel="stylesheet" type="text/css" href="vendor/font-awesome/css/all.min.css" />
  17. <link rel="stylesheet" type="text/css" href="vendor/bootstrap-select/css/bootstrap-select.min.css" />
  18. <link rel="stylesheet" type="text/css" href="vendor/currency-flags/css/currency-flags.min.css" />
  19. <link rel="stylesheet" type="text/css" href="vendor/owl.carousel/owl.carousel.min.css" />
  20. <link rel="stylesheet" type="text/css" href="css/styles-login.css" />
  21. <link rel="stylesheet" type="text/css" href="vendor/datepicker/datepicker.min.css" />
  22. <!-- Colors Css -->
  23. <link id="color-switcher" type="text/css" rel="stylesheet" href="#" />
  24. </head>
  25. <body>
  26. <!-- Preloader -->
  27. <div id="preloader">
  28. <div data-loader="dual-ring"></div>
  29. </div>
  30. <!-- Preloader End -->
  31. <!-- Document Wrapper -->
  32. <div id="main-wrapper">
  33. <!-- Header -->
  34. <header id="header">
  35. <div class="container">
  36. <div class="header-row">
  37. <div class="header-column justify-content-between">
  38. <!-- Logo
  39. ============================= -->
  40. <div class="logo me-3">
  41. <a class="d-flex" href="index.html" title="Money - HTML Template">
  42. <img src="images/imelondon.svg" height="35" alt="IME London - Logo" />
  43. </a>
  44. </div>
  45. <!-- Logo end -->
  46. <!-- Collapse Button
  47. ============================== -->
  48. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#header-nav"><span></span> <span></span> <span></span></button>
  49. <!-- Collapse Button end -->
  50. <!-- Primary Navigation
  51. ============================== -->
  52. <nav class="primary-menu navbar navbar-expand-lg">
  53. <div id="header-nav" class="collapse navbar-collapse">
  54. <ul class="navbar-nav me-auto">
  55. <li><a href="faq.html">Help</a></li>
  56. <li><a href="how-it-works.html">How It Works</a></li>
  57. </ul>
  58. </div>
  59. </nav>
  60. <!-- Primary Navigation end -->
  61. </div>
  62. <div class="header-column justify-content-end">
  63. <!-- Login & Signup Link
  64. ============================== -->
  65. <nav class="login-signup navbar navbar-expand">
  66. <ul class="navbar-nav">
  67. <li><a href="login-new.html">Login</a></li>
  68. </ul>
  69. </nav>
  70. <!-- Login & Signup Link end -->
  71. </div>
  72. </div>
  73. </div>
  74. </header>
  75. <!-- Header End -->
  76. <!-- Page Header
  77. ============================================= -->
  78. <!-- Page Header end -->
  79. <!-- Content -->
  80. <div id="content">
  81. <!-- Who we are -->
  82. <section class="section section-form-bg">
  83. <div class="container">
  84. <div class="row align-items-center">
  85. <div class="col-md-12 pe-0">
  86. <div class="contact-from-wrap">
  87. <form id="form1" method="post">
  88. <h2 class="sec-title">Easy Registration</h2>
  89. <div class="card bg-light border-0 mb-4">
  90. <div class="card-body">
  91. <div class="row">
  92. <div class="col-lg-12">
  93. <h5 class="mb-4">Your Details</h5>
  94. </div>
  95. <div class="col-md-4">
  96. <div class="mb-4">
  97. <div class="form-floating">
  98. <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
  99. <label for="floatingInput">Email address</label>
  100. </div>
  101. </div>
  102. </div>
  103. <div class="col-md-4">
  104. <div class="mb-4">
  105. <div class="form-floating">
  106. <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
  107. <label for="floatingPassword">Login Password</label>
  108. </div>
  109. </div>
  110. </div>
  111. <div class="col-md-4">
  112. <div class="mb-4">
  113. <div class="form-floating">
  114. <input type="password" class="form-control" id="ConfirmPassword" placeholder="Password">
  115. <label for="ConfirmPassword">Re-Type Login Password</label>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="col-md-4">
  120. <div class="mb-4">
  121. <div class="form-floating mb-3">
  122. <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
  123. <label for="floatingInput">First Name</label>
  124. </div>
  125. </div>
  126. </div>
  127. <div class="col-md-4">
  128. <div class="mb-4">
  129. <div class="form-floating mb-3">
  130. <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
  131. <label for="floatingInput">Middle Name</label>
  132. </div>
  133. </div>
  134. </div>
  135. <div class="col-md-4">
  136. <div class="mb-4">
  137. <div class="form-floating mb-3">
  138. <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
  139. <label for="floatingInput">Last Name</label>
  140. </div>
  141. </div>
  142. </div>
  143. <div class="col-md-4">
  144. <div class="mb-4">
  145. <div class="form-floating">
  146. <select class="form-select" id="Nationality" aria-label="Floating label select example">
  147. <option selected></option>
  148. <option value="1">Nepal</option>
  149. <option value="2">India</option>
  150. <option value="3">Pakistan</option>
  151. </select>
  152. <label for="Nationality">Nationality</label>
  153. </div>
  154. </div>
  155. </div>
  156. <div class="col-md-4">
  157. <div class="mb-4">
  158. <div class="input-group flex-nowrap">
  159. <div class="form-floating flex-grow-1">
  160. <input type="text" id="DateOfBirth" class="datepicker-here form-control date-of-birth" placeholder="dd/mm/yyyy" aria-describedby="basic-addon2"/>
  161. <label for="DateOfBirth" class="form-label">Date Of Birth</label>
  162. </div>
  163. <span class="input-group-text px-4">
  164. <i class="fa fa-calendar"></i>
  165. </span>
  166. </div>
  167. </div>
  168. </div>
  169. <div class="col-md-4">
  170. <div class="mb-4">
  171. <div class="form-floating">
  172. <select class="form-select" id="Gender" aria-label="Floating label select example">
  173. <option selected></option>
  174. <option value="1">Male</option>
  175. <option value="2">Famale</option>
  176. </select>
  177. <label for="Gender">Gender</label>
  178. </div>
  179. </div>
  180. </div>
  181. <div class="col-md-4">
  182. <div class="mb-4">
  183. <div class="form-floating">
  184. <input type="text" class="form-control" id="Mobile" placeholder="Address 2">
  185. <label for="Mobile">Address</label>
  186. </div>
  187. </div>
  188. </div>
  189. <div class="col-md-4">
  190. <div class="mb-4">
  191. <div class="form-floating">
  192. <input type="text" class="form-control" id="Mobile" placeholder="Address 2">
  193. <label for="Mobile">City</label>
  194. </div>
  195. </div>
  196. </div>
  197. <div class="col-md-4">
  198. <div class="mb-4">
  199. <div class="form-floating">
  200. <input type="text" class="form-control" id="Mobile" placeholder="Address 2">
  201. <label for="Mobile">Post Code/ZIP </label>
  202. </div>
  203. </div>
  204. </div>
  205. <div class="col-md-4">
  206. <div class="mb-4">
  207. <div class="form-floating">
  208. <input type="text" class="form-control" id="Mobile" placeholder="Address 2">
  209. <label for="Mobile">Mobile Number</label>
  210. </div>
  211. </div>
  212. </div>
  213. <div class="col-md-4">
  214. <div class="mb-4">
  215. <div class="form-floating">
  216. <input type="text" class="form-control" id="Mobile" placeholder="Address 2">
  217. <label for="Mobile">Referal Code</label>
  218. </div>
  219. </div>
  220. </div>
  221. <div class="row">
  222. <div class="col-md-4">
  223. <div class="mb-4">
  224. <div class="form-floating">
  225. <div> <img height="80" src="https://developers.google.com/static/recaptcha/images/newCaptchaAnchor.gif"> </div>
  226. <div class="g-recaptcha" data-sitekey="your_site_key> </div>
  227. <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234. </div>
  235. <div class="row">
  236. <div class="col-md-12">
  237. <div class="mb-4">
  238. <div class="form-check d-flex align-items-center">
  239. <input class="form-check-input me-2" type="checkbox" id="Terms">
  240. <label class="form-check-label" for="Terms">I agree to IME London <a href="#" target="_blank">Terms &amp; Conditions</a> and <a href="#" target="_blank">Privacy Policy</a>.</label>
  241. </div>
  242. </div>
  243. </div>
  244. <div class="col-lg-3">
  245. <div class="d-grid mb-5">
  246. <button class="btn btn-lg btn-primary" type="submit">Register <i class="fa fa-window-maximize px-2" aria-hidden="true"></i></button>
  247. </div>
  248. </div>
  249. </div>
  250. </form>
  251. <div class="mt-3"> Already registered ? <a class="" href="login-new.html">Login Now</a></div>
  252. </div>
  253. </div>
  254. </div>
  255. </div>
  256. </section>
  257. <!-- Who we are end -->
  258. </div>
  259. <!-- Content end -->
  260. <!-- Footer -->
  261. <footer id="footer" class="footer-web">
  262. <div class="container">
  263. <div class="text-center">
  264. <div class="row">
  265. <div class="mx-auto">
  266. <div class="text-center text-white">
  267. <p class="text-center mb-3 text-1">
  268. IME London is a product of Subhida UK Limited, Pentax House,South Hill Avenue, South Harrow, London, H2A 0D
  269. Company Registration No. 06432399 Subhida UK Ltd is authorized and regulated by the Financial Conduct
  270. Authority (FCA) <br> under the Payment Service Regulations 2017. FCA Registration No. 576127 HMRC Registration No. XYML000000119350
  271. <p class="text-center my-3 text-1"></p>
  272. </div>
  273. </div>
  274. </div>
  275. <div class="row">
  276. <div class="col-lg-6 mx-auto">
  277. <div class="text-center text-white">
  278. <p>© IME London, 2023</p>
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. </footer>
  285. <!-- Footer end -->
  286. </div>
  287. <!-- Document Wrapper end -->
  288. <!-- Back to Top
  289. ============================================= -->
  290. <a id="back-to-top" data-bs-toggle="tooltip" title="Back to Top" href="javascript:void(0)"><i class="fa fa-chevron-up"></i></a>
  291. <!-- Video Modal
  292. ============================================= -->
  293. <div class="modal fade" id="videoModal" tabindex="-1" role="dialog">
  294. <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  295. <div class="modal-content bg-transparent border-0">
  296. <button type="button" class="btn-close btn-close-white ms-auto me-n3" data-bs-dismiss="modal" aria-label="Close"></button>
  297. <div class="modal-body p-0">
  298. <div class="ratio ratio-16x9">
  299. <iframe id="video" src="" allow="autoplay;" allowfullscreen></iframe>
  300. </div>
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305. <!-- Video Modal end -->
  306. <!-- Script -->
  307. <script src="vendor/jquery/jquery.min.js"></script>
  308. <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  309. <script src="vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
  310. <script src="vendor/datepicker/datepicker.min.js"></script>
  311. <script src="vendor/datepicker/datepicker.en.js"></script>
  312. <!-- custom -->
  313. <script src="js/script.js"></script>
  314. <script type="text/javascript">
  315. loadDatePicker();
  316. </script>
  317. </body>
  318. </html>