-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
unknown
authored and
unknown
committed
Oct 11, 2021
1 parent
3ae7a8b
commit 4d8bb86
Showing
1 changed file
with
126 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,126 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <title>AdminLTE 3 | General Form Elements</title> | ||
|
|
||
| <link rel="stylesheet" type="text/css" href="style.css"> | ||
| <!-- Google Font: Source Sans Pro --> | ||
| <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback"> | ||
| <!-- Font Awesome --> | ||
| <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css"> | ||
| <!-- Theme style --> | ||
| <link rel="stylesheet" href="dist/css/adminlte.min.css"> | ||
| </head> | ||
| <body> | ||
| <div class="row"> | ||
| <div class="col-12"> | ||
| <!-- general form elements --> | ||
| <div class="card card-primary"> | ||
| <div class="card-header"> | ||
| <h3 class="card-title">Quick Example</h3> | ||
|
|
||
| </div> | ||
| <!-- /.card-header --> | ||
| <!-- form start --> | ||
| <form> | ||
| <div class="card-body"> | ||
| <div class="row"> | ||
| <div class="col-sm-4"> | ||
| <label>First Name:</label> | ||
| <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter First Name"> | ||
| </div> | ||
| <div class="col-sm-4"> | ||
| <label>Middle Name:</label> | ||
| <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter Middle Name"> | ||
| </div> | ||
| <div class="col-sm-4"> | ||
| <label>Last Name:</label> | ||
| <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter Last Name"> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-sm-6"> | ||
| <label>Birthday :</label> | ||
| <input type="date" class="form-control" id="exampleInputEmail1" placeholder="Enter Birthday"> | ||
| </div> | ||
| <div class="col-sm-6"> | ||
| <label>Password :</label> | ||
| <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter Password"> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-sm-4"> | ||
| <label>House No./ Street No./ Purok No. :</label> | ||
| <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter House No./ Street No./ Purok No."> | ||
| </div> | ||
| <div class="col-sm-4"> | ||
| <label>Barangay :</label> | ||
| <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter BRGY."> | ||
| </div> | ||
| <div class="col-sm-4"> | ||
| <label>Municipality/City :</label> | ||
| <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter Municipality/City"> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-sm-6"> | ||
| <label>Province :</label> | ||
| <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter Province"> | ||
| </div> | ||
| <div class="col-sm-6"> | ||
| <label>Region :</label> | ||
| <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter Region"> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-sm-6"> | ||
| <label>Rank :</label> | ||
| <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter Rank"> | ||
| </div> | ||
| <div class="col-sm-6"> | ||
| <label>Position :</label> | ||
| <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter Position"> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-sm-12"> | ||
| <label>Department :</label> | ||
| <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Enter Department"> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="card-footer text-center"> | ||
| <button type="submit" class="btn btn-primary">Submit</button> | ||
| </div> | ||
|
|
||
| </form> | ||
| </div> | ||
| <!-- /.card --> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| <script src="plugins/jquery/jquery.min.js"></script> | ||
| <!-- Bootstrap 4 --> | ||
| <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> | ||
| <!-- bs-custom-file-input --> | ||
| <script src="plugins/bs-custom-file-input/bs-custom-file-input.min.js"></script> | ||
| <!-- AdminLTE App --> | ||
| <script src="dist/js/adminlte.min.js"></script> | ||
| <!-- AdminLTE for demo purposes --> | ||
| <script src="dist/js/demo.js"></script> | ||
| <!-- Page specific script --> | ||
| <script> | ||
| $(function () { | ||
| bsCustomFileInput.init(); | ||
| }); | ||
| </script> | ||
| </body> | ||
| </html> |