136 lines
6.1 KiB
HTML
136 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Сообщения</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
||
<link rel="stylesheet" href="css/message-style.css" />
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
|
||
</head>
|
||
|
||
<body>
|
||
<header>
|
||
<div class="container-fluid d-flex justify-content-evenly">
|
||
<div class="left-part d-flex">
|
||
<img src="source/logo.svg" alt="Logo" width="50">
|
||
</div>
|
||
|
||
<div class="right-part d-none d-sm-flex me-4 my-1">
|
||
<img src="source/photo.jpg" alt="" class="account-image">
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<section>
|
||
<div class="page d-flex justify-content-center mt-3">
|
||
<div class="leftbar d-none h-100 m-1 d-sm-flex flex-column">
|
||
<div class="leftbar-content d-flex flex-column mt-2 mx-2 mb-1">
|
||
<a class="mb-1 p-1" href="profile.html">Профиль</a>
|
||
<a class="mb-1 p-1" href="lenta.html">Лента</a>
|
||
<a class="mb-1 p-1" href="messages.html">Сообщения</a>
|
||
</div>
|
||
|
||
<div class="leftbar-settings d-flex flex-column mt-2 mx-2 mb-0 pt-1">
|
||
<a class="p-1" href="index.html">Настройки</a>
|
||
</div>
|
||
|
||
<div class="footer position-relative m-2 pt-1">
|
||
<span class="position-relative">Ещё ▼</span>
|
||
<div class="footer-menu">
|
||
<a class="mb-1 p-1" href="#">Разработчикам</a>
|
||
<a class="mb-1 p-1" href="#">О нас</a>
|
||
<a class="mb-1 p-1" href="#">Правовая информация</a>
|
||
<a class="mb-1 p-1" href="#">Помощь</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content h-100 w-25 m-1 p-2">
|
||
<div class="chat d-flex align-items-center mb-2 pb-2">
|
||
<div class="avatar">
|
||
<img src="source/photo.jpg" alt="" class="avatar">
|
||
</div>
|
||
|
||
<div class="chat-content ms-2">
|
||
<h3 class="username m-0">username</h3>
|
||
<p class="message m-0">Сделал вторую лабу</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="chat d-flex align-items-center mb-2 pb-2">
|
||
<div class="avatar">
|
||
<img src="source/photo.jpg" alt="" class="avatar">
|
||
</div>
|
||
|
||
<div class="chat-content ms-2">
|
||
<h3 class="username m-0">username</h3>
|
||
<p class="message m-0">Сделал вторую лабу</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="chat d-flex align-items-center mb-2 pb-2">
|
||
<div class="avatar">
|
||
<img src="source/photo.jpg" alt="" class="avatar">
|
||
</div>
|
||
|
||
<div class="chat-content ms-2">
|
||
<h3 class="username m-0">username</h3>
|
||
<p class="message m-0">Сделал вторую лабу</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="chat d-flex align-items-center mb-2 pb-2">
|
||
<div class="avatar">
|
||
<img src="source/photo.jpg" alt="" class="avatar">
|
||
</div>
|
||
|
||
<div class="chat-content ms-2">
|
||
<h3 class="username m-0">username</h3>
|
||
<p class="message m-0">Сделал вторую лабу</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="chat d-flex align-items-center mb-2 pb-2">
|
||
<div class="avatar">
|
||
<img src="source/photo.jpg" alt="" class="avatar">
|
||
</div>
|
||
|
||
<div class="chat-content ms-2">
|
||
<h3 class="username m-0">username</h3>
|
||
<p class="message m-0">Сделал вторую лабу</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="chat d-flex align-items-center mb-2 pb-2">
|
||
<div class="avatar">
|
||
<img src="source/photo.jpg" alt="" class="avatar">
|
||
</div>
|
||
|
||
<div class="chat-content ms-2">
|
||
<h3 class="username m-0">username</h3>
|
||
<p class="message m-0">Сделал вторую лабу</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="rightbar d-none d-sm-flex m-1">
|
||
<div class="rightbar-content d-flex flex-column m-2">
|
||
<a class="mb-1 p-1" href="#">Все</a>
|
||
<a class="mb-1 p-1" href="#">Непрочитанные</a>
|
||
<a class="mb-1 p-1" href="#">Архив</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bottombar d-flex d-sm-none position-fixed w-100 justify-content-evenly py-2 px-0">
|
||
<a href="lenta.html"><img src="source/home-icon.svg" alt=""></a>
|
||
<a href="messages.html"><img src="source/message-icon.svg" alt=""></a>
|
||
<a href="profile.html"><img src="source/profile-icon.svg" alt=""></a>
|
||
<a href="index.html"><img src="source/exit-icon.svg" alt=""></a>
|
||
</div>
|
||
</section>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
||
</body>
|
||
</html> |