112 lines
5.3 KiB
Plaintext
112 lines
5.3 KiB
Plaintext
<%- include('top') %>
|
|
|
|
<link href="css/profile.css" rel="stylesheet" />
|
|
|
|
<div class="full-title">
|
|
<div class="container">
|
|
<h1 class="mt-4 mb-3">Profile
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
<br>
|
|
<div class="container light-style flex-grow-1 container-p-y">
|
|
|
|
|
|
|
|
<div class="card overflow-hidden">
|
|
<div class="row no-gutters row-bordered row-border-light">
|
|
<div class="col-md-3 pt-0">
|
|
<div class="list-group list-group-flush account-settings-links">
|
|
<a class="list-group-item list-group-item-action active" data-toggle="list"
|
|
href="#account-general">General</a>
|
|
<a class="list-group-item list-group-item-action" data-toggle="list"
|
|
href="#account-change-password">Change password</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div class="tab-content">
|
|
<div class="tab-pane fade active show" id="account-general">
|
|
|
|
<div class="card-body media align-items-center">
|
|
<img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt=""
|
|
class="d-block ui-w-80">
|
|
<br>
|
|
<div class="media-body ml-4">
|
|
<label class="btn btn-outline-primary">
|
|
Upload new photo
|
|
<input type="file" class="account-settings-fileinput">
|
|
</label>
|
|
<div class="text-light small mt-1">Allowed JPG, GIF or PNG. Max size of 800K</div>
|
|
</div>
|
|
</div>
|
|
<hr class="border-light m-0">
|
|
|
|
<div class="card-body">
|
|
<div class="form-group">
|
|
<label class="form-label">Username</label>
|
|
<input type="text" class="form-control mb-1" value="">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">First Name</label>
|
|
<input type="text" class="form-control" value="">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Last Name</label>
|
|
<input type="text" class="form-control" value="">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">E-mail</label>
|
|
<input type="text" class="form-control mb-1" value="">
|
|
<div class="alert alert-warning mt-3">
|
|
Your email is not confirmed. Please check your inbox.<br>
|
|
<a href="javascript:void(0)">Resend confirmation</a>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Phone Number</label>
|
|
<input type="text" class="form-control" value="">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Address</label>
|
|
<input type="text" class="form-control" value="">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="tab-pane fade" id="account-change-password">
|
|
<div class="card-body pb-2">
|
|
|
|
<div class="form-group">
|
|
<label class="form-label">Current password</label>
|
|
<input type="password" class="form-control">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="form-label">New password</label>
|
|
<input type="password" class="form-control">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="form-label">Repeat new password</label>
|
|
<input type="password" class="form-control">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-right mt-3">
|
|
<button type="button" class="btn btn-primary">Save changes</button>
|
|
<button type="button" class="btn btn-default">Cancel</button>
|
|
<button type="button" class="btn btn-delete">Delete Account</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<br>
|
|
<%- include('bot') %> |