65 lines
2.6 KiB
Plaintext
65 lines
2.6 KiB
Plaintext
<div class="profile-container">
|
|
<div class="profile-header">
|
|
<h1 class="profile-title">Client Profile</h1>
|
|
</div>
|
|
|
|
<div class="profile-sections">
|
|
<!-- Personal Information -->
|
|
<div class="profile-section">
|
|
<div class="section-header">
|
|
<i class="fas fa-user section-icon"></i>
|
|
<h2 class="section-title">Personal Information</h2>
|
|
</div>
|
|
<div class="form-grid">
|
|
<div class="form-group">
|
|
<label class="form-label">Full Name</label>
|
|
<input type="text" class="form-input" id="name" readonly>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Email</label>
|
|
<input type="email" class="form-input" id="email" readonly>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Position</label>
|
|
<input type="text" class="form-input" id="position" readonly>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Address Information -->
|
|
<div class="profile-section">
|
|
<div class="section-header">
|
|
<i class="fas fa-home section-icon"></i>
|
|
<h2 class="section-title">Address Information</h2>
|
|
</div>
|
|
<div class="form-grid">
|
|
<div class="form-group">
|
|
<label class="form-label">Address</label>
|
|
<input type="text" class="form-input" id="address" readonly>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">City</label>
|
|
<input type="text" class="form-input" id="city" readonly>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">State</label>
|
|
<input type="text" class="form-input" id="state" readonly>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">ZIP Code</label>
|
|
<input type="text" class="form-input" id="zip" readonly>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Password Change Section -->
|
|
<div class="profile-section">
|
|
<div class="password-section">
|
|
<button class="change-password-btn" id="changePasswordBtn">
|
|
<i class="fas fa-lock"></i>
|
|
Change Password
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |