profile-edit.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <div class="card">
  2. <div class="card-header">
  3. <h3 class="card-title">My Profile</h3>
  4. </div>
  5. <div class="card-body">
  6. <form>
  7. <div class="row mb-3">
  8. <div class="col-auto">
  9. <span class="avatar avatar-lg" style="background-image: url({{ site.data.people[11].photo }})"></span>
  10. </div>
  11. <div class="col">
  12. <div class="mb-2">
  13. <label class="form-label">Email-Address</label>
  14. <input class="form-control" placeholder="your-email@domain.com"/>
  15. </div>
  16. </div>
  17. </div>
  18. <div class="mb-2">
  19. <label class="form-label">Bio</label>
  20. <textarea class="form-control" rows="5">Big belly rude boy, million dollar hustler. Unemployed.</textarea>
  21. </div>
  22. <div class="mb-2">
  23. <label class="form-label">Email-Address</label>
  24. <input class="form-control" placeholder="your-email@domain.com"/>
  25. </div>
  26. <div class="mb-2">
  27. <label class="form-label">Password</label>
  28. <input type="password" class="form-control" value="password"/>
  29. </div>
  30. <div class="form-footer">
  31. <button class="btn btn-primary w-100">Save</button>
  32. </div>
  33. </form>
  34. </div>
  35. </div>