<!DOCTYPE html>
<html lang="ru">
<head>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1" /> -->
<title>Заголовок страницы</title>
<link rel="stylesheet" href="style/style.css">
<link rel="stylesheet" href="style/adapt.css">
<link rel="stylesheet" href="style/menu.css">
<link rel="stylesheet" href="style/swiper.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://itchief.ru/examples/libs/chief-slider/chief-slider-with-prefixes.min.css">
<script defer src="https://itchief.ru/examples/libs/chief-slider/chief-slider.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const slider = new ChiefSlider('.slider', {
loop: false
});
});
</script>
<script src="js/menu.js"></script>
</head>
<body>
<div class="head web">
<div class="width">
<table width="100%">
<tr>
<td>LoGo</td>
<td width="100%"></td>
<td><span class="material-icons"> email </span></td>
</tr>
</table>
</div>
</div>
<div class="up"></div>
<!-- left -->
<div class="panel-l web-panel-left web">
<div style="background: url('style/img/cover.png') no-repeat center;" class="panel-cover">
<div class="panel-ava"><center><a href="#"><img src="style/img/ava.png" alt=""></center></a></div>
</div>
<div class="panel-block"><a href="#"><span class="material-icons">
person
</span> Анкета</a></div>
<div class="panel-block"><a href="#"><span class="material-icons">
notifications
</span> Увидомление<b class="notif2">8</b></a></div>
<div class="panel-block"><a href="#"><span class="material-icons">
textsms
</span> Сообщения <b class="notif2">8</b></a></div>
<div class="panel-block"><a href="#"><span class="material-icons">
settings
</span> Настройки</a></div>
<div class="panel-block"><a href="#"><span class="material-icons">
login
</span> Выход</a></div>
</div>
<!-- center -->
<div class="content">
<div class="head wap w">
<center>®No name</center>
</div>
<!-- ----------------------------------------- -->
<div class="block">
<div class="bl">
<div class="bl_l">
<table width="100%">
<td width="150px"> <a href="#"><div style="background: url('style/img/gr_3.png') no-repeat center;background-size: cover;" class="icon-gr"><img class="ava-gr" src="style/img/gr_2.png" alt=""></div></a></td>
<td width="150px"><div style="background: url('style/img/gr_4.png') no-repeat center;background-size: cover;" class="icon-gr"><img class="ava-gr" src="style/img/gr_4.png" alt=""></div></td>
<td width="150px"><div style="background: url('style/img/gr_1.png') no-repeat center;background-size: cover;" class="icon-gr"><img class="ava-gr" src="style/img/gr_3.png" alt=""></div></td>
<td width="150px"><div style="background: url('style/img/gr_2.png') no-repeat center;background-size: cover;" class="icon-gr"><img class="ava-gr" src="style/img/gr_1.png" alt=""></div></td>
</table>
</div>
</div>
</div>
<div class="search"><table cellpadding="0" cellspacing="0" width="80%">
<td width="100%"><input
placeholder="Поиск:" type="text" name="search" value=""></td>
<td width="10%" class="float-r"><a href=""><span class="material-icons">search</span></a></td>
</table></div>
<div class="block">
<center><div class="nav1">
<a href="#"><img src="style/img/gr_5.png" alt=""></a>
</div></center>
<table width="100%">
<td width="50px"><img class="ava_mini" src="style/img/gr_3.png" alt=""></td>
<td width="100%"><a>No name</a><br>
<a>29 Дек 2021 в 16:52</a></td>
<td><a href="#" class="m-post"><span class="material-icons">
reply
</span></a></td>
<td><a href="#" class="m-post"><span class="material-icons">
chat_bubble_outline
</span></a></td>
<td><a href="#" class="m-post"><span class="material-icons">
favorite_border
</span><br><span class="like_c">10к</span></a></td>
</table>
</div>
<div class="block">
<div class="container">
<div class="slider">
<div class="slider__container">
<div class="slider__wrapper">
<center>
<div class="slider__items">
<div class="slider__item"><a href="#"><img src="style/img/gr_5.png" alt=""></a></div>
<div class="slider__item"><a href="#"><img src="style/img/gr_3.png" alt=""></a></div>
</div> </center><div class="swiper-pagination"></div>
</div>
</div>
<a href="#" class="slider__control" data-slide="prev"></a>
<a href="#" class="slider__control" data-slide="next"></a>
</div>
</div>
<table width="100%">
<td width="50px"><img class="ava_mini" src="style/img/gr_3.png" alt=""></td>
<td width="100%"><a>No name</a><br>
<a>29 Дек 2021 в 16:52</a></td>
<td><a href="#" class="m-post"><span class="material-icons">
reply
</span></a></td>
<td><a href="#" class="m-post"><span class="material-icons">
chat_bubble_outline
</span></a></td>
<td><a href="#" class="m-post"><span class="material-icons">
favorite_border
</span><br><span class="like_c">10к</span></a></td>
</table>
</div>
<center>
<div class="more">
<a href="#">Дальше</a>
</div>
</center>
<!-- ----------------------------------------- -->
</div>
<div class="foot wap">
<table width="100%">
<td width="25%"><a href="#"><span class="material-icons" style="font-size: 30px">
settings
</span></a></td>
<td width="50%"><a href="#0" class="cd-btn"><span class="material-icons" style="font-size: 50px">
widgets
</span><b class="notif">8</b></a></td>
<td width="25%"><a href="#"><span class="material-icons" style="font-size: 30px">
textsms
</span><b class="notif">8</b></a></td>
</table>
</div>
<!-- ----------------------------------------- -->
<div class="cd-panel from-right wap">
<div class="cd-panel-container wap">
<div class="cd-panel-content wap">
<div style="background: url('style/img/gr_3.png') no-repeat center;" class="cover_menu">
<div class="ava_menu"><a href="#"><img src="style/img/ava.png" alt=""></a></div>
</div>
<div class="info_menu"><span class="material-icons">
person
</span> DIroN (Юра 19лет)
</div>
<div class="info2_menu">
<table width="80%">
<td width="30%">Постов<br>10</td>
<td width="30%">Подпищиков<br>100</td>
<td width="30%">подписок<br>50</td>
</table>
</div>
<div class="panel_menu">
<table width="100%">
<td width="20%"><a href="#"><span class="material-icons">
home
</span></a></td>
<td width="20%"><a href="#"><span class="material-icons">
search
</span></a></td>
<td width="20%"><a href="#"><span class="material-icons">
add_circle_outline
</span></a></td>
<td width="20%"><a href="#"><span class="material-icons">
notifications
</span><b class="notif">8</b></a></td>
<td width="20%"><a href="#"><span class="material-icons">
account_circle
</span></a></td>
</table>
</div>
</div></div></div></div>
<script src="js/st.js"></script>
<script src="js/jquery-2.1.1.js"></script>
<script src="js/main.js"></script>
</body>
</html>