profile-edit-big.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <form class="card">
  2. <div class="card-body">
  3. <h3 class="card-title">Edit Profile</h3>
  4. <div class="row">
  5. <div class="col-md-5">
  6. <div class="mb-2">
  7. <label class="form-label">Company</label>
  8. <input type="text" class="form-control" disabled placeholder="Company" value="Creative Code Inc.">
  9. </div>
  10. </div>
  11. <div class="col-sm-6 col-md-3">
  12. <div class="mb-2">
  13. <label class="form-label">Username</label>
  14. <input type="text" class="form-control" placeholder="Username" value="michael23">
  15. </div>
  16. </div>
  17. <div class="col-sm-6 col-md-4">
  18. <div class="mb-2">
  19. <label class="form-label">Email address</label>
  20. <input type="email" class="form-control" placeholder="Email">
  21. </div>
  22. </div>
  23. <div class="col-sm-6 col-md-6">
  24. <div class="mb-2">
  25. <label class="form-label">First Name</label>
  26. <input type="text" class="form-control" placeholder="Company" value="Chet">
  27. </div>
  28. </div>
  29. <div class="col-sm-6 col-md-6">
  30. <div class="mb-2">
  31. <label class="form-label">Last Name</label>
  32. <input type="text" class="form-control" placeholder="Last Name" value="Faker">
  33. </div>
  34. </div>
  35. <div class="col-md-12">
  36. <div class="mb-2">
  37. <label class="form-label">Address</label>
  38. <input type="text" class="form-control" placeholder="Home Address" value="Melbourne, Australia">
  39. </div>
  40. </div>
  41. <div class="col-sm-6 col-md-4">
  42. <div class="mb-2">
  43. <label class="form-label">City</label>
  44. <input type="text" class="form-control" placeholder="City" value="Melbourne">
  45. </div>
  46. </div>
  47. <div class="col-sm-6 col-md-3">
  48. <div class="mb-2">
  49. <label class="form-label">Postal Code</label>
  50. <input type="number" class="form-control" placeholder="ZIP Code">
  51. </div>
  52. </div>
  53. <div class="col-md-5">
  54. <div class="mb-2">
  55. <label class="form-label">Country</label>
  56. <select class="form-select">
  57. <option value="">Germany</option>
  58. </select>
  59. </div>
  60. </div>
  61. <div class="col-md-12">
  62. <div class="mb-2 mb-0">
  63. <label class="form-label">About Me</label>
  64. <textarea rows="5" class="form-control" placeholder="Here can be your description" value="Mike">Oh so, your weak rhyme
  65. You doubt I'll bother, reading into it
  66. I'll probably won't, left to my own devices
  67. But that's the difference in our opinions.</textarea>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. <div class="card-footer text-end">
  73. <button type="submit" class="btn btn-primary">Update Profile</button>
  74. </div>
  75. </form>