general.html 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. @@include('./_head.html', {
  5. "path": "../..",
  6. "title": "AdminLTE 4 | General Form Elements"
  7. })
  8. </head>
  9. <body class="layout-fixed bg-body-tertiary">
  10. <div class="wrapper">
  11. @@include('./dashboard/_topbar.html', {
  12. "path": "../.."
  13. })
  14. @@include('./dashboard/_sidenav.html', {
  15. "mainPage": "forms",
  16. "page": "general",
  17. "path": "../.."
  18. })
  19. <!-- Main content -->
  20. <main class="content-wrapper">
  21. <div class="content-header">
  22. <div class="container-fluid">
  23. <div class="row">
  24. <div class="col-sm-6">
  25. <h3 class="mb-0">General Form</h3>
  26. </div>
  27. <div class="col-sm-6">
  28. <ol class="breadcrumb float-sm-end">
  29. <li class="breadcrumb-item"><a href="#">Home</a></li>
  30. <li class="breadcrumb-item active" aria-current="page">General Form</li>
  31. </ol>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. <!-- Main content -->
  37. <div class="content">
  38. <div class="container-fluid">
  39. <div class="row g-4">
  40. <!-- Start column -->
  41. <div class="col-md-6">
  42. <!-- general form elements -->
  43. <div class="card card-primary card-outline">
  44. <div class="card-header">
  45. <div class="card-title">
  46. Quick Example
  47. </div>
  48. </div>
  49. <form>
  50. <div class="card-body">
  51. <div class="mb-3">
  52. <label for="exampleInputEmail1" class="form-label">Email address</label>
  53. <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
  54. <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
  55. </div>
  56. <div class="mb-3">
  57. <label for="exampleInputPassword1" class="form-label">Password</label>
  58. <input type="password" class="form-control" id="exampleInputPassword1">
  59. </div>
  60. <div class="input-group mb-3">
  61. <input type="file" class="form-control" id="inputGroupFile02">
  62. <label class="input-group-text" for="inputGroupFile02">Upload</label>
  63. </div>
  64. <div class="mb-3 form-check">
  65. <input type="checkbox" class="form-check-input" id="exampleCheck1">
  66. <label class="form-check-label" for="exampleCheck1">Check me out</label>
  67. </div>
  68. </div>
  69. <div class="card-footer">
  70. <button type="submit" class="btn btn-primary">Submit</button>
  71. </div>
  72. </form>
  73. </div>
  74. <!-- /.card -->
  75. </div>
  76. </div>
  77. <!-- /.row -->
  78. </div><!-- /.container-fluid -->
  79. </div>
  80. <!-- /.content -->
  81. </main>
  82. <!-- /.content-wrapper -->
  83. @@include('./dashboard/_footer.html', {
  84. "path": "../.."
  85. })
  86. </div>
  87. <!-- ./wrapper -->
  88. @@include('./_scripts.html', {
  89. "path": "../.."
  90. })
  91. </body>
  92. </html>