-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
461 lines (456 loc) · 32.5 KB
/
index.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
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
<!DOCTYPE html>
<html lang="ru">
<head>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(57313120, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img class=lazyload alt=img"data-src="https://mc.yandex.ru/watch/57313120" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
<!-- Chrome, Firefox, Opera -->
<meta name="msapplication-config" content="browserconfig.xml"/>
<meta name="theme-color" content="#33BEE5">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#33BEE5">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<title>Форвард: Финансовая Компания</title>
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon" />
<meta name="description" content="Форвард: Финансовая Компания предоставляет полный комплекс услуг по взысканию задолженностей">
<meta name="og:description" content="Коллекторы требуют долг, Коллектор долги, Коллекторы требуют долг что делать, Долг коллекторам, Могут ли коллекторы требовать долг, Коллекторы звонят по долгу что делать, Звонят коллекторы по долгам, Если звонят коллекторы по кредиту что делать, Подают ли коллекторы в суд, Коллекторы после решения суда, Долг выкупили коллекторы что делать, Коллекторы выкупили долг у банка что делать, Банк продал долг коллекторам оспорить, Банк продал долг по кредиту коллекторам, Если долг продали коллекторам что делать, Как избавиться от долга коллекторам, Коллекторы подали в суд что делать, Банк продал кредитный долг коллекторам, Долг перед коллекторами, Долг перед коллекторами что делать, Долги помощь юриста, Если долг по кредиту передан коллекторам, Банк продал кредитный долг коллекторам, Банк продал долг коллекторам без моего согласия, Как узнать продал ли банк долг коллекторам, Как узнать продал ли долг банк, Банк продал долг по кредиту коллекторам. Банк продал долг коллекторам что делать, Банк продал кредитный долг коллекторам, Коллекторы советы юристов, Как общаться с коллекторами советы юриста, Как защититься от коллекторов советы юриста, Как избавиться от автодозвона коллекторов, Как избавиться от назойливых звонков коллекторов, Коллекторы звонят как избавиться, Как избавиться от звонков коллекторов родственникам, Как избавиться от коллекторов законно, Как избавиться от звонков коллекторов на работу, Как избавиться от коллекторов и просроченного кредита, Как избавиться от звонков коллекторов если долг, Как избавиться от долга коллекторам, За какой процент банки продают долги коллекторам, Как защититься от коллекторов советы юриста, как уменьшить сумму долга, долг продан коллекторам после решения суда, долг у коллекторов что делать, что делать если банки передали коллекторам долг, банк продал долг по кредиту коллекторам, как уменьшить долг по кредиту в суде, Банк продал долг коллекторам, долг по кредиту продан коллекторам, За сколько покупают долги коллекторы, помощь юриста по долгам, банк передал долг коллекторам что делать, Банк продал долг по кредиту коллекторам, Банк продал кредитный долг коллекторам, за сколько банк продает долг коллекторам, За сколько покупают долги коллекторы, банк отдал долг коллекторам, долг по кредиту передан коллекторам, подают ли коллекторы в суд на должников, Форвард, ООО Форвард, Форвард Новосибирск, Агентство взыскания Форвард, Форвард подал в суд, Forward, Что делать если звонят коллекторы">
<link rel="stylesheet" href="libs/bootstrap-4.3.1-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="libs/fontawesome-free-5.12.0-web/css/all.min.css">
<link rel="stylesheet" type="text/css" href="css/remodal.min.css">
<link rel="stylesheet" type="text/css" href="css/remodal-default-theme.min.css">
<link rel="stylesheet" type="text/css" href="css/style.min.css">
</head>
<body>
<div class="container-fluid">
<header id="header">
<section class="navigation-wrapper-container adaptive-grid-container">
<div class="container-link-img-home-page adaptive-container-link-img-home-page">
<a href="https://caforward.ru/" id="logo" rel="home" title="На главную страницу сайта. Форвард: Финансовая Компания" class="link-img-home-page">
<img class="lazyload" data-src="https://caforward.ru/img/logo.png" alt="Форвард: Финансовая Компания">
</a>
</div>
<nav id="nav-header" class="nav-header adaptive-nav-header">
<ul>
<li>
<a href="http://caforward.ru/" class="hvr-underline-from-center">Главная</a>
</li>
<li>
<a id="ourservice" class="hvr-underline-from-center">Услуги</a>
</li>
<li>
<a id="kompany" class="hvr-underline-from-center">О Компании</a>
</li>
<li>
<a href="pageforclients.html/#openli" class="hvr-underline-from-center">Информация для должников</a>
</li>
<li>
<a id="contact" class="hvr-underline-from-center">Контакты</a>
</li>
</ul>
</nav>
<div class="container-main-btn adaptive-container-main-btn">
<a class="btn btn-danger btn-lg main-btn" href="#modal">Связаться с нами</a>
</div>
<div class="contact adaptive-contact">
<span class="phone-number-header-container"><a href="tel:+7(804)333-41-33" target="_blank" class="hvr-buzz-out"><i class="fas fa-mobile-alt"></i> +7 (804) 333‑41‑33</a></span>
<p>Звонок бесплатный</p>
<span class="mail-header-container"><a href="mailto:[email protected]?subject=Вопрос с сайта&body=Здравствуйте, " target="_blank" class="hvr-pulse-grow"><i class="far fa-envelope"></i> [email protected]</a></span>
</div>
</section>
<!-- MODAL WINDOWS -->
<div class="remodal" data-remodal-id="modal" role="dialog" aria-labelledby="modal1Title" aria-describedby="modal1Desc">
<div class="remodalBorder">
<p><img class="lazyload" data-src="https://caforward.ru/img/footer-logo-white.png" alt="Форвард: Финансовая Компания"></p>
<button data-remodal-action="close" class="remodal-close" aria-label="Close"></button>
<form id="form" method="POST">
<h2 id="modal1Title">Оставьте ваши контактные данные и наша служба поддержки свяжется с вами</h2>
<input type="text" class="putName" name="name" placeholder="Ваше ФИО*" pattern="^[А-Яа-яЁё\s]+$" required>
<input id="phone" name="phone" type="tel" class="putPhone" placeholder="Ваш телефон*" required>
<input name="mail" type="email" class="mail" placeholder="Ваш Email" pattern="([A-z0-9_.-]{1,})@([A-z0-9_.-]{1,}).([A-z]{2,8})">
<textarea name="textarea" class="textarea" placeholder="Ваш вопрос*" required></textarea>
<div class="g-recaptcha" data-sitekey="6LcFHNUUAAAAAMwGfjlk1k2nbx1DcM7MrQoqB_r7" data-theme="light" data-callback="onSuccess"></div>
<input id="butdis" type="submit" name="submit" class="btn main-btn-remodal" value="ОТПРАВИТЬ" disabled>
<input name="formInfo" class="formInfo" type="hidden" value=""/>
<input type="hidden" name="formData" value="Заявка с сайта">
</form>
</div>
</div>
</header>
<main id="main">
<section class="corousel_container">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://caforward.ru/img/1.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<p>Действуем строго в соответствии с законодательством РФ</p>
</div>
</div>
<div class="carousel-item">
<img src="https://caforward.ru/img/2.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<p>Гарантируем высокие стандарты качества предоставляемых услуг</p>
</div>
</div>
<div class="carousel-item">
<img src="https://caforward.ru/img/3.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<p>Обеспечиваем высокую эффективность взыскания</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</section>
<section id="ourservicelink" name="ourservice" class="our-services-container">
<h1 name="our-service" class="our-service-title">
Наши услуги
</h1>
<div class="our-service our-service-1">
<div class="views-field-field-service-icon">
<img class="lazyload" alt="logo" data-src="https://caforward.ru/img/us.jpg" >
</div>
<div class="container-info-text">
<h2 class="views-field-title">ПОКУПКА ЗАДОЛЖЕННОСТИ ПО КРЕДИТАМ ФИЗИЧЕСКИХ И ЮРИДИЧЕСКИХ ЛИЦ</h2>
<p class="info-our-service">Основным направлением деятельности компании "Форвард" является приобретение прав требований, возникающих из кредитных договоров, заключенных первоначальным кредитором (продавцом) как с физическими, так и с юридическими лицами.</p>
</div>
</div>
<div class="our-service our-service-2">
<div class="views-field-field-service-icon">
<img class="lazyload" data-src="https://caforward.ru/img/doki.jpg" alt="logo">
</div>
<div class="container-info-text">
<h2 class="views-field-title">ВЗЫСКАНИЕ ЗАДОЛЖЕННОСТИ ПО АГЕНТСКОЙ СХЕМЕ</h2>
<p class="info-our-service">Взыскание задолженности по агентскому договору - это совокупность досудебных, судебных и мер исполнительного производства по возврату (взысканию) дебиторской задолженности по соглашению между агентом (одна сторона договора) и принципалом (другая сторона), по которому агент за вознаграждение взял на себя обязанности по поручению принципала совершать любые юридические и иные действия.</p>
</div>
</div>
<div class="our-service our-service-3">
<div class="views-field-field-service-icon">
<img class="lazyload" data-src="https://caforward.ru/img/telefon-min.jpg" alt="logo">
</div>
<div class="container-info-text">
<h2 class="views-field-title">ДОСУДЕБНОЕ ВЗЫСКАНИЕ</h2>
<p class="info-our-service">Взыскание кредитной задолженности осуществляется в зависимости от особенностей каждого случая. Наиболее простой и наименее затратный для должника метод взыскания кредитной задолженности – досудебные переговоры, во время которых происходит урегулирование спорных вопросов и закрепление порядка и сроков возврата долгов и выплат компенсаций.</p>
</div>
</div>
<div class="our-service our-service-4">
<div class="views-field-field-service-icon">
<img class="lazyload" data-src="https://caforward.ru/img/sud-min.jpg" alt="logo">
</div>
<div class="container-info-text">
<h2 class="views-field-title">CУДЕБНОЕ ВЗЫСКАНИЕ</h2>
<p class="info-our-service">Legal-collection - заключительная стадия работы с должником. Проводится кредитором (его сотрудником или представителем) в рамках судопроизводства или исполнительного производства. Как правило legal-collection осуществляется со 150-180-го дня с момента возникновения просроченной задолженности и заканчивается вынесением судебного решения и его исполнением, либо получением акта о невозможности взыскания и списанием задолженности.</p> </div>
</div>
</section>
<section id="linkkompany" class="company-info">
<h2>о компании</h2>
<p>Компания "Форвард" создана в 2014 году в г. Новосибирске и предоставляет полный комплекс услуг по взысканию задолженности физических и юридических лиц. Основная специализация - покупка портфелей проблемных кредитов. Менеджеры компании имеют более чем 10 летний опыт работы на рынке взыскания задолженности и в крупных розничных банках.</p>
</section>
<section class="documents-container">
<div class="documents-content">
<figure>
<a href="https://caforward.ru/documents/svo.pdf" target="_blank">
<img class="lazyload" data-src="https://caforward.ru/img/svo.jpg" alt="Свидетельство о включении в Реестр юридических лиц, осуществляющих деятельность по возврату просроченной задолженности">
</a>
<a href="https://caforward.ru/documents/svo.pdf" class="title-docks" target="_blank">Свидетельство о включении в Реестр юридических лиц, осуществляющих деятельность по возврату просроченной задолженности
</a>
</figure>
<figure>
<a href="https://caforward.ru/documents/politicks.pdf" target="_blank">
<img class="lazyload" data-src="https://caforward.ru/img/politicks.png" alt="Политика обработки персональных данных">
</a>
<a href="https://caforward.ru/documents/politicks.pdf" class="title-docks" target="_blank">Политика обработки персональных данных</a>
</figure>
</div>
<div class="documents-content">
<figure>
<a href="https://caforward.ru/documents/PPK.pdf" target="_blank">
<img class="lazyload" data-src="https://caforward.ru/img/PPK.png">
</a>
<a href="https://caforward.ru/documents/PPK.pdf" class="title-docks" target="_blank">Политика по противодействию коррупции
</a>
</figure>
<!-- <figure>
<a href="documents/politicks.pdf" target="_blank">
<img class=lazyload alt=img"data-src="img/politicks.png">
</a>
<a href="documents/svo.pdf" class="title-docks" target="_blank">Политика персональных данных</a>
</figure>-->
</div>
</section>
</main>
<footer id="linkcontact">
<section class="links-footer adaptive-links-footer">
<article class="adaptive-container-contacts-footer">
<h2>Контакты</h2>
<figure>
<a href="tel:+7(804)333-41-33" target="_blank" class="container-icon-contact">
<i class="fas fa-mobile-alt"></i>
</a>
<figcaption>
<a href="tel:+7(804)333-41-33" target="_blank" class="hvr-float-shadow"> +7 (804) 333‑41‑33</a>
</figcaption>
</figure>
<figure>
<a href="mailto:[email protected]?subject=Вопрос с сайта&body=Здравствуйте, " target="_blank" class="container-icon-contact">
<i class="far fa-envelope"></i>
</a>
<figcaption>
<a href="mailto:[email protected]?subject=Вопрос с сайта&body=Здравствуйте, " target="_blank" class="hvr-float-shadow"> [email protected]</a>
</figcaption>
</figure>
<figure>
<a href="https://goo.gl/maps/4e5JXHUpfD8G1Sju7" target="_blank" class="container-icon-contact">
<i class="fas fa-map-marked-alt"></i>
</a>
<figcaption>
<a href="https://goo.gl/maps/4e5JXHUpfD8G1Sju7" target="_blank" class="hvr-float-shadow">Юридический и фактический адрес: <br>630007, г. Новосибирск,<br> ул. Максима Горького, д. 51, этаж 2, пом. 8, 9, 9/1, 10</a>
</figcaption>
</figure>
<figure>
<i class="far fa-file-alt container-icon-contact"></i>
<figcaption>
<a href="documents/ogrn.pdf" target="_blank" class="hvr-float-shadow">ОГРН 1145476156055</a><br>
<a href="https://www.rusprofile.ru/id/7426963" target="_blank" class="hvr-float-shadow">ИНН 5406796664</a><br>
<a href="https://www.rusprofile.ru/id/7426963" target="_blank" class="hvr-float-shadow">КПП 540701001</a>
</figcaption>
</figure>
</article>
<article class="adaptive-container-quick-links-footer">
<h2>Информация</h2>
<figure>
<i class="fas fa-caret-right links-nav-footer"></i>
<figcaption>
<a href="http://caforward.ru/">Главная</a>
</figcaption>
</figure>
<figure>
<i class="fas fa-caret-right links-nav-footer"></i>
<figcaption>
<a id="companyfooter" >О Компании</a>
</figcaption>
</figure>
<figure>
<i class="fas fa-caret-right links-nav-footer"></i>
<figcaption>
<a id="ourservicefooter">Услуги</a>
</figcaption>
</figure>
<figure>
<i class="fas fa-caret-right links-nav-footer"></i>
<figcaption>
<a href="#modal">Обратная связь</a>
</figcaption>
</figure>
<figure>
<i class="fas fa-caret-right links-nav-footer"></i>
<figcaption>
<a href="http://caforward.ru/php/info.php">Информация для должников</a>
</figcaption>
</figure>
</article>
<article class="adaptive-container-map-footer">
<h2>Карта</h2>
<section class="map" id="map">
</section>
</article>
</section>
<section class="copyright">
<p>© ООО "Форвард" 2020 Все права защищены</p>
<p>Верстка и оформление сайта: <a href="https://hh.ru/resume/8258cf5cff07a9fac80039ed1f32747a38476a" target="_blank">Олег Соломатин</a> <a href="#">Артём Пучков</a></p>
</section>
</footer>
</div>
<div id="toTop" class="toTop">
<i class="fas fa-chevron-up"></i>
</div>
<a href="#modal" class="callback-bt">
<div class="text-call">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>Обратная<br>связь</span>
</div>
</a>
<script src="js/lazysizes.min.js" async></script>
<!-- Images End -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="libs/bootstrap-4.3.1-dist/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!--Mail modal window-->
<script src="js/remodal.min.js"></script>
<script src="js/script.min.js"></script>
<script>
<!--GooglereCaptcha-->
var onSuccess = function(response) {
document.getElementById("butdis").disabled = false;
};
$(".linkButton").click(function() {
$( "input[name*='formInfo']" ).val($(this).attr( "title" ));
});
<!--Scroll to top-->
$(function() {
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
$('#toTop').fadeIn();
} else {
$('#toTop').fadeOut();
}
});
$('#toTop').click(function() {
$('body,html').animate({scrollTop:0},800);
});
});
<!--Scroll to link menu-->
$(function () {
$('#ourservice').click(function () {
$([document.documentElement, document.body]).animate({
scrollTop: $("#ourservicelink").offset().top
}, 1000);
});
$('#kompany').click(function () {
$([document.documentElement, document.body]).animate({
scrollTop: $("#linkkompany").offset().top
}, 1000);
});
$('#contact').click(function () {
$([document.documentElement, document.body]).animate({
scrollTop: $("#linkcontact").offset().top
}, 1000);
});
$('#companyfooter').click(function () {
$([document.documentElement, document.body]).animate({
scrollTop: $("#linkkompany").offset().top
}, 1000);
});
$('#ourservicefooter').click(function () {
$([document.documentElement, document.body]).animate({
scrollTop: $("#ourservicelink").offset().top
}, 1000);
});
});
<!--Cookies modal window-->
(function(){
//Change these values
var msg = "Мы используем файлы cookie. Продолжив работу с сайтом, вы соглашаетесь с Политикой обработки персональных данных. ";
var closeBtnMsg = "Согласен(а)";
var privacyBtnMsg = "Узнать больше";
var privacyLink = "documents/politicks.pdf";
//check cookies
if(document.cookie){
var cookieString = document.cookie;
var cookieList = cookieString.split(";");
// if cookie named OKCookie is found, return
for(x = 0; x < cookieList.length; x++){
if (cookieList[x].indexOf("OKCookie") != -1){return};
}
}
var docRoot = document.body;
var okC = document.createElement("div");
okC.setAttribute("id", "okCookie");
var okCp = document.createElement("p");
var okcText = document.createTextNode(msg);
//close button
var okCclose = document.createElement("a");
var okcCloseText = document.createTextNode(closeBtnMsg);
okCclose.setAttribute("href", "#");
okCclose.setAttribute("id", "okClose");
okCclose.appendChild(okcCloseText);
okCclose.addEventListener("click", closeCookie, false);
//privacy button
var okCprivacy = document.createElement("a");
var okcPrivacyText = document.createTextNode(privacyBtnMsg);
okCprivacy.setAttribute("href", privacyLink);
okCprivacy.setAttribute("target", "_blank");
okCprivacy.setAttribute("id", "okCprivacy");
okCprivacy.appendChild(okcPrivacyText);
//add to DOM
okCp.appendChild(okcText);
okC.appendChild(okCp);
okC.appendChild(okCclose);
okC.appendChild(okCprivacy);
docRoot.appendChild(okC);
okC.classList.add("okcBeginAnimate");
function closeCookie(){
var cookieExpire = new Date();
cookieExpire.setFullYear(cookieExpire.getFullYear() +2);
document.cookie="OKCookie=1; expires=" + cookieExpire.toGMTString() + ";";
docRoot.removeChild(okC);
}
})();
<!--Mask number phone modal window-->
$(document).ready(function() {
$("#phone").mask("+7 (999) 999-99-99");
});
</script>
<!--Mask number phone modal window-->
<script src="js/jquery.maskedinput.min.js"></script>
<!--Google reCaptcha-->
<script src='https://www.google.com/recaptcha/api.js'></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCAKs9x6EEktj5s_x91rBHSgVWyMijc20A&callback=initMap"></script>
<script>
function google_maps_init() {
'use strict'
var roemerberg = {lat: 55.026851, lng: 82.914587}
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 17,
center: roemerberg
})
var marker = new google.maps.Marker({
position: roemerberg,
map: map
})
}
function google_maps_lazyload(api_key) {
'use strict'
if (api_key) {
var options = {
rootMargin: '100px',
threshold: 0
}
var map = document.getElementById('map')
var observer = new IntersectionObserver(
function(entries, self) {
// Intersecting with Edge workaround https://calendar.perfplanet.com/2017/progressive-image-loading-using-intersection-observer-and-sqip/#comment-102838
var isIntersecting = typeof entries[0].isIntersecting === 'boolean' ? entries[0].isIntersecting : entries[0].intersectionRatio > 0
if (isIntersecting) {
var mapsJS = document.createElement('script')
mapsJS.src = 'https://maps.googleapis.com/maps/api/js?callback=google_maps_init&key=' + api_key
document.getElementsByTagName('head')[0].appendChild(mapsJS)
self.unobserve(map)
}
},
options
)
observer.observe(map)
}
}
google_maps_lazyload("AIzaSyCAKs9x6EEktj5s_x91rBHSgVWyMijc20A")
</script>
</body>
</html>