-
Notifications
You must be signed in to change notification settings - Fork 0
/
case-sample.html
335 lines (305 loc) · 16 KB
/
case-sample.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
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=cyrillic" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header class="header section section-window" style="background-image: url('img/bg-case-1.jpg')">
<div class="container">
<nav class="row align-items-center">
<div class="col-12 col-md-4 col-lg-3 d-flex align-items-center justify-content-between">
<a href="/" class=" header__logo">
<img src="img/logo.png" alt="">
</a>
<div class="header__buter">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="col-12 col-md-8 col-lg-9">
<ul class="header__nav nav nav-header">
<li class="active"><a href="/mainpage.html">Главная</a></li>
<li><a href="/services.html">Услуги</a></li>
<li><a href="/cases.html">Кейсы</a></li>
<li><a href="/services-2.html">О компании</a></li>
<li><a href="#">СМИ о нас</a></li>
<li><a href="#">8 (812) 454-44-30</a></li>
<li class="nav-header__btn">
<a class="btn btn-warning" href="#modal-feedback">Связаться<br> с нами</a>
</li>
</ul>
</div>
</nav>
</div>
<section class="hero">
<div class="container">
<div class="row">
<div class="col-12 col-md-7 col-lg-6">
<div class="hero__content">
<div>
<ol class="breadcrumb">
<li>
<a href="#">Главная</a>
</li>
<li><a href="#">Кейсы</a></li>
<li class="active">
О мусорных мешках
и убытках на 3 миллиона
рублей
</li>
</ol>
<h2 class="hero__content__title">
О мусорных мешках<br>
и убытках на 3 миллиона<br>
рублей
</h2>
</div>
<p>
<a href="#" class="d-flex align-items-center color-white">
<img src="img/icon-nand-phone-white.png" alt="">
<span class="big"> Связаться с PR-отделом</span>
</a>
</p>
</div>
</div>
<div class="col-12 col-md-5 col-lg-6 d-flex justify-content-end">
<div class="hero__content">
<ul class="js-nav-scroll">
<li><span class="big text-bold">История о мусорных мешках</span></li>
<li><a href="#">Как легко начать и закончить бизнес<br> в интернете</a></li>
<li><a href="#">Как превратить двух подруг в злейших<br> врагов</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
</header>
<section class="content">
<div class="container">
<div class="row align-items-center mb-x6">
<div class="col-12 col-md-6 order-md-2">
<p class="img-man"><img src="img/alexei-alexeev.png" alt=""></p>
</div>
<div class="col-12 col-md-6 order-md-1">
<p>
В крупную розничную сеть пришел устраиваться на работу милый молодой человек, которого звали Алексей Алексеев. HR-специалисты провели собеседования, заключили договор, подписали бумаги о материальной ответственности, провели инструктаж. Работники службы безопасности аккуратно отсканировали необходимые документы, паспорт, ИНН, пенсионное свидетельство и трудовую книжку с двумя записями о прошлой работе.
</p>
</div>
</div>
<div class="row align-items-center mb-x6">
<div class="col-12 col-md-6">
<p><img src="img/history-1.png" alt=""></p>
</div>
<div class="col-12 col-md-6">
<p>
Алексей приступил к своим обязанностям, и небезуспешно: кассу, а также ведение отчетности сразу освоил на пять с плюсом. Продажи росли. Он буквально напрашивался на повышение и премию.
</p>
</div>
</div>
<div class="history-case__alert">
Но однажды его рабочее место опустело. Он исчез. <br>
Вместе с ним пропала выручка прошлого дня и опустели <br>
полки торгового зала.
</div>
</div>
</section>
<section class="header content" style="background-image: url('img/history-2.jpg')">
<div class="container">
<div class="row">
<div class="col-12 col-md-6 col-lg-5">
<p>
Служба безопасности предприятия встала на уши. Выяснилось, что накануне напарник Алексея заболел, и тому пришлось отдуваться на смене в одиночку. Тщательно просмотрели записи камер наблюдения. Установили, что Алексеев вовремя закрыл торговый зал, свел кассу и отправил отчет. После чего выгреб все деньги, сложил их вместе с самыми дорогими моделями телефонов в большие мешки для мусора и спокойно пронес мимо охраны. Да-да, там была охрана, которая по идее, должна была поинтересоваться, что же это такое он несет. Но этого не произошло.
</p>
<p>
По статистике, у 95% партнеров нашей компании через год комплексного абонентского обслуживания заметен рост доходов, покрывающий затраты на безопасность
</p>
</div>
<div class="col-12 col-md-6 col-lg-5 offset-lg-2">
<p>
Дальше, благодаря записям, выяснилось, что через час Алексей снова вернулся на рабочее место. На посту охраны объяснил, что кое-что забыл. «Кое-чем» оказался железнодорожный билет, который он приобрел на паспорт, арнее отсканированный службой безопасности. По этому билету Алексей уехал в дружескую азиатскую республику, а вместе с ним покинул город и украденные деньги, и товары, и надежды вернуть хоть что-нибудь, поскольку человек с таким паспортом больше нигде никогда не появлялся.
</p>
</div>
</div>
</div>
</section>
<section class="content">
<div class="container">
<div class="history-case__alert mb-x6">
Почему не удалось обнаружить Алексея, хотя у полиции<br>
и службы безопасности были его паспортные данные?
</div>
<div class="row align-items-center mb-x6">
<div class="col-12 col-md-6">
<p>
На самом деле, паспорт принадлежал не преступнику, а совершенно постороннему человеку, который его потерял. Алексей очень аккуратно вклеил свою фотографию на соответствующее место в паспорте. Иными словами, он использовал настоящий документ, чтобы изготовить фальшивый.
</p>
</div>
<div class="col-12 col-md-6">
<p>
<img src="img/history-3.jpg" alt="">
</p>
</div>
</div>
<div class="history-case__alert mb-x6">
Могли ли сотрудники службы безопасности <br>
обнаружить подделку? <br>
<br>
Да, и очень просто.
</div>
<div class="row mb-x6">
<div class="col-12 col-md-6">
<div class="history-case__security">
<div class="history-case__security__num">1</div>
<div class="history-case__security__text">
<p>
Во-первых, они могли изучить документ при ультрафиолетовом свете. УФ-лампы для определния фальшивых денег широко распространены в торговых сетях, особенно в таких, где товары дорогие, а полученные суммы – крупные. Такой прибор легко бы выявил подделку.
</p>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="history-case__security">
<div class="history-case__security__num">2</div>
<div class="history-case__security__text">
<p>
А во-вторых, можно было даже не ходить за лампой и ничего не разглядывать. Можно было, не вставая из-за стола, набрать в интернет-поиске, например, такую фразу: «как проверить паспорт в розыске» и получить кучу результатов.
</p>
<p>
Например, сервисы.гувм.мвд.рф обновляется ежедневно, но скачивать приходится весь список номеров документов, и затем пользоваться поиском по тексту.
</p>
<p>
Или <a class="text-underline text-warning" href="//egrul.ru/pasports.html">egrul.ru/pasports.html</a> позволяет проверить конкретный номер паспорта, но обновление там еженедельное.
</p>
</div>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-12 col-md-6">
<p>
Итак, работники службы безопасности могли потратить всего пару минут и выяснить, что к ним пришел человек с фальшивым удостоверением личности. Сделай они это, не было бы умышленной кражи и миллионных убытков.
</p>
</div>
<div class="col-12 col-md-6">
<p><img src="img/history-4.jpg" alt=""></p>
</div>
</div>
</div>
</section>
<footer class="footer section fp-auto-height">
<div class="container">
<div class="footer__top">
<div class="row align-items-center">
<div class="col-12 col-sm-6 col-md-4 order-2 order-md-1">
<div class="footer__address">
194356, г. Санкт-Петербург,<br>
Выборгское шоссе, 36<br>
БЦ "Модуль"
</div>
</div>
<div class="col-12 col-md-4 order-1 order-md-2">
<a href="/" class="footer__logo">
<img src="img/logo-inverse.png" alt="">
</a>
</div>
<div class="col-12 col-sm-6 col-md-4 order-3 order-md-3">
<a class="footer__phone" href="tel:8 (812) 454-44-05">8 (812) 454-44-05</a>
</div>
</div>
</div>
<nav>
<ul class="nav nav-footer">
<li><a href="#">Главная</a></li>
<li><a href="#">Услуги</a></li>
<li><a href="#">Кейсы</a></li>
<li><a href="#">О компании</a></li>
<li><a href="#">СМИ о нас</a></li>
</ul>
</nav>
<nav>
<ul class="nav nav-footer-ext">
<li><a href="#">Комплексная безопасность</a></li>
<li><a href="#">Работа с дебеторской задолженностью</a></li>
<li><a href="#">Информационно аналитические услуги</a></li>
<li><a href="#">Внедрение инструментов безопасности</a></li>
<li><a href="#">Взаимодействие с госорганами</a></li>
<li><a href="#">Сопровождение компании</a></li>
</ul>
</nav>
<div class="footer__social">
<h5 class="footer__social__title">Мы в социальных сетях</h5>
<div class="footer__social__icons">
<a href="#" class="footer__social__icon">
<i class="fa fa-vk"></i>
</a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12 col-sm-6">
<p class="footer__copy">
<a href="#">Согласие на обработку персональных данных</a>
</p>
</div>
<div class="col-12 col-sm-6">
<p class="footer__policy">
<a href="#">Политика конфиденциальности</a>
</p>
</div>
</div>
</div>
</footer>
<div class="modal fade" id="modal-pamyatka">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12 col-md-12 col-lg-5 offset-lg-1">
<div class="modal-title">
Скачайте бесплатную памятку по комплексной безопасности
</div>
<p>
Мы отправим на введенный email памятку по комплексной безопасности бизнеса
</p>
<p>
В данной памятке мы обозначим все проблемы человечества и вся Руси.
</p>
<p>
Мы научим и скажем Вам как жить, чего. бояться и как строить отношения
</p>
<p> </p>
<form action="">
<div class="row">
<div class="col-12 col-md-10 offset-md-1">
<div class="form-group">
<input class="form-control form-control-lg text-center" name="phone" type="text" placeholder="+7 (___) ___-__-__">
</div>
<div class="form-group">
<button class="btn btn-warning btn-lg btn-block" type="submit">Скачать</button>
</div>
</div>
</div>
</form>
</div>
<div class="col-12 col-md-12 col-lg-5 text-center hidden-md-down">
<p><img src="img/book-pamyatka.png" alt=""></p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/main.js"></script>
</body>
</html>