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.

786 lines
62 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 href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap" rel="stylesheet">
  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="css/styles-login.css" />
  20. <!-- Colors Css -->
  21. <link id="color-switcher" type="text/css" rel="stylesheet" href="#" />
  22. </head>
  23. <body>
  24. <!-- Preloader -->
  25. <div id="preloader">
  26. <div data-loader="dual-ring"></div>
  27. </div>
  28. <!-- Preloader End -->
  29. <!-- Document Wrapper -->
  30. <div id="main-wrapper">
  31. <!-- Header -->
  32. <header id="header">
  33. <div class="container">
  34. <div class="header-row">
  35. <div class="header-column justify-content-between">
  36. <!-- Logo
  37. ============================= -->
  38. <div class="logo me-3">
  39. <a class="d-flex" href="dashboard-new.html" title="Money - HTML Template">
  40. <img src="images/imelondon.svg" width="200" alt="Money" />
  41. </a>
  42. </div>
  43. <!-- Logo end -->
  44. <!-- Collapse Button
  45. ============================== -->
  46. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#header-nav"><span></span> <span></span> <span></span></button>
  47. <!-- Collapse Button end -->
  48. <!-- Primary Navigation
  49. ============================== -->
  50. <nav class="primary-menu navbar navbar-expand-lg">
  51. <div id="header-nav" class="collapse navbar-collapse">
  52. <ul class="navbar-nav me-auto">
  53. <li><a href="dashboard-new.html">Dashboard</a></li>
  54. </ul>
  55. </div>
  56. </nav>
  57. <!-- Primary Navigation end -->
  58. </div>
  59. <div class="header-column justify-content-end">
  60. <!-- Login & Signup Link
  61. ============================== -->
  62. <nav class="login-signup navbar navbar-expand">
  63. <ul class="navbar-nav d-none">
  64. <li><a href="login.html">Login</a></li>
  65. <li class="align-items-center h-auto ms-sm-3"><a class="btn btn-primary" href="signup.html">Sign Up</a></li>
  66. </ul>
  67. <ul class="navbar-nav align-items-center">
  68. <li class="dropdown language">
  69. <a class="dropdown-toggle" href="#">En</a>
  70. <ul class="dropdown-menu">
  71. <li><a class="dropdown-item" href="#">English</a></li>
  72. <li><a class="dropdown-item" href="#">French</a></li>
  73. </ul>
  74. </li>
  75. <li class="dropdown notifications">
  76. <a class="dropdown-toggle" href="#">
  77. <span class="text-5"><i class="far fa-bell"></i></span><span class="count">3</span>
  78. </a>
  79. <ul class="dropdown-menu">
  80. <li class="text-center text-3 py-2">Notifications (3)</li>
  81. <li class="dropdown-divider mx-n3"></li>
  82. <li>
  83. <a class="dropdown-item" href="#"><i class="fas fa-bell"></i>A new digital FIRC document is available for you to download<span class="text-1 text-muted d-block">22 Jul 2021</span></a>
  84. </li>
  85. <li>
  86. <a class="dropdown-item" href="#"><i class="fas fa-bell"></i>Updates to our privacy policy. Please read.<span class="text-1 text-muted d-block">04 March 2021</span></a>
  87. </li>
  88. <li class="dropdown-divider mx-n3"></li>
  89. <li><a class="dropdown-item text-center text-primary px-0" href="notifications.html">See all Notifications</a></li>
  90. </ul>
  91. </li>
  92. <li class="dropdown profile ms-2">
  93. <a class="px-0 dropdown-toggle" href="#">
  94. <img class="rounded-circle" src="images/profile-thumb.jpg" width="32" alt="" />
  95. </a>
  96. <ul class="dropdown-menu">
  97. <li class="text-center text-3 py-2">Hi, Raghunath</li>
  98. <li class="dropdown-divider mx-n3"></li>
  99. <li>
  100. <a class="dropdown-item" href="profile.html"><i class="fas fa-user"></i>My Profile</a>
  101. </li>
  102. <li>
  103. <a class="dropdown-item" href="password-change.html"><i class="fas fa-bell"></i>Change Password</a>
  104. </li>
  105. <li>
  106. <a class="dropdown-item" href="#"><i class="fas fa-bell"></i>Promotion Details</a>
  107. </li>
  108. <li class="dropdown-divider mx-n3"></li>
  109. <li>
  110. <a class="dropdown-item" href="#"><i class="fas fa-sign-out-alt"></i>Sign Out</a>
  111. </li>
  112. </ul>
  113. </li>
  114. </ul>
  115. </nav>
  116. <!-- Login & Signup Link end -->
  117. </div>
  118. </div>
  119. </div>
  120. </header>
  121. <!-- Header End -->
  122. <!-- Content -->
  123. <div id="content" class="bg-light py-4">
  124. <div class="container">
  125. <div class="row">
  126. <!-- Left Panel -->
  127. <aside class="col-lg-3">
  128. <!-- Profile Details -->
  129. <div class="bg-white rounded text-center p-3 mb-4">
  130. <div class="profile-thumb mt-3 mb-4"> <img class="rounded-circle" src="images/profile-thumb.jpg" alt="">
  131. <div class="profile-thumb-edit bg-primary text-white" data-bs-toggle="tooltip" title="Change Profile Picture"> <i class="fas fa-camera position-absolute"></i>
  132. <input type="file" class="custom-file-input" id="customFile">
  133. </div>
  134. </div>
  135. <p class="text-3 fw-500 mb-2">Hello, Raghunath</p>
  136. <p class="text-3 fw-500 mb-2">User Id : <span>124568</span></p>
  137. <p class="mb-2">
  138. <a href="profile.html" class="text-5 text-light" data-bs-toggle="tooltip" title="Edit Profile">
  139. <i class="fas fa-edit"></i>
  140. </a>
  141. </p>
  142. </div>
  143. <!-- Profile Details End -->
  144. <!-- Need Help? -->
  145. <div class="bg-white rounded text-center p-3 mb-4">
  146. <div class="text-17 text-light my-3"><i class="fa fa-bullhorn"></i></div>
  147. <h3 class="text-5 fw-400 my-4">Refer a Friend</h3>
  148. <p class="text-muted opacity-8 mb-4">Refer a Friend and Earn Rewards!</p>
  149. <div class="d-grid">
  150. <a href="refer.html" class="btn btn-primary">Refer a Friend</a>
  151. </div>
  152. </div>
  153. <!-- Need Help? End -->
  154. </aside>
  155. <!-- Left Panel End -->
  156. <!-- Middle Panel -->
  157. <div class="col-lg-9">
  158. <!-- Personal Details -->
  159. <div class="bg-white shadow-sm rounded p-4 mb-4">
  160. <h3 class="text-5 fw-400 d-flex align-items-center mb-4">
  161. Personal Details
  162. <a href="#edit-personal-details" data-bs-toggle="modal" class="ms-auto text-2 text-uppercase btn-link">
  163. <span class="me-1"><i class="fas fa-edit"></i></span>Edit
  164. </a>
  165. </h3>
  166. <hr class="mx-n4 mb-4" />
  167. <div class="row gx-3 align-items-center">
  168. <p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Name:</p>
  169. <p class="col-sm-9 text-3">Raghunath Bhandari</p>
  170. </div>
  171. <div class="row gx-3 align-items-center">
  172. <p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Date of Birth:</p>
  173. <p class="col-sm-9 text-3">12-09-1982</p>
  174. </div>
  175. <div class="row gx-3 align-items-baseline">
  176. <p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Address:</p>
  177. <p class="col-sm-9 text-3">
  178. 4th Floor, Plot No.22, Above Public Park, 145 Murphy Canyon Rd, Suite 100-18,<br />
  179. San Ditego,<br />
  180. California - 22434,<br />
  181. United States.
  182. </p>
  183. </div>
  184. </div>
  185. <!-- Edit Details Modal -->
  186. <div id="edit-personal-details" class="modal fade" role="dialog" aria-hidden="true">
  187. <div class="modal-dialog modal-dialog-centered" role="document">
  188. <div class="modal-content">
  189. <div class="modal-header">
  190. <h5 class="modal-title fw-400">Personal Details</h5>
  191. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  192. </div>
  193. <div class="modal-body p-4">
  194. <form id="personaldetails" method="post">
  195. <div class="row g-3">
  196. <div class="col-12 col-sm-6">
  197. <label for="firstName" class="form-label">First Name</label>
  198. <input type="text" value="Raghunath" class="form-control" data-bv-field="firstName" id="firstName" required placeholder="First Name" />
  199. </div>
  200. <div class="col-12 col-sm-6">
  201. <label for="lastName" class="form-label">Last Name</label>
  202. <input type="text" value="Bhandari" class="form-control" data-bv-field="lastName" id="lastName" required placeholder="Last Name" />
  203. </div>
  204. <div class="col-12">
  205. <label for="birthDate" class="form-label">Date of Birth</label>
  206. <div class="position-relative">
  207. <input id="birthDate" value="12-09-1982" type="text" class="form-control" required placeholder="Date of Birth" />
  208. <span class="icon-inside"><i class="fas fa-calendar-alt"></i></span>
  209. </div>
  210. </div>
  211. </div>
  212. <h3 class="text-5 fw-400 mt-4">Address</h3>
  213. <hr />
  214. <div class="row g-3">
  215. <div class="col-12">
  216. <label for="address" class="form-label">Address</label>
  217. <input type="text" value="4th Floor, Plot No.22, Above Public Park" class="form-control" data-bv-field="address" id="address" required placeholder="Address 1" />
  218. </div>
  219. <div class="col-12 col-sm-6">
  220. <label for="city" class="form-label">City</label>
  221. <input id="city" value="Alabama" type="text" class="form-control" required placeholder="City" />
  222. </div>
  223. <div class="col-12 col-sm-6">
  224. <label for="input-zone" class="form-label">State</label>
  225. <select class="form-select" id="input-zone" name="zone_id">
  226. <option value=""> --- Please Select --- </option>
  227. <option selected value="3613">Alabama</option>
  228. <option value="3614">Alaska</option>
  229. <option value="3615">American Samoa</option>
  230. </select>
  231. </div>
  232. <div class="col-12 col-sm-6">
  233. <label for="zipCode" class="form-label">Zip Code</label>
  234. <input id="zipCode" value="22434" type="text" class="form-control" required placeholder="City" />
  235. </div>
  236. <div class="col-12 col-sm-6">
  237. <label for="inputCountry" class="form-label">Country</label>
  238. <select class="form-select" id="inputCountry" name="country_id">
  239. <option value=""> --- Please Select --- </option>
  240. <option value="1">Nepal</option>
  241. <option value="2">India</option>
  242. <option value="3">Bangladesh</option>
  243. <option value="4">Pakistan</option>
  244. </select>
  245. </div>
  246. <div class="col-12 mt-4 d-grid"><button class="btn btn-primary" type="submit">Save Changes</button></div>
  247. </div>
  248. </form>
  249. </div>
  250. </div>
  251. </div>
  252. </div>
  253. <!-- Personal Details End -->
  254. <!-- Account Settings -->
  255. <div class="bg-white shadow-sm rounded p-4 mb-4">
  256. <h3 class="text-5 fw-400 d-flex align-items-center mb-4">
  257. Account Settings
  258. <a href="#edit-account-settings" data-bs-toggle="modal" class="ms-auto text-2 text-uppercase btn-link">
  259. <span class="me-1"><i class="fas fa-edit"></i></span>Edit
  260. </a>
  261. </h3>
  262. <hr class="mx-n4 mb-4" />
  263. <div class="row gx-3 align-items-center">
  264. <p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Language:</p>
  265. <p class="col-sm-9 text-3">English (United States)</p>
  266. </div>
  267. <div class="row gx-3 align-items-center">
  268. <p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Time Zone:</p>
  269. <p class="col-sm-9 text-3">(GMT-06:00) Central America</p>
  270. </div>
  271. <div class="row gx-3 align-items-center">
  272. <p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Account Status:</p>
  273. <p class="col-sm-9 text-3">
  274. <span class="bg-success text-white rounded-pill d-inline-block px-2 mb-0"><i class="fas fa-check-circle"></i> Active</span>
  275. </p>
  276. </div>
  277. </div>
  278. <!-- Edit Details Modal -->
  279. <div id="edit-account-settings" class="modal fade" role="dialog" aria-hidden="true">
  280. <div class="modal-dialog modal-dialog-centered" role="document">
  281. <div class="modal-content">
  282. <div class="modal-header">
  283. <h5 class="modal-title fw-400">Account Settings</h5>
  284. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  285. </div>
  286. <div class="modal-body p-4">
  287. <form id="accountSettings" method="post">
  288. <div class="row g-3">
  289. <div class="col-12">
  290. <label for="language" class="form-label">Language</label>
  291. <select class="form-select" id="language" name="language_id">
  292. <option value="1">English (United States)</option>
  293. <option value="2">Spanish </option>
  294. <option value="3">Chinese</option>
  295. <option value="4">Russian</option>
  296. </select>
  297. </div>
  298. <div class="col-12">
  299. <label for="input-timezone" class="form-label">Time Zone</label>
  300. <select class="form-select" id="input-timezone" name="timezone_id">
  301. <option value="0">(GMT+00:00) Greenwich Mean Time : Dublin, Edinburgh, Lisbon, London</option>
  302. <option value="5.75">(GMT+05:45) Kathmandu</option>
  303. <option value="6">(GMT+06:00) Astana, Dhaka</option>
  304. </select>
  305. </div>
  306. <div class="col-12">
  307. <label for="accountStatus" class="form-label">Account Status</label>
  308. <select class="form-select" id="accountStatus" name="language_id">
  309. <option value="1">Active</option>
  310. <option value="2">In Active</option>
  311. </select>
  312. </div>
  313. <div class="col-12 d-grid mt-4">
  314. <button class="btn btn-primary" type="submit">Save Changes</button>
  315. </div>
  316. </div>
  317. </form>
  318. </div>
  319. </div>
  320. </div>
  321. </div>
  322. <!-- Account Settings End -->
  323. <!-- Email Addresses -->
  324. <div class="bg-white shadow-sm rounded p-4 mb-4">
  325. <h3 class="text-5 fw-400 d-flex align-items-center mb-4">
  326. Email Addresses
  327. <a href="#edit-email" data-bs-toggle="modal" class="ms-auto text-2 text-uppercase btn-link">
  328. <span class="me-1"><i class="fas fa-edit"></i></span>Edit
  329. </a>
  330. </h3>
  331. <hr class="mx-n4 mb-4" />
  332. <div class="row gx-3 align-items-center">
  333. <p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Email ID:</p>
  334. <p class="col-sm-9 text-3 d-sm-inline-flex d-md-flex align-items-center">raghtnatbhandari@gmail.com<span class="badge bg-1 text-1 fw-500 rounded-pill px-2 py-1 ms-2">Primary</span></p>
  335. </div>
  336. <div class="row gx-3 align-items-center">
  337. <p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Email ID:</p>
  338. <p class="col-sm-9 text-3">raghu.nath@outlook.com</p>
  339. </div>
  340. </div>
  341. <!-- Edit Details Modal -->
  342. <div id="edit-email" class="modal fade" role="dialog" aria-hidden="true">
  343. <div class="modal-dialog modal-dialog-centered" role="document">
  344. <div class="modal-content">
  345. <div class="modal-header">
  346. <h5 class="modal-title fw-400">Email Addresses</h5>
  347. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  348. </div>
  349. <div class="modal-body p-4">
  350. <form id="emailAddresses" method="post">
  351. <div class="mb-3">
  352. <label for="emailID" class="form-label d-inline-flex align-items-center">Email ID <span class="badge bg-1 text-1 fw-500 rounded-pill px-2 py-1 ms-2">Primary</span></label>
  353. <input type="text" value="raghtnatbhandari@gmail.com" class="form-control" data-bv-field="emailid" id="emailID" required placeholder="Email ID" />
  354. </div>
  355. <div class="mb-3" class="form-label">
  356. <label for="emailID2" class="form-label">Email ID 2 - <a class="btn-link text-uppercase text-1" href="#">Make Primary</a></label>
  357. <div class="input-group">
  358. <input type="text" value="raghu.nath@outlook.com" class="form-control" data-bv-field="emailid2" id="emailID2" required placeholder="Email ID" />
  359. <a href="" data-bs-toggle="tooltip" title="Remove" class="input-group-text text-muted text-2"><i class="fas fa-times"></i></a>
  360. </div>
  361. </div>
  362. <a class="btn-link text-uppercase d-flex align-items-center text-1 float-end mb-3" href="#">
  363. <span class="text-3 me-1"><i class="fas fa-plus-circle"></i></span>Add another email
  364. </a>
  365. <div class="d-grid w-100"><button class="btn btn-primary" type="submit">Save Changes</button></div>
  366. </form>
  367. </div>
  368. </div>
  369. </div>
  370. </div>
  371. <!-- Email Addresses End -->
  372. <!-- Phone -->
  373. <div class="bg-white shadow-sm rounded p-4 mb-4">
  374. <h3 class="text-5 fw-400 d-flex align-items-center mb-4">
  375. Phone
  376. <a href="#edit-phone" data-bs-toggle="modal" class="ms-auto text-2 text-uppercase btn-link">
  377. <span class="me-1"><i class="fas fa-edit"></i></span>Edit
  378. </a>
  379. </h3>
  380. <hr class="mx-n4 mb-4" />
  381. <div class="row gx-3 align-items-center">
  382. <p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Mobile:</p>
  383. <p class="col-sm-9 text-3 align-items-center d-sm-inline-flex d-md-flex">+1 202-555-0125<span class="badge bg-1 text-1 fw-500 rounded-pill px-2 py-1 ms-2">Primary</span></p>
  384. </div>
  385. <div class="row gx-3 align-items-center">
  386. <p class="col-sm-3 text-muted text-sm-end mb-0 mb-sm-3">Mobile:</p>
  387. <p class="col-sm-9 text-3">+1 303-666-0512</p>
  388. </div>
  389. </div>
  390. <!-- Edit Details Modal -->
  391. <div id="edit-phone" class="modal fade" role="dialog" aria-hidden="true">
  392. <div class="modal-dialog modal-dialog-centered" role="document">
  393. <div class="modal-content">
  394. <div class="modal-header">
  395. <h5 class="modal-title fw-400">Phone</h5>
  396. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  397. </div>
  398. <div class="modal-body p-4">
  399. <form id="phone" method="post">
  400. <div class="mb-3">
  401. <label for="mobileNumber" class="form-label d-inline-flex align-items-center">Mobile <span class="badge bg-1 text-1 fw-500 rounded-pill px-2 py-1 ms-2">Primary</span></label>
  402. <div class="input-group">
  403. <div class="input-group-text p-0">
  404. <select class="form-select border-0 bg-transparent" id="selectedCountry" name="selectedCountry">
  405. <option value="GB,44">GB +44</option>
  406. <option value="NP,977">GB +977</option>
  407. </select>
  408. </div>
  409. <input type="text" value="2025550125" class="form-control" data-bv-field="mobilenumber" id="mobileNumber" required placeholder="Mobile Number" />
  410. </div>
  411. </div>
  412. <div class="mb-3">
  413. <label for="mobileNumber2" class="form-label">Mobile 2 - <a class="btn-link text-uppercase text-1" href="#">Make Primary</a></label>
  414. <div class="input-group">
  415. <div class="input-group-text p-0">
  416. <select class="form-select border-0 bg-transparent" id="selectedCountry" name="selectedCountry">
  417. <option value="AD,376">AD +376</option>
  418. <option value="AE,971">AE +971</option>
  419. <option value="AF,93">AF +93</option>
  420. <option value="AG,1">AG +1</option>
  421. <option value="AI,1">AI +1</option>
  422. <option value="AL,355">AL +355</option>
  423. <option value="AM,374">AM +374</option>
  424. <option value="AN,599">AN +599</option>
  425. <option value="AO,244">AO +244</option>
  426. <option value="AR,54">AR +54</option>
  427. <option value="AS,1">AS +1</option>
  428. <option value="AT,43">AT +43</option>
  429. <option value="AU,61">AU +61</option>
  430. <option value="AW,297">AW +297</option>
  431. <option value="AX,358">AX +358</option>
  432. <option value="AZ,994">AZ +994</option>
  433. <option value="BA,387">BA +387</option>
  434. <option value="BB,1">BB +1</option>
  435. <option value="BD,880">BD +880</option>
  436. <option value="BE,32">BE +32</option>
  437. <option value="BF,226">BF +226</option>
  438. <option value="BG,359">BG +359</option>
  439. <option value="BH,973">BH +973</option>
  440. <option value="BI,257">BI +257</option>
  441. <option value="BJ,229">BJ +229</option>
  442. <option value="BL,590">BL +590</option>
  443. <option value="BM,1">BM +1</option>
  444. <option value="BN,673">BN +673</option>
  445. <option value="BO,591">BO +591</option>
  446. <option value="BQ,599">BQ +599</option>
  447. <option value="BR,55">BR +55</option>
  448. <option value="BS,1">BS +1</option>
  449. <option value="BT,975">BT +975</option>
  450. <option value="BW,267">BW +267</option>
  451. <option value="BY,375">BY +375</option>
  452. <option value="BZ,501">BZ +501</option>
  453. <option value="CA,1">CA +1</option>
  454. <option value="CC,61">CC +61</option>
  455. <option value="CD,243">CD +243</option>
  456. <option value="CF,236">CF +236</option>
  457. <option value="CG,242">CG +242</option>
  458. <option value="CH,41">CH +41</option>
  459. <option value="CI,225">CI +225</option>
  460. <option value="CK,682">CK +682</option>
  461. <option value="CL,56">CL +56</option>
  462. <option value="CM,237">CM +237</option>
  463. <option value="CN,86">CN +86</option>
  464. <option value="CO,57">CO +57</option>
  465. <option value="CR,506">CR +506</option>
  466. <option value="CU,53">CU +53</option>
  467. <option value="CV,238">CV +238</option>
  468. <option value="CW,599">CW +599</option>
  469. <option value="CY,357">CY +357</option>
  470. <option value="CZ,420">CZ +420</option>
  471. <option value="DE,49">DE +49</option>
  472. <option value="DJ,253">DJ +253</option>
  473. <option value="DK,45">DK +45</option>
  474. <option value="DM,1">DM +1</option>
  475. <option value="DO,1">DO +1</option>
  476. <option value="DZ,213">DZ +213</option>
  477. <option value="EC,593">EC +593</option>
  478. <option value="EE,372">EE +372</option>
  479. <option value="EG,20">EG +20</option>
  480. <option value="ER,291">ER +291</option>
  481. <option value="ES,34">ES +34</option>
  482. <option value="ET,251">ET +251</option>
  483. <option value="FI,358">FI +358</option>
  484. <option value="FJ,679">FJ +679</option>
  485. <option value="FK,500">FK +500</option>
  486. <option value="FM,691">FM +691</option>
  487. <option value="FO,298">FO +298</option>
  488. <option value="FR,33">FR +33</option>
  489. <option value="GA,241">GA +241</option>
  490. <option value="GB,44">GB +44</option>
  491. <option value="GD,1">GD +1</option>
  492. <option value="GE,995">GE +995</option>
  493. <option value="GF,594">GF +594</option>
  494. <option value="GG,44">GG +44</option>
  495. <option value="GH,233">GH +233</option>
  496. <option value="GI,350">GI +350</option>
  497. <option value="GL,299">GL +299</option>
  498. <option value="GM,220">GM +220</option>
  499. <option value="GN,224">GN +224</option>
  500. <option value="GP,590">GP +590</option>
  501. <option value="GQ,240">GQ +240</option>
  502. <option value="GR,30">GR +30</option>
  503. <option value="GT,502">GT +502</option>
  504. <option value="GU,1">GU +1</option>
  505. <option value="GW,245">GW +245</option>
  506. <option value="GY,592">GY +592</option>
  507. <option value="HK,852">HK +852</option>
  508. <option value="HN,504">HN +504</option>
  509. <option value="HR,385">HR +385</option>
  510. <option value="HT,509">HT +509</option>
  511. <option value="HU,36">HU +36</option>
  512. <option value="ID,62">ID +62</option>
  513. <option value="IE,353">IE +353</option>
  514. <option value="IL,972">IL +972</option>
  515. <option value="IM,44">IM +44</option>
  516. <option value="IN,91">IN +91</option>
  517. <option value="IO,246">IO +246</option>
  518. <option value="IQ,964">IQ +964</option>
  519. <option value="IR,98">IR +98</option>
  520. <option value="IS,354">IS +354</option>
  521. <option value="IT,39">IT +39</option>
  522. <option value="JE,44">JE +44</option>
  523. <option value="JM,1">JM +1</option>
  524. <option value="JO,962">JO +962</option>
  525. <option value="JP,81">JP +81</option>
  526. <option value="KE,254">KE +254</option>
  527. <option value="KG,996">KG +996</option>
  528. <option value="KH,855">KH +855</option>
  529. <option value="KI,686">KI +686</option>
  530. <option value="KM,269">KM +269</option>
  531. <option value="KN,1">KN +1</option>
  532. <option value="KP,850">KP +850</option>
  533. <option value="KR,82">KR +82</option>
  534. <option value="KW,965">KW +965</option>
  535. <option value="KY,1">KY +1</option>
  536. <option value="KZ,7">KZ +7</option>
  537. <option value="LA,856">LA +856</option>
  538. <option value="LB,961">LB +961</option>
  539. <option value="LC,1">LC +1</option>
  540. <option value="LI,423">LI +423</option>
  541. <option value="LK,94">LK +94</option>
  542. <option value="LR,231">LR +231</option>
  543. <option value="LS,266">LS +266</option>
  544. <option value="LT,370">LT +370</option>
  545. <option value="LU,352">LU +352</option>
  546. <option value="LV,371">LV +371</option>
  547. <option value="LY,218">LY +218</option>
  548. <option value="MA,212">MA +212</option>
  549. <option value="MC,377">MC +377</option>
  550. <option value="MD,373">MD +373</option>
  551. <option value="ME,382">ME +382</option>
  552. <option value="MF,590">MF +590</option>
  553. <option value="MG,261">MG +261</option>
  554. <option value="MH,692">MH +692</option>
  555. <option value="MK,389">MK +389</option>
  556. <option value="ML,223">ML +223</option>
  557. <option value="MM,95">MM +95</option>
  558. <option value="MN,976">MN +976</option>
  559. <option value="MO,853">MO +853</option>
  560. <option value="MP,1">MP +1</option>
  561. <option value="MQ,596">MQ +596</option>
  562. <option value="MR,222">MR +222</option>
  563. <option value="MS,1">MS +1</option>
  564. <option value="MT,356">MT +356</option>
  565. <option value="MU,230">MU +230</option>
  566. <option value="MV,960">MV +960</option>
  567. <option value="MW,265">MW +265</option>
  568. <option value="MX,52">MX +52</option>
  569. <option value="MY,60">MY +60</option>
  570. <option value="MZ,258">MZ +258</option>
  571. <option value="NA,264">NA +264</option>
  572. <option value="NC,687">NC +687</option>
  573. <option value="NE,227">NE +227</option>
  574. <option value="NF,672">NF +672</option>
  575. <option value="NG,234">NG +234</option>
  576. <option value="NI,505">NI +505</option>
  577. <option value="NL,31">NL +31</option>
  578. <option value="NO,47">NO +47</option>
  579. <option value="NP,977">NP +977</option>
  580. <option value="NR,674">NR +674</option>
  581. <option value="NU,683">NU +683</option>
  582. <option value="NZ,64">NZ +64</option>
  583. <option value="OM,968">OM +968</option>
  584. <option value="PA,507">PA +507</option>
  585. <option value="PE,51">PE +51</option>
  586. <option value="PF,689">PF +689</option>
  587. <option value="PG,675">PG +675</option>
  588. <option value="PH,63">PH +63</option>
  589. <option value="PK,92">PK +92</option>
  590. <option value="PL,48">PL +48</option>
  591. <option value="PM,508">PM +508</option>
  592. <option value="PN,64">PN +64</option>
  593. <option value="PR,1">PR +1</option>
  594. <option value="PS,970">PS +970</option>
  595. <option value="PT,351">PT +351</option>
  596. <option value="PW,680">PW +680</option>
  597. <option value="PY,595">PY +595</option>
  598. <option value="QA,974">QA +974</option>
  599. <option value="RE,262">RE +262</option>
  600. <option value="RO,40">RO +40</option>
  601. <option value="RS,381">RS +381</option>
  602. <option value="RU,7">RU +7</option>
  603. <option value="RW,250">RW +250</option>
  604. <option value="SA,966">SA +966</option>
  605. <option value="SB,677">SB +677</option>
  606. <option value="SC,248">SC +248</option>
  607. <option value="SD,249">SD +249</option>
  608. <option value="SE,46">SE +46</option>
  609. <option value="SG,65">SG +65</option>
  610. <option value="SH,290">SH +290</option>
  611. <option value="SI,386">SI +386</option>
  612. <option value="SJ,47">SJ +47</option>
  613. <option value="SK,421">SK +421</option>
  614. <option value="SL,232">SL +232</option>
  615. <option value="SM,378">SM +378</option>
  616. <option value="SN,221">SN +221</option>
  617. <option value="SO,252">SO +252</option>
  618. <option value="SR,597">SR +597</option>
  619. <option value="SS,211">SS +211</option>
  620. <option value="ST,239">ST +239</option>
  621. <option value="SV,503">SV +503</option>
  622. <option value="SX,1">SX +1</option>
  623. <option value="SY,963">SY +963</option>
  624. <option value="SZ,268">SZ +268</option>
  625. <option value="TC,1">TC +1</option>
  626. <option value="TD,235">TD +235</option>
  627. <option value="TG,228">TG +228</option>
  628. <option value="TH,66">TH +66</option>
  629. <option value="TJ,992">TJ +992</option>
  630. <option value="TK,690">TK +690</option>
  631. <option value="TL,670">TL +670</option>
  632. <option value="TM,993">TM +993</option>
  633. <option value="TN,216">TN +216</option>
  634. <option value="TO,676">TO +676</option>
  635. <option value="TR,90">TR +90</option>
  636. <option value="TT,1">TT +1</option>
  637. <option value="TV,688">TV +688</option>
  638. <option value="TW,886">TW +886</option>
  639. <option value="TZ,255">TZ +255</option>
  640. <option value="UA,380">UA +380</option>
  641. <option value="UG,256">UG +256</option>
  642. <option value="US,1">US +1</option>
  643. <option value="UY,598">UY +598</option>
  644. <option value="UZ,998">UZ +998</option>
  645. <option value="VA,39">VA +39</option>
  646. <option value="VC,1">VC +1</option>
  647. <option value="VE,58">VE +58</option>
  648. <option value="VG,1">VG +1</option>
  649. <option value="VI,1">VI +1</option>
  650. <option value="VN,84">VN +84</option>
  651. <option value="VU,678">VU +678</option>
  652. <option value="WF,681">WF +681</option>
  653. <option value="WS,685">WS +685</option>
  654. <option value="YE,967">YE +967</option>
  655. <option value="YT,262">YT +262</option>
  656. <option value="ZA,27">ZA +27</option>
  657. <option value="ZM,260">ZM +260</option>
  658. <option value="ZW,263">ZW +263</option>
  659. </select>
  660. </div>
  661. <input type="text" value="3036660512" class="form-control" data-bv-field="mobilenumber2" id="mobileNumber2" required placeholder="Mobile Number" />
  662. <a href="" data-bs-toggle="tooltip" title="Remove" class="input-group-text text-2"><i class="fas fa-times"></i></a>
  663. </div>
  664. </div>
  665. <a class="btn-link text-uppercase d-flex align-items-center text-1 float-end mb-3" href="#">
  666. <span class="text-3 me-1"><i class="fas fa-plus-circle"></i></span>Add another Phone
  667. </a>
  668. <div class="d-grid w-100"><button class="btn btn-primary" type="submit">Save Changes</button></div>
  669. </form>
  670. </div>
  671. </div>
  672. </div>
  673. </div>
  674. <!-- Phone End -->
  675. </div>
  676. <!-- Middle Panel End -->
  677. </div>
  678. </div>
  679. </div>
  680. <!-- Content end -->
  681. <!-- Footer -->
  682. <footer id="footer" class="footer-web py-3 ">
  683. <div class="container">
  684. <div class="footer-copyright text-center border-0">
  685. <div class="row">
  686. <div class="col-lg-6 mx-auto">
  687. <div class="text-center text-white">
  688. <p class="m-0">© Subhida UK Ltd, 2023</p>
  689. </div>
  690. </div>
  691. </div>
  692. </div>
  693. </div>
  694. </footer>
  695. <!-- Footer end -->
  696. </div>
  697. <!-- Document Wrapper end -->
  698. <!-- Back to Top
  699. ============================================= -->
  700. <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>
  701. <!-- Script -->
  702. <script src="vendor/jquery/jquery.min.js"></script>
  703. <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  704. <script src="vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
  705. <!-- custom -->
  706. <script src="js/script.js"></script>
  707. <!-- Modal -->
  708. <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  709. <div class="modal-dialog modal-lg">
  710. <div class="modal-content">
  711. <div class="modal-header">
  712. <h5 class="modal-title" id="staticBackdropLabel">Receiver List</h5>
  713. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  714. </div>
  715. <div class="modal-body">
  716. <table class="table table-bordered">
  717. <tbody>
  718. <tr>
  719. <th>S.N</th>
  720. <th>Receiver ID</th>
  721. <th>&nbsp;</th>
  722. <th>Receiver Name</th>
  723. <th>Active Status</th>
  724. <th >&nbsp;</th>
  725. </tr>
  726. <tr>
  727. <td>
  728. 1
  729. </td>
  730. <td>
  731. <span>538845</span>
  732. </td>
  733. <td>
  734. <i class=" currency-flag currency-flag-npr me-1"></i>
  735. </td>
  736. <td>
  737. <span>Raghu Nath Bhandari</span><br />
  738. <span style="font-size: 8pt;">
  739. Credit to account<br />
  740. [<b>GLOBAL IME BANK LTD</b>]
  741. </span>
  742. </td>
  743. <td>
  744. <span class="text-center text-success">
  745. <i class="fas fa-check-circle"></i>
  746. </span>
  747. </td>
  748. <td>
  749. <a href="#" class="btn btn-sm btn-primary">Send <i class="fas fa-paper-plane"></i></a>
  750. </td>
  751. </tr>
  752. </tbody>
  753. </table>
  754. </div>
  755. </div>
  756. </div>
  757. </div>
  758. </body>
  759. </html>