38 lines
1.6 KiB
HTML
38 lines
1.6 KiB
HTML
|
<h3 class="card-title"><i class="material-icons ">portrait</i> Face </h3>
|
||
|
|
<!-- <div class="category form-category text-mute">Capture Live Photo</div> -->
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-12 col-md-6 col-lg-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="required bmd-label-floating" th:text="#{'Capture Live Photo'}" ></label>
|
||
|
|
<img class="card-img-top" th:src="@{/images/example/faceCapture.png}" style="width: 100%; height: 250px;" />
|
||
|
|
<div class="col d-flex justify-content-center">
|
||
|
|
<button type="button" rel="tooltip" title="Reset" class="btn btn-danger btn-sm">
|
||
|
|
<i class="material-icons">autorenew</i> Reset
|
||
|
|
</button>
|
||
|
|
<button type="button" rel="tooltip" title="Capture" class="btn btn-success btn-sm">
|
||
|
|
<i class="material-icons">camera</i> Capture
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-12 col-md-6 col-lg-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="required bmd-label-floating" th:text="#{'Verify Live Photo'}" ></label>
|
||
|
|
<img class="card-img-top" th:src="@{/images/example/passportPhoto.jpg}" style="width: 100%; height: 250px;"/>
|
||
|
|
<div class="col d-flex justify-content-center">
|
||
|
|
<button type="button" rel="tooltip" class="btn btn-success btn-sm">
|
||
|
|
<i class="material-icons">check</i> VERIFIED
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-12 col-md-12 col-lg-12">
|
||
|
|
<div class="form">
|
||
|
|
<label th:text="#{Remarks}"></label>
|
||
|
|
<textarea id="remarks" class="form-control" placeholder=""
|
||
|
|
aria-invalid="false" rows="2"></textarea>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|