django-chat-application / z /profile.html
devnamdev2003
up3
727a40a
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>User Profile - Chat App</title>
<link rel="stylesheet" href="./css/color.css">
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/profile.css">
<script src="./js/base.js" defer></script>
<script src="./js/profile.js" defer></script>
</head>
<body>
<div class="main_box">
<div class="profile_box">
<div class="header">
<button onclick="goBack()">
<img src="./img/icon/icons8-left-arrow-60.png" alt="Back">
</button>
<h1>Profile</h1>
<div class="menu">
<button onclick="toggleMenu()">
<img src="./img/icon/icons8-menu-vertical-50.png" alt="Menu">
</button>
<div class="dropdown-content" id="dropdown">
<a href="/edit-profile">Edit Profile</a>
<a href="/settings">Settings</a>
<a href="/logout">Logout</a>
<a href="#" class="dark-mode-toggle">Light Mode</a>
</div>
</div>
</div>
<!-- Profile Section -->
<div class="profile-container">
<img class="profile-image" src="./img/avatar/icons8-user-male-120.png" alt="Profile Image">
<div class="username">john_doe123</div>
<div class="user-status">
<span class="status-online">Online</span>
</div>
<div class="bio">
"Hey there! I'm John, a chat enthusiast. Always online and ready to chat!"
</div>
<!-- Profile Stats Section -->
<div class="profile-stats">
<div>
<strong>120</strong><br> Friends
</div>
<!-- <div>
<strong>50</strong><br> Messages
</div> -->
<div>
<strong>25</strong><br> Groups
</div>
</div>
<div class="user-details">
<p><span>Name:</span> John Doe</p>
<p><span>Email:</span> john.doe@example.com</p>
<p><span>Phone:</span> +123 456 7890</p>
<p><span>Location:</span> San Francisco, USA</p>
</div>
</div>
</div>
</div>
</body>
</html>