-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmessages.html
235 lines (235 loc) · 13.6 KB
/
messages.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Конкурсная работа на дизайн Вконтакте</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Add custom CSS here -->
<link href="css/vk.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-inverse" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Навигация</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="feed.html"><img src="images/logo.png"></a>
</div>
<!-- <form class="navbar-form navbar-left">
<input type="text" class="form-control col-lg-8" placeholder="Найти" value="Найти">
</form> -->
<ul class="nav navbar-nav">
<li><a href="#"><span class="badge back-icon"> </span> Новости</a></li>
</ul>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Люди</a>
</li>
<li><a href="#">Сообщества</a>
</li>
<li><a href="#">Игры</a>
</li>
<li><a href="#">Музыка <span class="badge music-icon"> </span></a>
</li>
<li><a href="#">Помощь</a>
</li>
<li><a href="#">Выйти</a>
</li>
<!-- <li><a href="#">Выйти</a>
</li> -->
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div class="container">
<div class="row">
<div class="col-md-2 navigation">
<div class="list-group">
<a href="profile.html" class="list-group-item">Моя Страница</a>
<a href="#" class="list-group-item">Мои Друзья</a>
<a href="#" class="list-group-item">Мои Фотографии</a>
<a href="#" class="list-group-item">Мои Видеозаписи</a>
<a href="#" class="list-group-item">Мои Аудиозаписи</a>
<a href="messages.html" class="list-group-item">Мои Сообщения <span class="badge">+3</span></a>
<a href="#" class="list-group-item">Мои Группы</a>
<a href="#" class="list-group-item">Мои Ответы</a>
<a href="#" class="list-group-item">Мои Закладки</a>
<a href="#" class="list-group-item">Мои Настройки</a>
</div>
<div class="divider-normal"></div>
<div class="list-group" style="margin-bottom: 10px;">
<a href="#" class="list-group-item">Приложения</a>
<a href="#" class="list-group-item">Документы</a>
</div>
<div class="event">
<div class="calendar"></div>
<div class="head">Напоминание</div>
<div class="text"><a href="#">Сегодня</a> состоится встреча <a href="#">Английский для лентяев</a></div>
</div>
<div class="divider-small"></div>
<a href="index.html" class="banner">
<strong>Редизайн Вконтакте</strong>
Страница на vk.com
<img src="images/banner-2.jpg">
<div class="info">Конкурс для дизайнеров с ценными призами</div>
</a>
<div class="divider-small"></div>
<div class="banner">
Все объявления
</div>
</div>
<div class="col-md-10 main messages">
<div class="row">
<div class="tabs">
<ul class="nav nav-tabs">
<li class="active"><a href="#home" data-toggle="tab">Просмотр диалогов</a></li>
<li><a href="#profile" title="Переход к списку всех диалогов" data-toggle="tab">Список диалогов (156)</a></li>
<li class="pull-right new-post"><a href="#" data-toggle="tab">К списку друзей</a></li>
</ul>
</div>
<div class="mail-bar">
<div class="form-group">
<input type="text" class="form-control" id="inputDefault" placeholder="Поиск сообщений или собеседников">
</div>
<button type="button" class="btn btn-default">Написать сообщение</button>
</div>
<div class="tab-actions" style="margin-bottom:0;">
<a href="#"><strong>160 диалогов</strong></a>
<a href="#">|</a>
<a href="#">Показать непрочитанные диалоги</a>
<!-- <a href="#" class="pull-right">Список источников</a> -->
<!--
<a href="#" class="user-tab user">Андрей Рогозов <span></span></a>
<a href="#" class="user-tab user active">Иван Дурак <span></span></a>
<a href="#" class="user-tab user">Анна Иванова <span></span></a> -->
</div>
<div class="col-md-12">
<div class="row im">
<div class="item active">
<div class="avatar"><img src="images/avatar-logvinov.jpg"></div>
<div class="head online">
<div class="username"><a href="#">Антон Логвинов</a>
</div>
<div class="status">•</div>
<div class="date"><span class="online">Онлайн</span>прямо сейчас</div>
</div>
<div class="pre-text">
<div class="text">Привет!</div>
<span class="plus">+1</span>
</div>
</div>
<div class="item active big">
<div class="avatar"><img src="images/avatar-durak.jpg"></div>
<div class="head online">
<div class="username"><a href="#">Серый Волк</a>
</div>
<div class="status">•</div>
<div class="date"><span class="online">Онлайн</span>2 минуты назад</div>
</div>
<div class="pre-text">
<div class="text">А царю и не сказал, что траву уберег. Нашел у реки дуплистую вербу, спрятал свои уздечки, забил дупло дерном.</div>
<span class="plus">+2</span>
</div>
</div>
<div class="item">
<div class="avatar"><img src="images/avatar-10.jpg"></div>
<div class="head">
<div class="username"><a href="#">Андрей Рогозов</a>
</div>
<div class="status">•</div>
<div class="date">11 июня</div>
</div>
<div class="pre-text">
<div class="text">Стартует конкурс для дизайнеров на создание обновлённого интерфейса...</div>
</div>
</div>
<div class="item big">
<div class="avatar"><img src="images/avatar-morpheus.jpg"></div>
<div class="head">
<div class="username"><a href="#">Морфеус Петрович</a>
</div>
<div class="status mob_onl"></div>
<div class="date">17 июля</div>
</div>
<div class="pre-text">
<div class="text">Матрица повсюду. Она окружает нас. Даже сейчас она с нами рядом. Ты видишь ее, когда смотришь в окно или включаешь телевизор. Ты ощущаешь ее ...</div>
</div>
</div>
<div class="item big">
<div class="avatar"><img src="images/avatar-poklonskaya.jpg"></div>
<div class="head">
<div class="username"><a href="#">Наталья Поклонская</a>
</div>
<!-- <div class="status">•</div> -->
<div class="date">9 мая</div>
</div>
<div class="pre-text">
<div class="text">Все вопросы, которые будут у нас возникать, мы будем уверенно разрешать, в том числе и при помощи Галины Николаевны.</div>
</div>
</div>
<div class="item">
<div class="avatar"><img src="images/avatar-sheldon.jpeg"></div>
<div class="head">
<div class="username"><a href="#">Шелдон Купер</a>
</div>
<div class="status">•</div>
<div class="date">5 мая</div>
</div>
<div class="pre-text my">
<div class="avatar"><img src="images/avatar-penny.jpg"></div>
<div class="text">А ну вали обратно в клетку, тупая обезьяна!</div>
</div>
</div>
<div class="item">
<div class="avatar"><img src="images/avatar-hodor.jpg"></div>
<div class="head online">
<div class="username"><a href="#">Hodor Hodor</a>
</div>
<div class="status">•</div>
<div class="date"><span class="online">Онлайн</span>1 мая</div>
</div>
<div class="pre-text">
<div class="text">To hodor, or not to hodor. Hodor is the question.</div>
</div>
</div>
<div class="item">
<div class="avatar"><img src="images/avatar-durov.jpg"></div>
<div class="head">
<div class="username"><a href="#">Павел Дуров</a>
</div>
<!-- <div class="status">•</div> -->
<div class="date">25 апреля</div>
</div>
<div class="pre-text my">
<div class="avatar"><img src="images/avatar-penny.jpg"></div>
<div class="text">Найти меня Вконтакте и добавь в друзья.</div>
</div>
</div>
<div class="filter bottom im">
<a href="#">Включить звуковые уведомления</a>
<a href="#">|</a>
<a href="#">Выключить оповещения в браузере</a>
<a href="#" class="pull-right">Спам</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.container -->
<div class="player"></div>
<style type="text/css">body {margin-bottom: 0;}</style>
</body>
</html>