PageSourceSearch

https://www.airpano.ru/article_list.php

html airpano.ru collected 2026-10-02 04:04:18 UTC 49,194 bytes, 1,176 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html>
5<head>
6	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7    <meta name="viewport" content="width=device-width, initial-scale=0.8, minimum-scale=0.8, maximum-scale=0.8" />
8
9   <title>Статьи | Сферические aэропанорамы, фотографии и 360° виртуальные туры самых красивых городов и уголков нашей планеты, 360° панорамы вокруг света</title>
10
11	<meta name="description" content="Статьи. АирПано — это проект, созданный командой профессионалов, специализирующихся на 360° фото и 360° видео высокого разрешения, которые снимаются с воздуха. По географии съемок, количеству аэрофотопанорам, художественному и техническому качеству материала на сегодня АирПано — крупнейший в мире ресурс, представляющий 360° фото и 360° видео высочайшего качества, снятые с высоты птичьего полета.">
12
13	<meta name="keywords" content="Статьи, виртуальный тур, воздушные панорамы, панорамы с воздуха, aэропанорамы, 360° панорамы, фото панорама, панорамная фотография, съемка панорамы, панорамные фотографии 360, аэрофотография, съемка с вертолета, фотография, фотогалерея, панорамы, путешествие, галерея, сто лучших мест мира, создание виртуальных туров, сферические панорамы, фотопанорамы, aэрофотопанорамы, пейзажная фотография, интерактивный, airpano.ru">
14    
15    <link rel="icon" href="https://www.airpano.ru/favicon.ico" type="image/x-icon">
16    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=cyrillic" rel="stylesheet">
17
18    <link rel="stylesheet" type="text/css" href=""> 
19    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"> 
20    <link rel="stylesheet" type="text/css" href="css/main.css"> 
21    <link rel="stylesheet" type="text/css" href="css/tags_input.css">
22    <link rel="stylesheet" type="text/css" href="css/widget_list.css">
23    <link rel="stylesheet" type="text/css" href="css/content.css">
24    
25    <link rel="stylesheet" type="text/css" href="css/photogallery_list_items.css">
26
27    
27<script type="text/javascript" src="js/tween.js"></script>
27
28    
28<script type="text/javascript" src="js/spinner.js"></script>
28
29    
29<script type="text/javascript" src="js/imgLazyLoad.js"></script>
29
30    
30<script type="text/javascript" src="js/tags_input.js"></script>
30
31    
31<script type="text/javascript" src="js/widget_list.js"></script>
31
32    
32<script type="text/javascript" src="js/ajax.js"></script>
32
33
34</head>
35<body>
36
37
38    <div id="top_menu_stage">
39
40         <style>
41    #agreement_personal_info {
42        position: fixed;
43        display: none;
44        box-sizing: border-box;
45        right: 20px; top: calc(100vh - 20px); transform: translateY(-100%);
46        width: 600px; max-width: calc(100vw - 40px); height: auto;
47        z-index: 1000;
48        padding: 20px;
49        background-color: #fff;
50        box-shadow: 0 4px 30px rgba(0,0,0,0.3);
51    }
52    
53    #agreement_personal_info .modal-content {
54
55    }
56
57    #agreement_personal_info h2 {
58
59    }
60
61    #agreement_personal_info p {
62
63    }
64
65    #agreement_personal_info button {
66        border: 0;
67        border-radius: 4px;
68        background-color: #51b72d;
69        color: #fff;
70        padding: 10px 20px;
71        cursor: pointer;
72    }
73
74</style>
75
76<div id="agreement_personal_info">
77  <div class="modal-content">
78    <h2>Согласие на обработку данных</h2>
79    <p>
80      Мы используем cookies и обрабатываем персональные данные.
81      Подробнее в <a href="/policy_personal_data.php">политике конфиденциальности</a>.
82    </p>
83
84    <div class="modal-buttons">
85      <button id="accept">Принять</button>
86      <button id="decline">Отклонить</button>
87    </div>
88  </div>
89</div>
90
91<script type='text/javascript' defer>
92    console.log('agreement_personal_info',localStorage.getItem("consent"));
93document.addEventListener("DOMContentLoaded", function () {
94  const modal = document.getElementById("agreement_personal_info");
95  const accept = document.getElementById("accept");
96  const decline = document.getElementById("decline");
97
98  // Если пользователь еще не выбирал
99  if (!localStorage.getItem("consent")) {
100    modal.style.display = "flex"; // ВАЖНО: flex, а не block
101  }
102
103  accept.onclick = () => {
104    localStorage.setItem("consent", "accepted");
105    modal.style.display = "none";
106  };
107
108  decline.onclick = () => {
109    // localStorage.setItem("consent", "declined");
110    location.href = '/policy_personal_data.php';
111    modal.style.display = "none";
112  };
113  
114    
115});
116</script>
116
117 
118
119
120<script type="text/javascript" src="/js/tween.js"></script>
120
121<link rel="stylesheet" type="text/css" href="/css/top_menu.css">
122
123
124<!-- <style type="text/css">
125    #santa {
126        position: fixed; z-index: 20000;
127        left: 120%; top: 70px; width: 480px; height: 160px;
128        background-image: url(/images/santa.gif);
129        opacity: 0; pointer-events: none;
130    }
131</style>
132<div id="santa">
133    
133<script type="text/javascript">
134        setTimeout(function() {
135            window.santa = document.querySelector("#santa");
136            santa.style.opacity = 1;
137            document.body.appendChild(santa);
138            santGO();
139        },100000 + Math.random() *  50000);  
140
141        function  santGO(argument) {
142            santa.style.transition = "";
143            santa.style.left = "120%";
144            santa.style.transform = "scale("+(Math.random()*0.7+0.3)+")";
145            setTimeout(function() {
146                santa.style.transition = "left 8s linear";
147                santa.style.left = "-40%";
148            },1000);
149            setTimeout(santGO,100000 + Math.random() *  50000);  
150        }
151    </script>
151
152</div>
153 -->
154
155<!-- <style type="text/css">
156    .moroz {
157        background-size: 100% 100%; 
158        position: fixed; z-index: 20000;
159        width: 40%; height: 30%;
160        pointer-events: none;
161        opacity: 0;
162        transition: opacity 2s;
163    }
164    #morozTL { background-image: url(/images/morozTL.png); left: 0; top: 0; }
165    #morozTR { background-image: url(/images/morozTR.png); right: 0; top: 0; }
166    #morozBL { background-image: url(/images/morozBL.png); left: 0; bottom: 0; }
167    #morozBR { background-image: url(/images/morozBR.png); right: 0; bottom: 0; }
168</style>
169
170<div id="morozTL" class="moroz" style="opacity: 0"></div>
171<div id="morozTR" class="moroz" style="right: -3%; top: -3%"></div>
172<div id="morozBL" class="moroz" style="bottom: -13%"></div>
173<div id="morozBR" class="moroz" style="bottom: -6%"></div>
174
175<script type="text/javascript">
176    setTimeout(function() {
177        document.querySelector("#morozTL").style.opacity = 0.6;
178        document.querySelector("#morozTR").style.opacity = 0.6;
179        document.querySelector("#morozBL").style.opacity = 0.6;
180        document.querySelector("#morozBR").style.opacity = 0.6;
181    },2000)
182</script>
182 -->
183
184
185
186
187<div id="top_menu_stage_img"></div>
188
189<script type="text/javascript">
190    var d = document.getElementById("top_menu_stage_img");
191    d.x = 0;
192    function move(){
193        d.x += 0.5;
194        if(d.x > 1920) d.x = 0;
195        d.style.transform = "translateX("+d.x+"px)";
196        requestAnimationFrame(move);
197    }
198    move();
199</script>
199
200
201<a href="/" id="top_menu_logo"><img src="/css/img/logo_147_rus.png" height="100%"></a>
202<!-- <a href="/" id="top_menu_logo"><img src="/css/img/logo_147_ny.png" height="100%"></a> -->
203
204<div id="top_menu">
205    <a href="/360photo_list.php"  >360° Фото</a>
206    <a href="/360video_list.php"  >360° Видео</a>
207    <a href="/photogalleries.php"  >Фотогалерея</a>
208    <span><a href="/get_price.php" class="link_button_green">Прайс-лист</a></span><br>
209</div>
210
211<div id="top_menu_side_stage">
212<div id="top_menu_side">
213    <div id="top_menu_main_mobile">
214        <a href="/360photo_list.php"  >360° Фото</a>
215        <a href="/360video_list.php"  >360° Видео</a>
216        <a href="/photogalleries.php"  >Фотогалерея</a>
217        <span><a href="/get_price.php" class="link_button_green">Прайс-лист</a></span><br>
218    </div>
219    <div id="top_menu_more">
220        <a href="/services.php">Наши услуги</a>
221        <a href="/news_list.php">Новости</a> 
222        <a href="/merch.php">Коллекция одежды</a>
223        <a href="/google_map.php">АирПано на карте мира</a>
224         <a href="/about.php">Проект АирПано</a>
225		<a href="/about.php#team">Наша команда</a> 
226                        
227        <a href="/article_list.php">Статьи</a>
228        <!-- <a href="/guestbook.php">Гостевая книга</a>-->
229        <a href="/contact.php">Контакты</a>
230        <a href="/frequently_asked_questions.php">FAQ</a>
231        <a href="/citations.php">Правила цитирования</a>
232        <a href="/partners.php">Наши клиенты и партнеры</a>
233    </div>
234</div>
235</div>
236
237<div id="top_menu_button" onclick="menu_button_tocross()">
238    <div id="top_menu_button_bar1"></div>
239    <div id="top_menu_button_bar2"></div>
240    <div id="top_menu_button_bar3"></div>
241</div>
242
243<form id="top_menu_search" action="/search.php" method="GET">
244    <input type="text" id="top_menu_search_input" name="q" placeholder="Поиск" value="">
245    <button type="submit" id="top_menu_search_btn"></button>
246</form>
247    
248    <!-- <a href="https://www.airpano.com/article_list.php" class="top_menu_lang_item elm_hover_bg_green">EN</a> -->
249
250<div id="top_menu_lang">
251    <a href="/contact.php" class="top_menu_lang_item elm_hover_bg_green"><img src="/images/phone_icon.png" width="24" height="auto" style="margin: 6px 0 -7px 0;"></a>
252        <a id="langLink" href="https://airpano.com" class="top_menu_lang_item elm_hover_bg_green">EN</a>
253    <a id="langLinkCN" href="https://airpano.org.cn" class="top_menu_lang_item elm_hover_bg_green">中文</a>
254    
254<script type="text/javascript">
255        (function(){
256            var lh = window.location.href;
257            document.querySelector("#langLink").setAttribute("href",lh.replace("airpano.ru","airpano.com"));
258            var cnl = lh.replace("airpano.ru","airpano.org.cn"); cnl = cnl.replace("www.","");
259            document.querySelector("#langLinkCN").setAttribute("href",cnl);
260        })();
261    </script>
261
262    
263</div>
264
265<script type="text/javascript">
266    window.addEventListener("resize",menu_update);
267    window.searchInputPos = "top";
268    window.menuOpen = false;
269    window.menu = document.querySelector("#top_menu");
270    window.menu_side = document.querySelector("#top_menu_side");
271    window.menu_part1 = document.querySelector("#top_menu_main_mobile");
272    window.menu_part2 = document.querySelector("#top_menu_more");
273
274    function menu_update(){
275        var mph = menu_part1.getBoundingClientRect().height + menu_part2.getBoundingClientRect().height;
276        var wh = window.innerHeight - 109;
277        if(mph > wh) {
278            menu_side.style.height = (wh+45) + "px";
279        } else {
280            menu_side.style.height = "auto";
281        }
282
283        if(window.innerWidth < 1080) {
284            // document.querySelector("#top_menu_stage").className = "index mobile";
285            // if(menuOpen == false) {
286                // document.querySelector("#top_menu").style.display = "none";
287                // document.querySelector("#top_menu_button").style.display = "block";
288                // document.querySelector("#top_menu_button").className = "";
289            // }
290        } else {
291            // document.querySelector("#top_menu_stage").className = "index";
292            // document.querySelector("#top_menu").style.display = "block";
293            // document.querySelector("#top_menu_button").style.display = "none";
294            // document.querySelector("#top_menu_button").className = "";
295            // menuOpen = false;
296        }
297
298        if(window.innerWidth < 630) {
299            if(searchInputPos != "menu") {            
300                var search = document.querySelector("#top_menu_search");
301                document.querySelector("#top_menu_main_mobile").appendChild(search);
302                search.style.position = "relative";
303                search.style.width = "auto";
304                search.style.marginTop = "26px";
305                search.style.right = "0";
306                searchInputPos = "menu";
307            }
308
309        } else {
310            if(searchInputPos != "top") {
311                var search = document.querySelector("#top_menu_search");
312                document.querySelector("#top_menu_stage").appendChild(search);
313                search.style.position = "";
314                search.style.width = "";
315                search.style.marginTop = "";
316                search.style.right = "";
317                searchInputPos = "top";
318            }
319        }
320
321
322    }
323
324    menu_update();
325
326    function menu_button_tocross(){
327        var btn = document.querySelector("#top_menu_button");
328        if(btn.className == "cross") {
329            btn.className = "";
330            menu_side.style.right = "-250px";
331            menuOpen = false;
332        }
333        else {
334            btn.className = "cross"
335            menu_side.style.right = 0;
336            menuOpen = true;
337        }
338    }
339
340
341</script>
341
342
343<!-- Модальное Окно Реклама календарей  
344<link rel="stylesheet" type="text/css" href="/css/pop_up.css">
345<div id="overlay_cal">
346    <div class="popup">
347        <div id="content_calendar">
348		<p>&nbsp;</p>
349		<p>Привет, друзья!</p>
350		<p style="text-align: justify;">В продаже для наших поклонников всего 40 экземпляров фирменного календаря AirPano на 2024 год с фотографиями самых красивых мест нашей планеты.&nbsp;</p>
351		<p style="text-align: justify;">Фотографии сняты профессиональными фотографами AirPano. Размер календаря 450х420 мм, двусторонняя печать с нанесением уф-лака на все фотографии. Для печати использовалась плотная мелованная бумага с плотностью 250 гр.</p>
352		<p style="text-align: justify;">Уникальность календаря в том, что вместо обычных 12 фотографий, мы напечатали для вас 24! По две на каждый месяц! Это позволяет выбрать, какая вам боольше нравится, а, возможно, вы захотите менять фотографии каждые две недели. Также под фотографией можно увидеть QR код. Наведя на него смартфон, можно перенестись в мир виртуальной реальности и посмотреть виртуальный 360 тур выбранного места.</p>
353		<p>&nbsp;</p>
354		<p><strong>Стоимость календаря - 2500 рублей плюс доставка.</strong></p>
355		<p>Доставка почта России либо СДЭК. Забрать можно у метро Люблино в Москве.&nbsp;</p>
356		<p>&nbsp;</p>
357		<p>Пишите на почту <strong><a href="mailto:[email protected]">[email protected]</a></strong> для приобретения либо звоните по телефону <strong><a href="tel:+79104018302">+7-910-401-83-02</a></strong></p>
358		<p>&nbsp;</p>
359		<table border="0">
360		<tbody>
361		<tr>
362		<td><img src="/files/images_for_articles/cover_2024.jpg" alt="" width="450" height="420" /></td>
363		<td><img src="/files/images_for_articles/january_2024.jpg" alt="" width="450" height="420" /></td>
364		</tr>
365		<tr>
366		<td><img src="/files/images_for_articles/may_2024.jpg" alt="" width="450" height="420" /></td>
367		<td><img src="/files/images_for_articles/september_2024.jpg" alt="" width="450" height="420" /></td>
368		</tr>
369		</tbody>
370		</table>
371        <button class="close" title="Закрыть" onclick="document.getElementById('overlay_cal').style.display='none';"></button>
372		</div>
373    </div>
374</div>
375
376<script type="text/javascript">		
377    if (document.cookie.indexOf('calendar_hide=1') == -1){
378        setTimeout(()=>{ document.getElementById('overlay_cal').style.display='block' }, 500);
379    document.cookie = 'calendar_hide=1; max-age=900; path=/';}
380</script>
380
381-->
382
383
384
385    </div>
386
387
388    <div id="layout_head">
389
390        <!-- <link rel="stylesheet" type="text/css" href="css/top_map.css">
391
392<div id="top_map">
393    <div id="top_map_map"></div>
394
395    <div id="top_map_path">
396        <div id="top_map_btn_open" class="top_map_btn" style="display: block" onclick="top_map_open()">
397            <div class="top_map_btn_ico" style="background-position-y: 0"></div> Показать карту        </div>
398
399        <div id="top_map_btn_close" class="top_map_btn" onclick="top_map_close()">
400            <div class="top_map_btn_ico" style="background-position-y: 100%"></div> Скрыть карту        </div>
401
402        
403                                
404    </div>
405
406
407    
407<script type="text/javascript">
408        window.map_loaded = false;
409        function top_map_switch() {
410            if(document.querySelector("#top_map").getBoundingClientRect().height == 56) top_map_open();
411            else top_map_close();
412        }
413        function top_map_open() {
414            // document.querySelector("#top_map_map").style.display = "";
415            document.querySelector("#top_map_btn_open").style.display = "none";
416            document.querySelector("#top_map_btn_close").style.display = "block";
417            document.querySelector("#top_map_map").style.opacity = 1;
418            document.querySelector("#top_map").style.height = "450px";
419            if(map_loaded == false) load_map();
420            map_loaded = true;
421        }
422        function top_map_close() {
423            document.querySelector("#top_map_btn_open").style.display = "block";
424            document.querySelector("#top_map_btn_close").style.display = "none";
425            document.querySelector("#top_map").style.height = "56px";
426            document.querySelector("#top_map_map").style.opacity = 0;
427            // setTimeout(function(){ document.querySelector("#top_map_map").style.display = "none"; }, 500);
428        }
429    </script>
429
430
431    
431<script type="text/javascript"
432        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCSqlyl8Q9SihTFb2xaaqiSiW13OSu_DNQ&sensor=false&language=en"
433        >
434    </script>
434
435
436    
436<script type="text/javascript">
437        function load_map() {
438            var map = new google.maps.Map(document.getElementById("top_map_map"), {
439                center: new google.maps.LatLng(35.532226,23.767089),
440                zoom: 2,
441                mapTypeId: google.maps.MapTypeId.TERRAIN
442            });
443
444            map.setOptions({ minZoom: 2, maxZoom: 15 });
445        }
446    </script>
446
447
448</div>
449
450 -->
451        <div id="banner_stage">
452	<style type="text/css">
453		#banner_stage {
454			position: relative; width: 100%; height: 80px;
455			/*background-color: #e2f3e3;*/
456			background-color: #ffffd6;
457			line-height: 80px; text-align: center; overflow: hidden;
458			padding: 0 160px 0 10px; box-sizing: border-box;
459			display: none; height: 0; pointer-events: all; cursor: pointer;
460		}	
461		#banner_title {
462			display: inline-block; width: 280px; margin: 0 10px 0 20px;  transform: scale(0) translateX(300px); transition: transform 0.5s;
463			font-family: Verdana; font-size: 22px; line-height: 22px; color: #47b43f; text-align: left; vertical-align: middle;
464		}
465		#banner_text {
466			display: inline-block; width: 340px;  transform: scale(0) translateX(500px); transition: transform 0.5s;
467			font-family: Verdana; font-size: 12px; line-height: 14px; color: #666666; text-align: left; vertical-align: middle;
468		}
469		#banner_x {
470			position: absolute; right: 10px; top: 25px; cursor: pointer;
471			transform: scale(0.8); transition: transform 0.2s;
472		}
473		#banner_x:hover {
474			transform: scale(1);
475		}
476		@media (max-width:600px) {   
477		    #banner_title {
478		        width: 190px; font-size: 15px; line-height: 17px;
479		    }
480		    #banner_img { height: 60%; }
481		    #banner_btn {
482		    	font-size: 12px!important;
483		    	padding: 0 10px 0 10px;
484		    }
485		    #banner_stage {
486				padding: 0 160px 0 10px; 
487			}	
488		}
489		@media (max-width:480px) {  
490			#banner_img { height: 50%; } 
491		    #banner_title {
492		        width: 140px; font-size: 12px; line-height: 14px;
493		    }
494		}
495	</style>
496	
497	<img id="banner_img" src="/images/merch_tshirts.png" draggable="false" height="80%" width="auto" style="vertical-align: middle;">
498	
499		<div id="banner_title">Коллекция одежды и<br>аксессуаров от AirPano</div>
500	<div id="banner_text">Уникальное предложение для поклонников AirPano. Теперь есть возможность заказать футболку с любимой панорамой!</div>
501	
502
503
504
505	<a id="banner_btn" href="/merch.php" class="link_button_green" style="position: absolute; right: 60px; top: 22px" >Заказать</a>
506	<img id="banner_x" src="/images/cross_black.png" draggable="false" title="" >
507
508    
508<script type="text/javascript" src="/js/jquery.min.js"></script>
508
509    
509<script type="text/javascript" src="/js/jquery.cookie.js"></script>
509
510	
510<script type="text/javascript">
511		$(function(){
512			// $.cookie("banner_closed","",{ expires: 1, path: "/" });
513			// var c = $.cookie("banner_closed");
514			var c = 1;
515        	if(typeof c == "undefined" || c == 0) {
516        		setTimeout(function(){
517            		$("#banner_stage").fadeIn(0).animate({ height: 80 },{
518    					duration: 300,
519						complete: function(){
520							$("#banner_title").css({ transform: "scale(1) translateX(0)" })
521							setTimeout(function(){
522								$("#banner_text").css({ transform: "scale(1) translateX(0)" })
523							},300);
524						}
525    				});
526        		},500);
527			} else {
528				$("#banner_stage").fadeOut(0);
529				// $("#banner_stage").remove();
530			}
531			function openMerch(e){
532				e.preventDefault();
533				e.stopPropagation();
534				$.cookie("banner_closed","1",{ expires: 1, path: "/" });
535				window.open("/merch.php","_self");
536			}
537			$("#banner_stage").on("click",openMerch);
538			$("#banner_btn").on("click",openMerch);
539			$("#banner_x").on("click",function(e){
540				e.preventDefault();
541				e.stopPropagation();
542				$.cookie("banner_closed","1",{ expires: 1, path: "/" });
543				$("#banner_stage").animate({ height: 0 },{
544					duration: 300, complete: function(){
545						$("#banner_stage").fadeOut(0);
546					}
547				});
548			});
549
550
551		})
552	</script>
552
553</div>        
554    </div>
555
556
557    <div id="layout_body">
558
559        
560
561
562        <div id="content">
563
564            <br>
565            <h1>Статьи</h1>
566
567            <style type="text/css">
568                #article_stage {
569                    /*border-left: 1px dashed #CCCCCC;*/
570                }
571                #article_stage {
572                    padding: 0 0 0 43px;
573                    box-sizing: border-box;
574                }
575
576                .article {
577                    display:inline-block;
578                    position: relative;
579                    border-left: 1px dashed #CCCCCC;
580                    padding: 0 0 0 60px;
581                    box-sizing: border-box;
582                }
583
584                .article h2 {
585                    font-family: "Open Sans", Arial, sans-serif;;
586                    font-weight: 700;
587                    line-height: 20px;
588                    margin-top: 6px;
589                    text-align: left;
590                }
591
592                .article h2 a {
593                    font-size: 20px;
594                    color: #51b72d;
595                    text-decoration: none;
596                }
597
598                .article h2 a:hover {
599                    text-decoration: underline;
600                }
601
602                .article p {
603                    max-width: 840px;
604                    font-family: "Open Sans", Arial, sans-serif;;
605                    font-size: 13px!important;
606                    font-weight: 200;
607                    color: #444444;
608                }
609
610                .article a, #news_stage > a {
611                    color: #51b72d;
612                    text-decoration: none;
613                    font-family: "Open Sans", Arial, sans-serif;;
614                    font-weight: 400;
615                }
616
617                .article > a {
618                    color: #51b72d;
619                    font-size: 17px;
620                }
621
622                .article a:hover, , #news_stage > a:hover {
623                    text-decoration: underline;
624                }
625
626                .article p img {
627                    max-width: 100%;
628                    height: auto;
629                }
630
631                .article_date {
632                    position: absolute;
633                    left: -43px; top: 0px;
634                    width: 86px; height: 86px;
635                    border: 1px solid #CCCCCC;
636                    background: #FFFFFF;
637                    border-radius: 100px;
638                    box-sizing: border-box;
639                }
640
641                .article:hover .article_date {
642                    background: #EEEEEE;
643                }
644
645                .article_day {
646                    position: absolute;
647                    top: 23px; left: 0; width: 100%;
648                    text-align: center;
649                    font-family: Arial;
650                    font-size: 13px;
651                    font-weight: 400;
652                    color: #777777;
653                }
654
655                .article_year {
656                    position: absolute;
657                    top: 41px; left: 0; width: 100%;
658                    text-align: center;
659                    font-family: Arial;
660                    font-size: 19px;
661                    font-weight: 400;
662                    color: #777777;
663                }
664
665                @media (max-width:780px) {   
666                    #news_stage {
667                        padding: 0;
668                        text-align: center;
669                    }
670
671                    .news {
672                        padding: 0;
673                        border: 0;
674                    }
675
676                    .news_date {
677                        position: relative;
678                        left: 0;
679                    }
680
681                }
682            </style>
683
684
685
686
687            <div id="article_stage">
688
689
690                 
691
692                <div class="article">
693
694                    <div class="article_date">
695                        <span class="article_day">11 Dec</span>
696                        <span class="article_year">2014</span>
697                    </div>
698                    
699                    <h2><a href="/article.php?article=104474">Почему AirPano перешел на Nikon</a></h2>
700                    <p>Споры о том, какая камера лучше, порой переходящие в настоящие войны поклонников той или иной марки, бесконечны. Целью этой статьи не явÐ
700»ÑÐµÑ‚ся выяснить, какая оптика лучше, кто синит или желтит, или отдать безусловное предпочтение какой-то определенной модели.
701Мы расскажем о том, почему мы снимаем на Nikon. Хотелось бы отметить, что наш проект ориентирован на довольно специфические задачи: съемку панорам с воздуха. Поэтому и требования к технике у нас особые.</p>
702
703                    <div style="text-align: right;"><a href="/article.php?article=104474">Читать далее...</a></div>
704
705                    <br>
706                    <br>
707                    <br>
708                </div>        
709
710                 
711
712                <div class="article">
713
714                    <div class="article_date">
715                        <span class="article_day">23 Apr</span>
716                        <span class="article_year">2013</span>
717                    </div>
718                    
719                    <h2><a href="/article.php?article=103407">Техника съемки сферической стерео панорамы</a></h2>
720                    <p>Мы сделали множество сферических панорам в различных уголках земного шара, порой сложных и уникальных, позволяющих зрителю побывать в самых интересных местах нашей планеты. Кроме того, посмотреть достопримечательности с самых невероятных ракурсов, которые ранее были просто недоступны.   Однако, оставалась нерешенной очень сложная задача - передать объёмность изображения на сферической панораме. И, наконец, нам удалось ее решить!</p>
721
722                    <div style="text-align: right;"><a href="/article.php?article=103407">Читать далее...</a></div>
723
724                    <br>
725                    <br>
726                    <br>
727                </div>        
728
729                 
730
731                <div class="article">
732
733                    <div class="article_date">
734                        <span class="article_day">18 Sep</span>
735                        <span class="article_year">2012</span>
736                    </div>
737                    
738                    <h2><a href="/article.php?article=103259">Интерактивная VR панорама</a></h2>
739                    <p>VR панорама создается с помощью серии снимков, полученных вокруг объекта съемки. Таким образом, объект снимается с разных углов. Мы попробовали данную технологию при съемках с вертолета. </p>
740
741                    <div style="text-align: right;"><a href="/article.php?article=103259">Читать далее...</a></div>
742
743                    <br>
744                    <br>
745                    <br>
746                </div>        
747
748                 
749
750                <div class="article">
751
752                    <div class="article_date">
753                        <span class="article_day">20 Sep</span>
754                        <span class="article_year">2011</span>
755                    </div>
756                    
757                    <h2><a href="/article.php?article=101586">Съемка сферических 360-видеоклипов (360 видео)</a></h2>
758                    <p>Данная статья написана не как сухое руководство пользователя по съёмке сферических видеоклипов, а как история наших экспериментов по этому вопросу со всеми совершенными ошибками, подчас курьезными,  и лирическими отступлениями.</p>
759
760                    <div style="text-align: right;"><a href="/article.php?article=101586">Читать далее...</a></div>
761
762                    <br>
763                    <br>
764                    <br>
765                </div>        
766
767                 
768
769                <div class="article">
770
771                    <div class="article_date">
772                        <span class="article_day">28 Feb</span>
773                        <span class="article_year">2011</span>
774                    </div>
775                    
776                    <h2><a href="/article.php?article=100919">Ночная съемка сферических панорам с использованием выносного шеста.</a></h2>
777                    <p>Технически съемка сферических панорам из окна бывает достаточно сложной, особенно если она проводится в вечернее время. В этой статье мы поделимся методиками съемки таких панорам и расскажем о том, как мы делали "Нью Йорк, я люблю тебя..."</p>
778
779                    <div style="text-align: right;"><a href="/article.php?article=100919">Читать далее...</a></div>
780
781                    <br>
782                    <br>
783                    <br>
784                </div>        
785
786                 
787
788                <div class="article">
789
790                    <div class="article_date">
791                        <span class="article_day">04 Oct</span>
792                        <span class="article_year">2010</span>
793                    </div>
794                    
795                    <h2><a href="/article.php?article=100576">Выкладываем сферу в Интернет с помощью Krpano. Легкий старт для начинающих.</a></h2>
796                    <p>Этой статьей мы начинаем серию публикаций, в которых расскажем, как это делается и поделимся нашим опытом. Сразу отметим, что если не углубляться в широчайшие возможности Krpano, то все достаточно просто, и результат достигается несколькими движеними мышки. Именно с простого мы и начнем эту статью.</p>
797
798                    <div style="text-align: right;"><a href="/article.php?article=100576">Читать далее...</a></div>
799
800                    <br>
801                    <br>
802                    <br>
803                </div>        
804
805                
806                <br>
807                <br>
808                <br>
809                <br>
810                <br>
811                <br>
812
813
814            </div>   
815
816
817        </div>
818
819
820
821
822
823
824
825
826
827    </div>
828
829
830    <div id="layout_footer" class="">
831
832        <style type="text/css">
833	#backScroller {
834		position: fixed;
835		right: 0;
836		bottom: 100px;
837		width: 40px;
838		height: 50px;
839		margin-top: -25px;
840		text-align: center;
841		z-index: 10000;
842		border-radius: 4px 0 0 4px;
843		background: #51b72d;
844		margin-right: 0px;
845		-webkit-transition: margin-right .3s;
846		-moz-transition: margin-right .3s;
847		-ms-transition: margin-right .3s;
848		-o-transition: margin-right .3s;
849		transition: margin-right .3s;
850	}
851	#backScroller > a:hover {
852		background-color: #6cd646!important;
853	}
854	#backScroller > a {
855		display: block;
856		width: 100%;
857		height: 100%;
858		border-radius: 4px 0 0 4px;
859		background: url(/images/arrow_back_scroll.png) center no-repeat;
860		background-color: transparent;
861		-webkit-transition: margin-right .3s;
862		-moz-transition: margin-right .3s;
863		-ms-transition: margin-right .3s;
864		-o-transition: margin-right .3s;
865		transition: background-color .3s;
866	}
867
868	#downScroller {
869		position: fixed;
870		right: 0;
871		bottom: 10px;
872		width: 40px;
873		height: 50px;
874		/*margin-top: -25px;*/
875		text-align: center;
876		z-index: 10000;
877		border-radius: 4px 0 0 4px;
878		background: #51b72d;
879		margin-right: 0px;
880		-webkit-transition: margin-right .3s;
881		-moz-transition: margin-right .3s;
882		-ms-transition: margin-right .3s;
883		-o-transition: margin-right .3s;
884		transition: margin-right .3s;
885	}
886	#downScroller > a:hover {
887		background-color: #6cd646!important;
888	}
889	#downScroller > a {
890		display: block;
891		width: 100%;
892		height: 100%;
893		border-radius: 0 4px 4px 0;
894		background: url(/images/arrow_back_scroll.png) center no-repeat;
895		background-color: transparent;
896		-webkit-transition: margin-right .3s;
897		-moz-transition: margin-right .3s;
898		-ms-transition: margin-right .3s;
899		-o-transition: margin-right .3s;
900		transition: background-color .3s;
901		transform: rotate(180deg);
902	}
903</style>
904
905<div id="backScroller" style="margin-right:-40px;">
906    <a href="#" onclick="event.preventDefault();scrollToTop();"></a>
907</div>
908
909<div id="downScroller" style="margin-right:-40px;">
910    <a href="#" onclick="event.preventDefault();scrollDown();"></a>
911</div>
912
913<script type="text/javascript">
914	window.backScroller = document.querySelector("#backScroller");
915	window.downScroller = document.querySelector("#downScroller");
916    window.backScrollerTimeout = null;
917
918    // window.addEventListener("resize", function(){
919        // console.log(viewportSize.box.width);
920        // showHideBackScroller();
921    // });
922
923    // function showHideBackScroller(){
924        // if(viewportSize.box.width < 800)
925        //     backScroller.style.right = "-1000px";
926        // else
927        //     backScroller.style.right = "0px";
928    // }
929
930    // showHideBackScroller();
931
932
933    function scrollToTop(){
934        var bodyElm = (document.body.scrollTop > 0) ? document.body : document.documentElement;				    
935        tween(bodyElm, { scrollTop: 0 },500,"",null,function(){
936                
937        });
938    }
939
940    window.addEventListener("scroll",updateScrollers,false);
941
942    function updateScrollers(){
943
944        clearTimeout(backScrollerTimeout);
945
946        backScrollerTimeout = setTimeout(function(){
947            if(window.scrollY > 200) {
948                if(parseInt(backScroller.style.marginRight) < 0)
949                    backScroller.style.marginRight = 0;
950                    downScroller.style.marginRight = "-40px";
951            } else {
952                if(parseInt(backScroller.style.marginRight) > -40)
953                    backScroller.style.marginRight = "-40px";
954                    downScroller.style.marginRight = 0;
955            }
956        },100);
957
958    }
959
960    updateScrollers();
961
962	function scrollDown(){
963		var bodyElm = (document.body.scrollTop > 0) ? document.body : document.documentElement;				    
964        tween(bodyElm, { scrollTop: bodyElm.clientHeight - 230 },500,"",null,function(){
965                
966        });
967	}
968
969</script>
969
970
971
972<link rel="stylesheet" type="text/css" href="/css/footer.css"> 
973
974<div style="width: 94%; max-width: 1290px; margin: 0 auto; font-size: 0; padding: 40px 0;">
975
976    <div class="footer_row">
977        <div id="footer_column_social" class="footer_column" style="width: 36%;  min-width: 300px;">
978            <div id="footer_appstore" class="footer_column_social_item">
979                <a href="https://apps.apple.com/us/app/airpano-travel-book/id887138564">
980                    <img src="/css/img/appstore.png" class="img-responsive" alt="" width="130">
981                </a>
982            </div>
983            
984            <div id="footer_social_btns" class="footer_column_social_item">
985                <div class="footer_column_h">Мы в соцсетях</div>
986                <div style="font-size: 30px; margin-top:-4px; margin-bottom:-20px">
987                   <!--  <a href="https://facebook.com/airpano" class="fa fa-facebook jssocials-share-logo"></a>
988					<a href="https://www.instagram.com/airpano" class="fa fa-instagram jssocials-share-logo"></a>  -->
989
990                    <a href="https://www.youtube.com/airpanovr" class="fa fa-youtube jssocials-share-logo" style="color: #ec0005"></a>
991                    
992                    <a href="https://twitter.com/airpano" class="fa fa-twitter jssocials-share-logo"></a>
993                    
994                               
995                    <a href="https://vk.com/airpano" class="fa fa-vk jssocials-share-logo"></a>
996                    
997                    <a href="https://www.google.com/maps/contrib/106642761680605709217/photos/@37.0625,-95.677068,4z/data=!4m3!8m2!3m1!1e2" class="fa fa-google jssocials-share-logo"></a>
998                    
999                    <!-- <a href="https://airpano.smugmug.com/" style=""><img src="/images/social/smug.png" style="vertical-align: bottom;" height="38" width="auto"></a> -->
1000                </div>
1001
1002            </div>
1003            
1004            <div id="footer_subscribe" class="footer_column_social_item">
1005                <div class="footer_column_h">Подпишитесь на новости</div>
1006                <!-- <form id="footer_search"  action="maillist.php" method="post">
1007                    <input type="text" id="footer_search_input" name="email" placeholder="E-mail">
1008                    <button type="submit" name="submit" id="footer_search_btn">Ok</button>
1009                </form>-->
1010
1011
1012            </div>
1013        </div>
1014
1015        <div id="footer_info" class="footer_column" style="width: 23%; min-width: 160px;">
1016            <!-- <div class="btn"></div> -->
1017            <div class="footer_column_h">ИНФОРМАЦИЯ</div>
1018            <div class="footer-menu">
1019                <a href="/news_list.php">Новости</a>
1020                <a href="/google_map.php">АирПано на карте мира</a>
1021				<a href="/maillist.php">Подписка</a>
1022 				<a href="/about.php">Проект АирПано</a>
1023                <a href="/about.php#team">Наша команда</a>    
1024				
1025                <a href="/article_list.php">Статьи</a>
1026                   <!-- <a href="/guestbook.php">Гостевая книга</a> -->
1027                <a href="/contact.php">Контакты</a>
1028                <a href="/frequently_asked_questions.php">FAQ</a>
1029                <a href="/citations.php">Правила цитирования</a>
1030                <a href="/partners.php">Наши клиенты и партнеры</a>
1031            </div>
1032        </div>
1033
1034        <div id="footer_services" class="footer_column" style="width: 23%; min-width: 160px;">
1035            <!-- <div class="btn"></div> -->
1036            <div class="footer_column_h">УСЛУГИ</div>
1037            <div class="footer-menu">
1038                <a href="/services.php">Наши услуги</a>
1039                <a href="/services.php?service=service360foto">360° Фото</a>
1040                <a href="/services.php?service=service360video">360° Видео</a>
1041                <a href="/services.php?service=service360giga">360° Гигапанорамы</a>
1042                <a href="/services.php?service=service360laps">360° Тайм-лапс</a>
1043                <a href="/services.php?service=serviceTour#b2">Виртуальные туры</a>
1044                <a href="/services.php?service=serviceVideobank#b2">Видеобанк</a>
1045                <a href="/services.php?service=serviceFotobank#b2">Фотобанк</a>
1046                <a href="/merch.php">Коллекция одежды</a>
1047                <a href="/services.php?service=serviceApps#b2">Приложения</a>
1048                <a href="/services.php?service=serviceCinema#b3">
1048Панорамное кино</a>
1049                <a href="/services.php?service=servicePanel#b3">Touch screens</a>
1050                <a href="/services.php?service=serviceVRGlasses#b3">VR Шлемы</a>
1051                <a href="/services.php?service=serviceBinocular#b3">Бинокуляр</a>
1052            </div>
1053            
1054        </div>
1055
1056        <div id="footer_links" class="footer_column" style="width: 18%; min-width: 160px;">
1057            <!-- <div class="btn"></div> -->
1058            <div class="footer_column_h">ССЫЛКИ</div>
1059            <div class="footer-menu">
1060                <a target="_blank" href="https://antarctica360.airpano.com/">АирПано Антарктика</a>
1061                <a target="_blank" href="https://travelbook.airpano.com/">TravelBook для iOS</a>
1062                <a target="_blank" href="https://citybook.airpano.com/">CityBook для iOS</a>
1063                <a target="_blank" href="https://tv.airpano.com/">АирПано для AppleTV</a>
1064            </div>
1065        </div>
1066    </div>
1067
1068    <div id="footer_splitter">
1069        <hr style="border: 0px; border-bottom: 1px solid #444444; margin: 20px 0">
1070    </div>
1071
1072    <div id="footer_introtext" class="footer_column" style="width: 59%;">
1073        Наши панорамы и фотографии широко используются ведущими западными компаниями. Среди клиентов и партнеров АирПано – Google, Microsoft, Adobe, Facebook, LG, Samsung, Nokia и другие. Приложение АирПано Travel Book вошло в число лучших по версии Apple за 2014 год.<br><br>
1074	
1075<a href="/policy_personal_data.php">Политика обработки и защиты персональных данных</a>
1076
1077    </div>
1078    <div id="footer_contact" class="footer_column" style="width: 40%; ">
1079        <div style="width: 56%; min-width-: 100px;">
1080            <div class="footer_column_h">Связаться с нами</div>
1081            	
1082			             <a href="tel:+79168276307" class="tel">+7 916-827-63-07</a>
1083            			<br>
1084            <a href="mailto:[email protected]" class="email">[email protected]</a>
1085                
1086            <br>
1087            <br>
1088            резервный<br><a href="mailto:[email protected]" class="email">[email protected]</a>                      
1089        </div>
1090        <div style="width: 43%; min-width-: 240px;">
1091            <div class="footer_column_h">
1092			ООО Аирпано,<BR> ОГРН 1137746285709,<BR> ИНН 7724871076
1093 			
1094			</div>
1095            <p>
1095<script>document.write(new Date().getFullYear())</script>
1095 &copy; Все Права Защищены</p>
1096            <!-- <a href="/news.php?news=103297" target="_blank">-->
1097                <!-- <img src="css/img/runet.png" class="img-responsive" alt=""> -->
1098               <!--  <img src="/css/img/runet2.png" class="img-responsive" alt="">-->
1099           <!--  </a>          -->              
1100        </div>
1101    </div>
1102
1103</div>
1104
1105<!-- Yandex.Metrika counter -->
1106<script type="text/javascript" >
vendor: 300 bytes, lines 1106-1111
1106
1107   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
1108   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)})
1109   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
1110
1111   ym(
11118137978
vendor: 123 bytes, lines 1111-1116
1111, "init", {
1112        clickmap:true,
1113        trackLinks:true,
1114        accurateTrackBounce:true,
1115        webvisor:true
1116   });
1117</script>
1117
1118<noscript><div><img src="https://mc.yandex.ru/watch/8137978" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
1119<!-- /Yandex.Metrika counter -->
1120
1121
1122
1123
1124<script type="text/javascript">
1125    // forEach polyfill
1126    if (window.NodeList && !NodeList.prototype.forEach) {
1127        NodeList.prototype.forEach = function (callback, thisArg) {
1128            thisArg = thisArg || window;
1129            for (var i = 0; i < this.length; i++) {
1130                callback.call(thisArg, this[i], i, this);
1131            }
1132        };
1133    }
1134
1135    window.addEventListener("resize",footer_update);
1136
1137    function footer_update(){
1138        if(window.innerWidth < 965) {
1139            if(window.innerWidth < 685)
1140                document.querySelector("#layout_footer").className = "mobile";
1141            else 
1142                document.querySelector("#layout_footer").className = "tablet";
1143            // document.querySelector("#top_menu").style.display = "none";
1144        } else {
1145            document.querySelector("#layout_footer").className = "";
1146            document.querySelectorAll("#layout_footer .btn").forEach(function(item){
1147                item.style.transform = "";
1148            })
1149            document.querySelector("#footer_info").style.height = "";
1150            document.querySelector("#footer_services").style.height = "";
1151            document.querySelector("#footer_links").style.height = "";
1152        }
1153    }
1154
1155    footer_update();
1156
1157    document.querySelector("#footer_info > .footer_column_h").addEventListener("click",footer_column_expand);
1158    document.querySelector("#footer_services > .footer_column_h").addEventListener("click",footer_column_expand);
1159    document.querySelector("#footer_links > .footer_column_h").addEventListener("click",footer_column_expand);
1160
1161    function footer_column_expand(){
1162        if(parseInt(this.parentNode.style.height) > 40) {
1163            this.parentNode.style.height = "40px";
1164            this.parentNode.querySelector(".btn").style.transform = "rotate(45deg)";
1165        } else {
1166            this.parentNode.style.height = this.parentNode.scrollHeight + "px";
1167            this.parentNode.querySelector(".btn").style.transform = "rotate(225deg)";
1168        }
1169    }
1170</script>
1170       
1171        
1172    </div>
1173
1174
1175</body>
1176</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.