65 lines
3.2 KiB
HTML
65 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="hu">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>ConnectHub - Üzenetek</title>
|
|
<link rel="stylesheet" href="../css/main.css" />
|
|
<link rel="stylesheet" href="../css/navbar.css" />
|
|
<link rel="stylesheet" href="../css/messages.css" />
|
|
<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet"/>
|
|
</head>
|
|
<body>
|
|
<div id="navbar-container"></div>
|
|
<div class="messages-container">
|
|
<div class="messages-header">
|
|
<h2>Beszélgetések</h2>
|
|
</div>
|
|
<div class="conversations-list">
|
|
<a href="conversation.html?id=1" class="conversation-item">
|
|
<img src="../profile_example.png" alt="John Doe" class="conversation-profile-img" />
|
|
<div class="conversation-details">
|
|
<div class="conversation-name">John Doe</div>
|
|
<div class="conversation-last-message">Szia! Hogy vagy ma?</div>
|
|
</div>
|
|
<div class="conversation-time">10:30</div>
|
|
</a>
|
|
<a href="conversation.html?id=2" class="conversation-item">
|
|
<img src="../profile_example.png" alt="Jane Smith" class="conversation-profile-img" />
|
|
<div class="conversation-details">
|
|
<div class="conversation-name">Jane Smith</div>
|
|
<div class="conversation-last-message">Köszi a segítséget!</div>
|
|
</div>
|
|
<div class="conversation-time">Tegnap</div>
|
|
</a>
|
|
<a href="conversation.html?id=3" class="conversation-item">
|
|
<img src="../profile_example.png" alt="Mike Johnson" class="conversation-profile-img" />
|
|
<div class="conversation-details">
|
|
<div class="conversation-name">Mike Johnson</div>
|
|
<div class="conversation-last-message">Rendben, találkozzunk holnap!</div>
|
|
</div>
|
|
<div class="conversation-time">2 napja</div>
|
|
</a>
|
|
<a href="conversation.html?id=3" class="conversation-item">
|
|
<img src="../profile_example.png" alt="Mike Johnson" class="conversation-profile-img" />
|
|
<div class="conversation-details">
|
|
<div class="conversation-name">Mike Johnson</div>
|
|
<div class="conversation-last-message">Rendben, találkozzunk holnap!</div>
|
|
</div>
|
|
<div class="conversation-time">2 napja</div>
|
|
</a>
|
|
<a href="conversation.html?id=3" class="conversation-item">
|
|
<img src="../profile_example.png" alt="Mike Johnson" class="conversation-profile-img" />
|
|
<div class="conversation-details">
|
|
<div class="conversation-name">Mike Johnson</div>
|
|
<div class="conversation-last-message">Rendben, találkozzunk holnap!</div>
|
|
</div>
|
|
<div class="conversation-time">2 napja</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="../js/navbar.js"></script>
|
|
</body>
|
|
</html> |