PageSourceSearch

https://atlas100.ru/examples/

html atlas100.ru collected 2026-10-02 04:31:17 UTC 26,974 bytes, 484 lines download raw bytes

1<script type="text/javascript">
2	var Vars = {};
3	Vars.main = false;
4			Vars.lang = 'ru';
5		</script>
5<!DOCTYPE html>
6<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
7<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
8<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
9<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
10<head>
11    <meta charset="utf-8">
12    <meta name="facebook-domain-verification" content="s5wquuk6739jyquqts1fma4xdr75eo" /> 
13      <!--[if IE]>
14      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
15      
15<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
15
16    <![endif]-->
17			<title>Примеры использования атласа | Атлас новых профессий</title>
18		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
19<link href="//fonts.googleapis.com/css?family=Open+Sans:400,300,700,600&subset=latin,cyrillic-ext" type="text/css"  rel="stylesheet" />
20<link href="/bitrix/templates/atlas/components/bitrix/news.list/examples_events_and_projects/style.css?1465898004150" type="text/css"  rel="stylesheet" />
21<link href="/bitrix/templates/atlas/components/bitrix/news.list/examples_video/style.css?1465911388150" type="text/css"  rel="stylesheet" />
22<link href="/bitrix/templates/atlas/css/template_styles.css?155792581072980" type="text/css"  data-template-style="true"  rel="stylesheet" />
23<link href="/bitrix/templates/atlas/css/colorbox.css?15089249194096" type="text/css"  data-template-style="true"  rel="stylesheet" />
24<link href="/bitrix/templates/atlas/css/fa-solid.min.css?1519811072642" type="text/css"  data-template-style="true"  rel="stylesheet" />
25<link href="/bitrix/templates/atlas/css/fa-regular.min.css?1519811072650" type="text/css"  data-template-style="true"  rel="stylesheet" />
26<link href="/bitrix/templates/atlas/css/fontawesome.min.css?151981107333994" type="text/css"  data-template-style="true"  rel="stylesheet" />
27<link href="/bitrix/templates/atlas/css/styles.css?1439820464111" type="text/css"  data-template-style="true"  rel="stylesheet" />
28<link href="/bitrix/templates/atlas/components/bitrix/breadcrumb/breadcrumb/style.css?1439820464207" type="text/css"  data-template-style="true"  rel="stylesheet" />
29<script type="text/javascript" src="/bitrix/templates/atlas/js/jquery-1.6.2.min.js?143982046491555"></script>
vendor: 1 bytes, line 29
29
30<script type="text/javascript" src="/bitrix/templates/atlas/js/jquery.mousewheel.js?14398204642778"></script>
vendor: 1 bytes, line 30
30
31<script type="text/javascript" src="/bitrix/templates/atlas/js/jScrollPane.js?143982046414327"></script>
vendor: 1 bytes, line 31
31
32<script type="text/javascript" src="/bitrix/templates/atlas/js/jq_validate.js?145811522838269"></script>
vendor: 1 bytes, line 32
32
33<script type="text/javascript" src="/bitrix/templates/atlas/js/jQuery.plugins1.js?143982046454285"></script>
vendor: 1 bytes, line 33
33
34<script type="text/javascript" src="/bitrix/templates/atlas/js/general.js?151982163636250"></script>
vendor: 1 bytes, line 34
34
35<script type="text/javascript" src="/bitrix/templates/atlas/js/queryLoader.js?15350996276634"></script>
vendor: 1 bytes, line 35
35
36<script type="text/javascript" src="/bitrix/templates/atlas/js/tween.js?143982046499366"></script>
vendor: 1 bytes, line 36
36
37<script type="text/javascript" src="/bitrix/templates/atlas/js/jquery.colorbox-min.js?150892405211856"></script>
vendor: 1 bytes, line 37
37
38<script type="text/javascript" src="/bitrix/templates/atlas/js/face.js?14398204646265"></script>
vendor: 1 bytes, line 38
38
39<script type="text/javascript" src="/bitrix/templates/atlas/js/jquery-1.11.2.min.js?151982193395972"></script>
vendor: 1 bytes, line 39
39
40<script type="text/javascript" src="/bitrix/templates/atlas/js/jquery.easy-autocomplete.min.js?151982859615855"></script>
vendor: 1 bytes, line 40
40
41<script type="text/javascript" src="/bitrix/templates/atlas/js/jquery.cookie.js?15198231082839"></script>
vendor: 1 bytes, line 41
41
42<script type="text/javascript" src="/bitrix/templates/atlas/js/geo_script.js?15565374284194"></script>
vendor: 1 bytes, line 42
42
43<script type="text/javascript">var _ba = _ba || []; _ba.push(["aid", "91b29cff1c4e9e470903889ce8bf0ded"]); _ba.push(["host", "atlas100.ru"]); (function() {var ba = document.createElement("script"); ba.type = "text/javascript"; ba.async = true;ba.src = (document.location.protocol == "https:" ? "https://" : "http://") + "bitrix.info/ba.js";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(ba, s);})();</script>
43
44
45
46    <meta name="viewport" content="width=1024px" />
47	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
48    <link rel="apple-touch-icon" href="/bitrix/templates/atlas/icons/apple-touch-icon.png" />
49    <link rel="apple-touch-icon" sizes="57x57" href="/bitrix/templates/atlas/icons/apple-touch-icon-57x57.png" />
50    <link rel="apple-touch-icon" sizes="60x60" href="/bitrix/templates/atlas/icons/apple-touch-icon-60x60.png" />
51    <link rel="apple-touch-icon" sizes="72x72" href="/bitrix/templates/atlas/icons/apple-touch-icon-72x72.png" />
52    <link rel="apple-touch-icon" sizes="76x76" href="/bitrix/templates/atlas/icons/apple-touch-icon-76x76.png" />
53    <link rel="apple-touch-icon" sizes="114x114" href="/bitrix/templates/atlas/icons/apple-touch-icon-114x114.png" />
54    <link rel="apple-touch-icon" sizes="120x120" href="/bitrix/templates/atlas/icons/apple-touch-icon-120x120.png" />
55    <link rel="apple-touch-icon" sizes="144x144" href="/bitrix/templates/atlas/icons/apple-touch-icon-144x144.png" />
56    <link rel="apple-touch-icon" sizes="152x152" href="/bitrix/templates/atlas/icons/apple-touch-icon-152x152.png" />
57	
57<script src="https://api-maps.yandex.ru/2.1/?apikey=34c7b625-22f0-4419-8fb6-29949994c75e&lang=ru_RU" type="text/javascript"></script>
57
58</head>
59	<body class="body  ">
60<div class="box-popup act">
61  <a href="javascript:" class="close-popup"></a>
62	<a href="http://box.atlas100.ru/?source=_popup" target="_blank"><img src="/upload/box_popup.png" /></a>
63</div>
64		<div id="panel"></div>
65				
66		<nav class="over">
67			<div class="title"></div>
68			<ul>
69				<li><a href="/">Главная</a></li>
70				<li><a href="/about/">О проекте</a></li>
71				<li><a href="/catalog/">Отрасли и профессии</a></li>
72				<li><a href="/future/">Будущее рынка труда</a></li>
73                  <li><a href="/examples/">Примеры использования атласа</a></li>
74                    <li><a href="https://www.alpinabook.ru/catalog/book-600310/" target=_blank>Купить книгу</a></li>
75          
76          <li><a href="http://atlas100.ru/upload/pdf_files/atlas.pdf">Скачать книгу</a></li>
77          				<li><a href="http://box.atlas100.ru/?source=_mainsite" target=_new>Комплект "Мир профессий будущего"</a></li>
78        <li><a href="/contacts/">Контакт</a></li>
79			</ul>
80		</nav>
81		
82		<header class="main">
83			<div class="menu_opener"></div>
84			<div class="warp clearfix">
85				<div class="header_logo">
86          <a href="/">
87                  <img src="/bitrix/templates/atlas/images/header_logo_mainpage.png">
88                  </a>
89        				</div>
90                  <div class="wwf-logo" data-hover-text="Экологические профессии будущего: совместный проект Атласа новых профессий и WWF России">
91            <a href="//eco.atlas100.ru" target="_blank"><img src="/bitrix/templates/atlas/images/wwf_logo.png" alt="" /></a>
92          </div>
93          			</div>
94              <div class="geo-city-block">
95          <a href="javascript:"><i class="fas fa-map-marker-alt"></i>Москва</a>
96          <div class="geo-confirm-block ">
97  <div class="title">Ваш регион: <i class="fas fa-times"></i></div>
98  <div class="text">Москва</div>
99  <a href="javascript:" class="btn green is-not-ok">Выбрать другой</a>
100  <a href="javascript:" class="btn green is-ok" data-id="2097">Да, всё верно</a>
101</div>        </div>
102        <div class="lang">
103                      <a style="cursor:pointer" class="active">ru</a>
104            <a href="/en/examples/">en</a>
105                  </div>
106        
107
108        		</header>
109		<section class="main">
110							<div class="warp clearfix page">
111											
112
113	<nav class="left">
114		<div class="n_cnt">
115			<div class="nav_header">Примеры использования атласа</div>
116			<ul>
117				<li><a href="#events_and_projects" class="active">
118					<span class="helper"></span>
119					<span>Мероприятия и проекты</span>
120					<small></small>
121				</a></li>
122				<li><a href="#games_and_practices">
123					<span class="helper"></span>
124					<span>Игры и практика</span>
125					<small></small>
126				</a></li>
127				<li><a href="#instructions_for_use">
128					<span class="helper"></span>
129					<span>Инструкция по применению</span>
130					<small></small>
131				</a></li>
132				<li><a href="#video">
133					<span class="helper"></span>
134					<span>Видео</span>
135					<small></small>
136				</a></li>
137			</ul>
138		</div>
139	</nav>
140
141
142
143						<div class="pt_content ">
144							<h1 class="page_title" id="business_of_the_future">Примеры использования атласа</h1>
145                <div class="breadcrumbs"><a href="/">Главная</a><a>Примеры использования атласа</a></div>															
146																					<div class="pt_content">
147			<a id="events_and_projects"></a>
148			<div class="news-div">
149			<div class="preview">
150	<h2 class="big">Мероприятия и проекты</h2>
151	<div class="items">
152
153		<div class="item" id="bx_3218110189_2826">
154			<div class="date-div">
155				<div class="date">17.11.2017</div>
156			</div>
157			<div class="title-div">
158				<div class="title">
159					<a href="/examples/events-and-projects/atlas-v-z-community-kazakhstan/">Атлас в Z Community, Казахстан</a>
160				</div>
161			</div>
162			<div class="text-div">
163				<div class="text">Три короткиx игры от Ильдара Тапалова.</div>
164			</div>
165		</div>	
166
167		<div class="item" id="bx_3218110189_2825">
168			<div class="date-div">
169				<div class="date">17.11.2017</div>
170			</div>
171			<div class="title-div">
172				<div class="title">
173					<a href="/examples/events-and-projects/kvest-proforientatsionnoy-napravlennosti-gorgorod/">Квест профориентационной направленности &quot;Горгород&quot;</a>
174				</div>
175			</div>
176			<div class="text-div">
177				<div class="text">Виртуальный город профессий будущего.</div>
178			</div>
179		</div>	
180
181		<div class="item" id="bx_3218110189_843">
182			<div class="date-div">
183				<div class="date">26.04.2017</div>
184			</div>
185			<div class="title-div">
186				<div class="title">
187					<a href="/examples/events-and-projects/tvorcheskiy-konkurs-arkticheskie-professii-nastoyashchee-i-budushchee/">Творческий конкурс «Арктические профессии. Настоящее и Будущее»</a>
188				</div>
189			</div>
190			<div class="text-div">
191				<div class="text">В Мурманске прошёл муниципальный конкурс, нацеленный на освоение школьниками Атласа новых профессий.</div>
192			</div>
193		</div>	
194	</div>
195	<div class="detail-link-div"><a href="/examples/events-and-projects/">Посмотреть все</a></div>
196</div>
197
198			</div>
199		</div>
200		
201		<div class="pt_content">
202			<a id="games_and_practices"></a>
203			<h2 class="big">Игры и практика</h2>
204<div class="games-and-practices-div cookie">
205	<div class="items">
206            <div class="item future-prof">
207                <div class="title-div">
208                    <div class="title"><a href="/examples/games-and-practices/mpb/">Мир профессий будущего</a></div>
209                </div>
210            </div>
211		<div class="item games">
212			<div class="title-div">
213				<div class="title"><a href="/examples/games-and-practices/games/">Игры</a></div>
214			</div>
215		</div>
216		<div class="item career_guidance_lessons">
217			<div class="title-div">
218				<div class="title"><a href="/examples/games-and-practices/career-guidance-lessons/">Профориентационные уроки</a></div>
219			</div>
220		</div>
221		<div class="item extracurricular_activities">
222			<div class="title-div">
223				<div class="title"><a href="/examples/games-and-practices/extracurricular-activities/">Внеклассные мероприятия</a></div>
224			</div>
225		</div>
226	</div>
227</div>		</div>
228		<div class="pt_content">
229			<a id="instructions_for_use"></a>
230			<h2 class="big" id="instruction">ИНСТРУКЦИЯ ПО ПРИМЕНЕНИЮ</h2>
231<div class="text">
232	<p>Для людей, желающих разработать собственные инструменты работы с Атласом новых профессий, мы разработали специальное методическое пособие. В первую очередь – это рекомендации для работников школ и сервисов дополнительного образования, однако это пособие может оказаться и родителям, которые хотят поговорить о будущем и изменениях, которые оно несет, со своими детьми. Чтобы получить пособие, оставьте ваши контактные данные, мы пришлем вам ссылку для скачивания. Обещаем, что мы не будем передавать ваши данные кому бы то ни было. Если ссылка не приходит – проверьте папку «Спам».</p>
233</div>			<div class="instruction-form-div">
234	<form id="instruction_form" method="post" action="/examples/">
235		<div class="form-div">
236			<div class="field-div">
237				<input type="text" name="f_fio" placeholder="Ф.И.О." value="" />
238			</div>
239			<div class="field-div">
240				<input type="text" name="f_work" placeholder="Место работы" value="" />
241			</div>
242			<div class="field-div">
243				<input type="text" name="f_job" placeholder="Должность" value="" />
244			</div>
245			<div class="field-div">
246				<input type="text" name="f_email" placeholder="Электронная почта" value="" />
247			</div>
248			<div class="submit-div">
249				<a href="javascript:" onclick="inst_form_val()">	
250					<span>Получить ссылку</span>
251					<div class="icon download"></div>
252				</a>
253			</div>
254		</div>
255	</form>
256</div>
257<div id="i_f_mess_send"></div>		</div>
258		<div class="pt_content">
259			<a id="video"></a>
260			
261	<h2 class="header"><span>Видео</span></h2>
262	<div class="clearfix iso_b">
263	
264			
265			<div class="report" id="bx_651765591_838">
266				<a href="/examples/video/videokurs-po-primeneniyu-atlasa-novykh-professiy/" class="all"></a>
267				<div class="image"><img src="//i3.ytimg.com/vi/gjqeWWqybzI/mqdefault.jpg" style="margin-left:-32px; height:159px"></div>
268				<div class="date"></div>
269				<div class="name"><span>Видеокурс по применению Атласа новых профессий</span></div>
270				<div class="logo"><img src="/upload/resize_cache/iblock/f0d/80_60_1/f0d304dac3c18350fac7d80fd1f29b1f.png"></div>
271			</div>
272		
273			
274			<div class="report" id="bx_651765591_818">
275				<a href="/examples/video/rolik-nsk/" class="all"></a>
276				<div class="image"><img src="//i3.ytimg.com/vi/D095Q5YJP5U/mqdefault.jpg" style="margin-left:-32px; height:159px"></div>
277				<div class="date"></div>
278				<div class="name"><span>Презентационный ролик (Новосибирская гимназия)</span></div>
279				<div class="logo"><img src="/upload/resize_cache/iblock/92d/80_60_1/92dba89cf688e74ebfa639f3f564dd81.png"></div>
280			</div>
281		
282			
283	</div>
284	
285	
286		<div class="hidden" id="about_video_838">
287			<div class="modal_people clearfix">
288				<div class="mp_image">
289					<img src="/upload/iblock/f0d/f0d304dac3c18350fac7d80fd1f29b1f.png">
290				</div>
291				<div class="mp_text">
292					<div class="name">Видеокурс по применению Атласа новых профессий</div>
293					<iframe width="560" height="300" src="https://www.youtube.com/embed/gjqeWWqybzI" frameborder="0" allowfullscreen></iframe>
294					<p style="margin: 20px 0">Видеокурс "Атлас&nbsp;новых профессий как инструмент мышления о будущем" состоит из 7 лекций, раскрывающих как логику, стоящую за Атласом, его содержание, а также описание отдельных практик применения Атласа новых профессий в профориентационной практике.<br>
295 <br>
296 <b>Лекция 1. История проекта и устройство книги</b><br>
297 <iframe title="Лекция №1, Судаков Д.А. - Атлас новых профессий" width="640" height="360" src="//www.youtube.com/embed/YRCQNdUs3do?feature=oembed" frameborder="0" allowfullscreen="">
298</iframe> <br>
299 <br>
300 <b>Лекция 2. Работа будущего - какой она будет?</b><br>
301 <iframe title="Лекция №2, Судаков Д.А. - Атлас новых профессий" width="640" height="360" src="//www.youtube.com/embed/8GCFTad-XZg?feature=oembed" frameborder="0" allowfullscreen="">
302</iframe> <br>
303 <br>
304 <b>Лекция 3. Надпрофессиональные навыки</b><br>
305 <iframe title="Лекция №3, Судаков Д.А. - Атлас новых профессий" width="640" height="360" src="//www.youtube.com/embed/RoFjbe3R-JY?feature=oembed" frameborder="0" allowfullscreen="">
306</iframe> <br>
307 <br>
308 <b>Лекция 4. Профессии-пенсионеры</b><br>
309 <iframe title="Лекция №4, Судаков Д.А. - Атлас новых профессий" width="640" height="360" src="//www.youtube.com/embed/CoRdvt9WMYw?feature=oembed" frameborder="0" allowfullscreen="">
310</iframe> <br>
311 <br>
312 <b>Лекция 5. Использование Атласа новых профессий в профориентационной практике</b> <br>
313 <iframe title="Лекция №5, Федоровская Е.О. - Атлас новых профессий" width="640" height="360" src="//www.youtube.com/embed/osMyUByr5N0?feature=oembed" frameborder="0" allowfullscreen="">
314</iframe> <br>
315 <br>
316 <b>Лекция 6. Алгоритм использования&nbsp;Атласа при выборе профессии</b><br>
317 <iframe title="Лекция №6, Федоровская Е.О. - Атлас новых профессий" width="640" height="360" src="//www.youtube.com/embed/kkQt_5jGIO8?feature=oembed" frameborder="0" allowfullscreen="">
318</iframe> <br>
319 <br>
320 <b>Лекция 7. Примеры использования Атласа новых профессий в профориентационной практике</b><br></p>
321				</div>
322			</div>
323		</div>
324	
325	
326		<div class="hidden" id="about_video_818">
327			<div class="modal_people clearfix">
328				<div class="mp_image">
329					<img src="/upload/resize_cache/iblock/92d/190_190_1/92dba89cf
329688e74ebfa639f3f564dd81.png">
330				</div>
331				<div class="mp_text">
332					<div class="name">Презентационный ролик (Новосибирская гимназия)</div>
333					<iframe width="560" height="300" src="https://www.youtube.com/embed/D095Q5YJP5U" frameborder="0" allowfullscreen></iframe>
334					<p style="margin: 20px 0">Во Второй Новосибирской гимназии на базе кафедры Медиаконвергенции работает видеостудия &quot;Виват&quot;. Одна из задач учеников студии - создавать новостные сюжеты, фильмы и ролики, связанные с учебными буднями гимназии. Одной из основных тем для работы студии в этом году стала тема: &quot;Атлас новых профессий&quot;. Видеопродукты студии транслировали по школьной телевизионной сети, показывали на классных часах, демонстрировали на дне открытых дверей, на родительской конференции, выкладывали в соцсетях &#40;VK, FB&#41;. Кроме того, студия готовила материалы по этой тематике для таких мероприятий, как прием делегации из Университета Талантов республики Татарстан, для международной выставки УчСиб-2016. Целью создания видеоматериалов на данную тематику является популяризация Атласа новых профессий среди учеников, родителей, работников сферы образования из разных школ региона.</p>
335				</div>
336			</div>
337		</div>
338	
339			</div>
340
341							
342											</div>
343										
344							
345								
346			
347		</section>
348		
349		
350		<footer >
351		  <div class="warp clearfix">
352			<a target="_blank" href="http://www.asi.ru/"><img src="/bitrix/templates/atlas/images/logo_asi.png" class="footer_logo"></a>
353<a target="_blank" href="https://rf2035.net/labs"><img src="/bitrix/templates/atlas/images/logo_rf2035.png" class="footer_logo"></a>
354
355<a target="_blank" href="http://school.skolkovo.ru/ru/"><img style="width:auto; margin-top:0" src="/bitrix/templates/atlas/images/logo_skolkovo.png" class="footer_skolkovo"></a> 
356
357Все материалы сайта доступны по открытой лицензии CC-BY 4.0:<br>
358
359<a target="_blank" href="https://creativecommons.org/licenses/by/4.0/deed.ru">Creative Commons Attribution 4.0 International</a>			<div class="footer_brain">
360				Разработка сайта:<br><a target="_blank" href="http://www.brainstoreagency.ru/">креативное агентство Brainstore</a><br>
361<a target="_blank" href="http://www.brainstoreagency.ru/"><img src="/bitrix/templates/atlas/images/footer_brain.png"></a>
362			</div>
363		  </div>
364		</footer>
365
366			
367		
368		
369		
370		
371		
372		
373		
374		
375		
376	
377	
378	
379	
380	
381    <div class="modalOverlay"></div>
382
383	
383<script src="/bitrix/templates/atlas/js/scripts.js?v=1.011"></script>
383
384
385	
386
387<!-- Yandex.Metrika counter -->
388<script type="text/javascript" >
vendor: 300 bytes, lines 388-393
388
389   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
390   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)})
391   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
392
393   ym(
39332004001
vendor: 123 bytes, lines 393-398
393, "init", {
394        clickmap:true,
395        trackLinks:true,
396        accurateTrackBounce:true,
397        webvisor:true
398   });
399</script>
399
400<noscript><div><img src="https://mc.yandex.ru/watch/32004001" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
401<!-- /Yandex.Metrika counter -->
402
403
404	<!-- Old Yandex.Metrika counter 
405	
405<script type="text/javascript">
406	(function (d, w, c) {
407		(w[c] = w[c] || []).push(function() {
408			try {
409				w.yaCounter32004001 = new Ya.Metrika({id:32004001,
410						webvisor:true,
411						clickmap:true,
412						trackLinks:true,
413						accurateTrackBounce:true});
414			} catch(e) { }
415		});
416
417		var n = d.getElementsByTagName("script")[0],
418			s = d.createElement("script"),
419			f = function () { n.parentNode.insertBefore(s, n); };
420		s.type = "text/javascript";
421		s.async = true;
422		s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";
423
424		if (w.opera == "[object Opera]") {
425			d.addEventListener("DOMContentLoaded", f, false);
426		} else { f(); }
427	})(document, window, "yandex_metrika_callbacks");
428	</script>
428
429	<noscript><div><img src="//mc.yandex.ru/watch/32004001" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
430	<!-- /Yandex.Metrika counter -->
431
432	
432<script>
vendor: 344 bytes, lines 432-438
432
433	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
434	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
435	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
436	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
437
438	  ga('create', '
438UA-66403197-1
vendor: 41 bytes, lines 438-441
438', 'auto');
439	  ga('send', 'pageview');
440
441	
441</script>
441
442	
443	
443<script type="text/html" id="geo_city_popup_tmpl"><div id="geo_city_popup">
444  <div class="popup-geo-block">
445    <form action="/examples/" method="post" id="geo_city_form">
446      <input type="hidden" id="form_city_id" value="">
447      <div class="title">Выберите свой город</div>
448      <div class="ml-citys">
449        <ul>
450          <li><a href="javascript:" data-id="908"><span class="fake-radio"></span>Волгоград</a></li>
451          <li><a href="javascript:" data-id="889"><span class="fake-radio"></span>Воронеж</a></li>
452          <li><a href="javascript:" data-id="2732"><span class="fake-radio"></span>Екатеринбург</a></li>
453          <li><a href="javascript:" data-id="1283"><span class="fake-radio"></span>Казань</a></li>
454          <li><a href="javascript:" data-id="1428"><span class="fake-radio"></span>Красноярск</a></li>
455        </ul>
456        <ul>
457          <li><a href="javascript:" data-id="2097"><span class="fake-radio"></span>Москва</a></li>
458          <li><a href="javascript:" data-id="1956"><span class="fake-radio"></span>Нижний Новгород</a></li>
459          <li><a href="javascript:" data-id="2012"><span class="fake-radio"></span>Новосибирск</a></li>
460          <li><a href="javascript:" data-id="2096"><span class="fake-radio"></span>Омск</a></li>
461          <li><a href="javascript:" data-id="2190"><span class="fake-radio"></span>Пермь</a></li>
462        </ul>
463        <ul>
464          <li><a href="javascript:" data-id="1235"><span class="fake-radio"></span>Ростов-на-Дону</a></li>
465          <li><a href="javascript:" data-id="2284"><span class="fake-radio"></span>Самара</a></li>
466          <li><a href="javascript:" data-id="2287"><span class="fake-radio"></span>Санкт-Петербург</a></li>
467          <li><a href="javascript:" data-id="2644"><span class="fake-radio"></span>Уфа</a></li>
468          <li><a href="javascript:" data-id="2910"><span class="fake-radio"></span>Челябинск</a></li>
469        </ul>
470      </div>
471      <div class="search-city-block">
472        <div class="search-city">
473          <input type="text" value="" id="city_autocomplete" placeholder="Название города" />
474          <div class="btn green disabled">
475            <input type="submit" value="Выбрать" disabled>
476          </div>
477        </div>
478      </div>
479    </form>
480  </div>
481</div>
482</script>
482
483</body>
484</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.