PATH:
home
/
u865795251
/
domains
/
whatisnewis.com
/
public_html
/
unibiotech
/
portal
/
Editing: settings.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Settings - BulkPortal</title> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" /> <link rel="stylesheet" href="style.css"> </head> <body> <div class="dashboard-layout"> <!-- Sidebar Navigation --> <aside class="sidebar"> <div class="sidebar-brand" style="display: flex; justify-content: space-between; align-items: center; width: 100%;"> <div style="display: flex; align-items: center; gap: 12px;"> <span class="material-symbols-outlined">inventory_2</span> <span>BulkPortal</span> </div> <button class="close-menu-btn" onclick="document.querySelector('.sidebar').classList.remove('open')"> <span class="material-symbols-outlined">close</span> </button> </div> <nav class="sidebar-nav"> <a href="panel.html" class="nav-item"> <span class="material-symbols-outlined">dashboard</span> Dashboard </a> <a href="new-request.html" class="nav-item"> <span class="material-symbols-outlined">add_shopping_cart</span> New Request </a> <a href="history.html" class="nav-item"> <span class="material-symbols-outlined">history</span> Order History </a> <a href="settings.html" class="nav-item active"> <span class="material-symbols-outlined">settings</span> Settings </a> </nav> <div class="sidebar-footer"> <a href="index.html" class="nav-item" style="color: var(--text-secondary);"> <span class="material-symbols-outlined">logout</span> Sign Out </a> </div> </aside> <!-- Main Content Area --> <main class="main-content"> <!-- Top Header --> <header class="top-header"> <div style="display: flex; align-items: center;"> <button class="mobile-menu-btn" onclick="document.querySelector('.sidebar').classList.toggle('open')"> <span class="material-symbols-outlined">menu</span> </button> </div> <div class="header-actions"> <div class="user-profile"> <div class="user-info" style="text-align: right;"> <span class="name">John Doe</span> <span class="role">Wholesale Partner</span> </div> <div class="avatar">JD</div> </div> </div> </header> <!-- Page Content --> <div class="content-area"> <h2 class="page-title">Account Settings</h2> <div class="panel-grid"> <div class="request-card"> <h3>Profile Information</h3> <form action="#" method="GET"> <div class="form-group"> <label for="name">Full Name</label> <div class="input-wrapper no-icon"> <input type="text" id="name" value="John Doe"> </div> </div> <div class="form-group"> <label for="email">Email Address</label> <div class="input-wrapper no-icon"> <input type="email" id="email" value="john@example.com"> </div> </div> <div class="form-group"> <label for="phone">Phone Number</label> <div class="input-wrapper no-icon"> <input type="tel" id="phone" value="+1 (555) 123-4567"> </div> </div> <button type="button" class="btn-primary" style="margin-top: 16px;" onclick="alert('Profile Updated!')">Save Changes</button> </form> </div> <div class="request-card"> <h3>Security Preferences</h3> <form action="#" method="GET"> <div class="form-group"> <label for="current-pwd">Current Password</label> <div class="input-wrapper no-icon"> <input type="password" id="current-pwd" placeholder="••••••••"> </div> </div> <div class="form-group"> <label for="new-pwd">New Password</label> <div class="input-wrapper no-icon"> <input type="password" id="new-pwd" placeholder="••••••••"> </div> </div> <button type="button" class="btn-primary" style="margin-top: 16px; background-color: var(--text-primary);" onclick="alert('Password Changed!')">Update Password</button> </form> </div> </div> </div> </main> </div> </body> </html>
SAVE
CANCEL