PageSourceSearch

https://abuk.com.ua/

html abuk.com.ua collected 2026-09-24 11:11:19 UTC 20,937 bytes, 530 lines download raw bytes

1<!DOCTYPE html>
2<html lang="uk">
3
4<head>
5	<!-- Google Tag Manager -->
6	
6<script>
vendor: 400 bytes, lines 6-13
6(function (w, d, s, l, i) {
7			w[l] = w[l] || []; w[l].push({
8				'gtm.start':
9					new Date().getTime(), event: 'gtm.js'
10			}); var f = d.getElementsByTagName(s)[0],
11				j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
12					'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
13		})(window, document, 'script', 'dataLayer', '
13GTM-PB69Z9J
vendor: 3 bytes, line 13
13');
13</script>
13
14	<!-- End Google Tag Manager -->
15	<meta charset="utf-8">
16	<!-- <base href="/"> -->
17	<title>АБУК – перша українська аудіокнигарня</title>
18	<meta name="description"
19		content="АБУК – це нові аудіокниги українською мовою онлайн у найкращій якості. Слухайте аудіокнижки в мобільному додатку для смартфонів і планшетів. Яка аудіокнига захопить тебе?">
20	<meta http-equiv="X-UA-Compatible" content="IE=edge">
21	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
22	<!-- Template Basic Images Start -->
23	<meta property="og:image" content="path/to/image.jpg">
24	<link rel="icon" href="img/favicon/favicon.ico">
25	<!-- Template Basic Images End -->
26	<!-- Custom Browsers Color Start -->
27	<meta name="theme-color" content="#000">
28	<!-- Custom Browsers Color End -->
29	<link rel="stylesheet" href="css/main.min.css">
30	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"
31		integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
32	
32<script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js"></script>
32
33	
33<script src="libs/vanilla-tilt.min.js"></script>
33
34
35</head>
36
37<body id="">
38	<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 38-39
38
39	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
39GTM-PB69Z9J
vendor: 87 bytes, lines 39-41
39" height="0" width="0"
40			style="display:none;visibility:hidden"></iframe></noscript>
41	
41<!-- End Google Tag Manager (noscript) -->
42	<div class="loader-buk">
43	</div>
44	<div class="for-logo">
45		<div class="text-img">
46			<div class="for-rotate">
47				<img class="text-img-img" src="img/circle.png">
48			</div>
49			<img class="logo" src="img/logo.svg">
50		</div>
51	</div>
52	<div class="for-blur-section">
53		<section class="top-section">
54			<div class="ang-par">
55				<div class="ang-1"></div>
56				<div class="ang-1"></div>
57			</div>
58			<div class="back"></div>
59			<div class="container container-tablet h-100">
60				<div class="row h-100 justify-content-between align-items-center">
61					<div class="left-item">
62						<p>Перша українська
63							аудіокнигарня</p>
64						<div class="for-title">
65							<img class="logo-text" src="img/header.svg">
66							<!--<h2>Абук</h2>-->
67						</div>
68						<p class="last">СЛУХАЙ УКРАЇНСЬКОЮ</p>
69						<h1>нові аудіокнижки
70							у найкращій якості
71							для смартфонів і планшетів</h1>
72						<a class="ios-image"
73							href="https://itunes.apple.com/us/app/%D0%B0%D0%B1%D1%83%D0%BA/id1438736819?ls=1&mt=8"><img
74								src="img/Group8.png"></a>
75						<a class="android-image" href="https://play.google.com/store/apps/details?id=com.abuk"><img
76								src="img/Group3.png"></a>
77						<a href="/catalog" class="catalog-link">Бібліотека →</a>
78					</div>
79					<div class="right-item">
80						<img class="phone" src="img/Phone.png">
81					</div>
82				</div>
83			</div>
84		</section>
85		<section class="second-section">
86			<div class="container">
87				<div class="row">
88					<div class="col-12 text-center">
89						<h3>Аудіокнижки для розвитку<br>
90							та задоволення</h3>
91						<p>
92							Художні твори сучасних письменників,<br>
93							класична, освітня та ділова література
94						</p>
95
96						<a href="/catalog" class="all-books">ВСІ КНИЖКИ</a>
97					</div>
98					<div class="col-4 images-item" id="scene-1">
99						<div data-depth="0.1" class="cover cover-2">
100							<img src="img/cover/800.png">
101							<p class="name">Олександр Авраменко</p>
102							<p class="title">«Українська Література»</p>
103						</div>
104						<div data-depth="0.15" class="cover cover-1">
105							<img src="img/cover/2.png">
106							<p class="name">Сергій Жадан</p>
107							<p class="title">«Антена»</p>
108						</div>
109						<div data-depth="0.2" class="cover cover-3">
110							<img src="img/cover/4.png">
111							<p class="name">Франсуаза Саган</p>
112							<p class="title">«Здрастуй, печаль!»</p>
113						</div>
114						<div data-depth="0.1" class="cover cover-8">
115							<img src="img/cover/3.png">
116							<p class="name">Іван Котляревський</p>
117							<p class="title">«Енеїда»</p>
118						</div>
119
120
121					</div>
122					<div class="col-4 text-center">
123
124					</div>
125					<div class="col-4 images-item" id="scene-2">
126						<div data-depth="0.1" class="cover cover-4">
127							<img src="img/cover/5.png">
128							<p class="name">Юрій Андрухович</p>
129							<p class="title">«Коханці юстиції»</p>
130						</div>
131						<div data-depth="0.12" class="cover cover-5">
132							<img src="img/cover/6.png">
133							<p class="name">Герберт Веллс</p>
134							<p class="title">«Невидимець»</p>
135						</div>
136						<div data-depth="0.5" class="cover cover-6">
137							<img src="img/cover/Аеропорт1024.jpg">
138							<p class="name">Сергій Лойко</p>
139							<p class="title">«Аеропорт»</p>
140						</div>
141						<!--<div data-depth="0.16" class="cover cover-7">-->
142						<!--<img  src="img/cover/8.png">-->
143						<!--<p class="name">Едгар Аллан По</p>-->
144						<!--<p class="title">«Таємний сад»</p>-->
145						<!--</div>-->
146					</div>
147				</div>
148			</div>
149			<div style="">
150				<div class="row">
151
152				</div>
153			</div>
154			<div class="container">
155				<div class="row">
156					<div class="col-12 text-center">
157						<!--<img class="phone" src="img/Phone.png">-->
158					</div>
159				</div>
160			</div>
161		</section>
162		<section class="third-section">
163			<img class="phone" src="img/Phone.png">
164			<div class="container container-for-slider">
165				<div class="row align-items-end">
166					<div class="col-lg-6 col-md-7 overflow-h">
167						<h3><span><i>Озвучено</i></span> <span><i>професійними</i></span> <span><i>акторами
168								</i></span> <span><i>та дикторами</i></span></h3>
169					</div>
170					<div class="col-lg-6 col-md-5 text-right">
171						<p class="top-text">
172							АБУК створює аудіокнижки на студіях звукозапису, що відповідають високим світовим
173							стандартам. Їх озвучують талановиті актори, диктори радіо та телебачення. Ми цінуємо
174							авторське бачення, тому маємо колекцію книжок, начитаних самими письменниками. Тексти книжок
175							або їхніх україномовних перекладів відтворюються за друкованою версію, без скорочень чи
176							адаптації.
177						</p>
178					</div>
179				</div>
180				<div class="row">
181					<div class="col-12">
182						<p class="title-text">Популярні</p>
183						<a href="/catalog/" class="more pull-right">Більше</a>
184					</div>
185
186				</div>
187			</div>
188			<div class="container for-arrow">
189				<button class="arrow-slick prev"><i class="fas fa-chevron-left"></i></button>
190				<button class="arrow-slick next"><i class="fas fa-chevron-right"></i></button>
191			</div>
192			<div class="slick-block">
193				<div class="slick-parent">
194
195				</div>
196			</div>
197		</section>
198		<section class="fourth-section fourth-section-1">
199			<div class="container">
200				<div class="row align-items-end ">
201					<div class="col-lg-12 col-md-12 col-sm-12 overflow-h text-center for-sticky">
202						<h3 class="text-center top-title"><span><i>Шукай за різними</i></span><br>
203							<span><i>категоріями</i></span></h3>
204					</div>
205					<div class="col-lg-12 col-md-12 col-sm-12 text-center">
206						<p class="top-text"><span>Ми збираємо найкращі книжки<br>
207								у жанрові колекції та тематичні добірки</span></p>
208					</div>
209				</div>
210				<div class="row">
211					<div class="col-12">
212						<div class="card-block">
213							<ul>
214								<li class="card-0 card-h">
215									<div class="item">
216										<img src="img/stick0.png">
217										<h3>Освіта, знання</h3>
218									</div>
219								</li>
220								<li class="card-1 card-h">
221									<div class="item">
222										<img src="img/stick1.png">
223										<h3>Детектив</h3>
224									</div>
225								</li>
226								<li class="card-2 card-h">
227									<div class="item">
228										<img src="img/stick2.png">
229										<h3>Для дітей</h3>
230									</div>
231								</li>
232								<li class="card-3 card-h">
233									<div class="item">
234										<img src="img/stick3.png">
235										<h3>Кохання</h3>
236									</div>
237								</li>
238								<li class="card-4 card-h">
239									<div class="item">
240										<img src="img/stick4.png">
241										<h3>Легке читання</h3>
242									</div>
243								</li>
244								<li class="card-5 card-h">
245									<div class="item">
246										<img src="img/stick5.png">
247										<h3>Спорт, краса<br> та здоров'я</h3>
248									</div>
249								</li>
250								<li>
251									<div class="item">
252										<p><a href="/catalog" class="catalog-link">Бібліотека &nbsp;&nbsp;→</a></p>
253									</div>
254								</li>
255							</ul>
256						</div>
257					</div>
258				</div>
259			</div>
260			<!--<div class="container morph-block">-->
261			<!--<div class="row h-100">-->
262			<!--<div class="col-12 h-100">-->
263			<!--<div>-->
264			<!--<img class="phone" src="img/Phone2.png" >-->
265			<!--</div>-->
266			<!--</div>-->
267			<!--</div>-->
268			<!--</div>-->
269		</section>
270		<section class="mobile-illustration">
271			<div class="slick-illustration">
272				<div class="item">
273					<img src="img/stick0.png">
274					<p>Освіта, знання</p>
275				</div>
276				<div class="item">
277					<img src="img/stick1.png">
278					<p>Детектив</p>
279				</div>
280				<div class="item">
281					<img src="img/stick2.png">
282					<p>Для дітей</p>
283				</div>
284				<div class="item">
285					<img src="img/stick3.png">
286					<p>Кохання</p>
287				</div>
288				<div class="item">
289					<img src="img/stick4.png">
290					<p>Легке читання</p>
291				</div>
292				<div class="item">
293					<img src="img/stick5.png">
294					<p>Спорт, краса<br> та здоров'я</p>
295				</div>
296				<div class="item">
297					<p><a href="/catalog" class="catalog-link">Бібліотека &nbsp;&nbsp;→</a></p>
298				</div>
299			</div>
300		</section>
301
302		<div class="end-card-scroll"></div>
303
304		<!--<section class="fourth-section-2">-->
305		<!--<div class="container">-->
306		<!--<div class="row form-mail">-->
307		<!--<div class="col-lg-6 col-md-6 col-sm-12">-->
308		<!--<div class="row">-->
309		<!--<div class="col-12 overflow-h">-->
310		<!--<h3><span><i>Ми озвучимо</i></span>-->
311		<!--<span><i>вашi твори</i></span></h3>-->
312		<!--</div>-->
313		<!--<div class="col-12">-->
314		<!--<a href="mailto:[email protected]"><button>
314<span>НАПИШIТЬ НАМ</span></button></a>-->
315		<!--</div>-->
316		<!--</div>-->
317		<!--</div>-->
318		<!--<div class="col-lg-6 col-md-6 col-sm-12 text-right">-->
319		<!--<h4>ПРАВОВИЙ ЗАХИСТ</h4>-->
320		<!--<p>Ми, безумовно, поважаємо права авторів, тому опікуємося захистом матеріалів: в&nbsp;обох системах файли аудіокниг будуть кодуватися, а&nbsp;прослухати їх&nbsp;можна буде лише за&nbsp;допомогою додатку АБУК.</p>-->
321		<!--<h4>РОЗМIЩЕННЯ</h4>-->
322		<!--<p>Авторам та&nbsp;видавництвам пропонуємо видати аудіо-книги нашим коштом з&nbsp;подальшим розміщенням на&nbsp;нашому ресурсі на&nbsp;комерційній основі.</p>-->
323		<!--<h4>УМОВИ</h4>-->
324		<!--<p>Пропонуємо видавництвам виставити на&nbsp;продаж їхні аудіо-книги в&nbsp;нашій книгарні на&nbsp;вигідних умовах.</p>-->
325		<!--</div>-->
326		<!--<div class="col-12 mobile-button">-->
327		<!--<button><a href="mailto:[email protected]"><span>НАПИШIТЬ НАМ</span></a></button>-->
328		<!--</div>-->
329		<!--</div>-->
330		<!--</div>-->
331		<!--</section>-->
332	</div>
333
334
335	<div class="player-close">
336		<i class="fas fa-times-circle"></i>
337	</div>
338	<div class="player-abuk">
339
340		<div class="blur-1"></div>
341		<div class="player-block">
342			<div class="info">
343				<img class="cover" amplitude-song-info="cover_art_url" amplitude-main-song-info="true">
344				<div class="for-flex">
345					<span class="name" amplitude-song-info="name" amplitude-main-song-info="true"></span>
346					<span class="author" amplitude-song-info="artist" amplitude-main-song-info="true"></span>
347				</div>
348			</div>
349			<div class="track">
350				<div class="for-flex">
351					<div class="fix-info">
352						<img class="cover" amplitude-song-info="cover_art_url" amplitude-main-song-info="true">
353						<div class="for-float">
354							<p class="name" amplitude-song-info="name" amplitude-main-song-info="true"></p>
355							<p class="author" amplitude-song-info="artist" amplitude-main-song-info="true"></p>
356						</div>
357
358					</div>
359					<span class="amplitude-prev"><i class="fas fa-step-backward"></i></span>
360					<div amplitude-main-play-pause="true" id="play-pause" class="amplitude-play-pause amplitude-paused">
361					</div>
362					<span class="amplitude-next"><i class="fas fa-step-forward"></i></span>
363					<span class="list-button"></span>
364				</div>
365				<div id="progress-container">
366					<span class="amplitude-current-time" amplitude-main-current-time="true"></span>
367					<div class="for-relative">
368						<input type="range" amplitude-main-song-slider="true" class="amplitude-song-slider">
369						<progress id="song-played-progress" amplitude-main-song-played-progress="true"
370							class="amplitude-song-played-progress" value="0.25"></progress>
371						<progress id="song-buffered-progress" value="1" class="amplitude-buffered-progress"></progress>
372					</div>
373					<span class="duration"><span amplitude-main-duration-minutes="true"
374							class="amplitude-duration-minutes">03</span>:<span amplitude-main-duration-seconds="true"
375							class="amplitude-duration-seconds">30</span></span>
376				</div>
377			</div>
378		</div>
379
380		<div class="playlist-block">
381
382		</div>
383	</div>
384	<div class="for-footer"></div>
385
386	<div class="body-fade"></div>
387	<div class="modal fade abu-modal" id="exampleModalCenter" tabindex="-1" role="dialog"
388		aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
389		<div class="modal-dialog modal-dialog-centered" role="document">
390			<div class="modal-content">
391				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
392					<span aria-hidden="true">&times;</span>
393				</button>
394				<div class="modal-body">
395
396				</div>
397			</div>
398		</div>
399	</div>
400	<footer>
401		<div class="container">
402			<div class="row">
403				<div class="col-lg-6 col-md-6 col-sm-12">
404					<p class="big-text">Завантажуй додаток</p>
405					<div class="bottom">
406						<a class="ios-image"
407							href="https://itunes.apple.com/us/app/%D0%B0%D0%B1%D1%83%D0%BA/id1438736819?ls=1&mt=8"><img
408								src="img/Group8.png"></a>
409						<a class="android-image" href="https://play.google.com/store/apps/details?id=com.abuk"><img
410								src="img/Group3.png"></a>
411					</div>
412				</div>
413
414				<div class="col-lg-6 col-md-6 col-sm-12 right-item">
415					<div id="mc_embed_signup">
416						<form
417							action="https://abuk.us19.list-manage.com/subscribe/post?u=5d6b85320c91dde1d7984bf8b&amp;id=600b89ee9f"
418							method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form"
419							class="validate" target="_blank" novalidate>
420							<div id="mc_embed_signup_scroll">
421								<h2>Підпишіться на новини</h2>
422								<div class="for-flex">
423									<div class="mc-field-group">
424										<!--<label for="mce-EMAIL">Email Address </label>-->
425										<input placeholder="Електронна пошта" type="email" value="" name="EMAIL"
426											class="required email" id="mce-EMAIL">
427									</div>
428									<div class="clear for-submit"><input type="submit" value="Підписатися"
429											name="subscribe" id="mc-embedded-subscribe" class="button"></div>
430									<div style="position: absolute; left: -5000px;" aria-hidden="true"><input
431											type="text" name="b_5d6b85320c91dde1d7984bf8b_600b89ee9f" tabindex="-1"
432											value=""></div>
433									<div id="mce-responses" class="clear">
434										<div class="response" id="mce-error-response" style="display:none"></div>
435										<div class="response" id="mce-success-response" style="display:none"></div>
436									</div>
437								</div>
438							</div>
439						</form>
440					</div>
441					
441<script type='text/javascript'
442						src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
442
443					
443<script
444						type='text/javascript'>(function ($) { window.fnames = new Array(); window.ftypes = new Array(); fnames[0] = 'EMAIL'; ftypes[0] = 'email'; fnames[1] = 'FNAME'; ftypes[1] = 'text'; }(jQuery)); var $mcj = jQuery.noConflict(true);</script>
444
445					
445<script>
446						$mcj.extend($mcj.validator.messages, {
447							required: "Це поле обов'язкове",
448							remote: "Please fix this field.",
449							email: "Введіть коректну електронну пошту",
450							url: "Please enter a valid URL.",
451							date: "Please enter a valid date.",
452							dateISO: "Please enter a valid date (ISO).",
453							number: "Please enter a valid number.",
454							digits: "Please enter only digits.",
455							creditcard: "Please enter a valid credit card number.",
456							equalTo: "Please enter the same value again.",
457							accept: "Please enter a value with a valid extension.",
458							maxlength: $mcj.validator.format("Please enter no more than {0} characters."),
459							minlength: $mcj.validator.format("Please enter at least {0} characters."),
460							rangelength: $mcj.validator.format("Please enter a value between {0} and {1} characters long."),
461							range: $mcj.validator.format("Please enter a value between {0} and {1}."),
462							max: $mcj.validator.format("Please enter a value less than or equal to {0}."),
463							min: $mcj.validator.format("Please enter a value greater than or equal to {0}."),
464							mc_birthday: "Please enter a valid month and day.",
465							mc_date: "Please enter a valid date.",
466							mc_phone: "Please enter a valid phone number.",
467						});
468					</script>
468
469					<!--<a class="first-link" href="tel:+38 067 407 1453">+38 067 407 1453</a>-->
470					<a class="second-link" href="mailto:[email protected]">[email protected]</a>
471					<a class="logo" href="#"><img src="img/header.svg"></a>
472					<a class="logo-mobile" href="#">
473						<div class="for-rotate">
474							<img class="text-img-img" src="img/circle.png">
475						</div>
476						<!--<img class="logo-m" src="img/logo.svg">-->
477					</a>
478				</div>
479				<div class="col-12">
480					<a class="privacy" href="terms.html">Публічний договір</a>
481					<a class="privacy" href="policy.html">Політика обробки персональних даних</a>
482				</div>
483			</div>
484		</div>
485	</footer>
486
487	
487<script type="text/html" id='playlist-block'>
488
489	<% _.each(books,function(item, index){ %>
490
491	<div amplitude-song-index="<%= index %>" class="song amplitude-song-container amplitude-play-pause amplitude-paused amplitude-active-song-container">
492		<div class="song-meta-data">
493			<span class="song-title"><%= item.title %></span>
494			<span class="song-artist"><%= item.narrators[0].name %></span>
495		</div>
496	</div>
497
498	<%
499	});
500	%>
501
502</script>
502
503
504	
504<script type="text/html" id='usageList'>
505
506	<% _.each(books,function(item, index){ %>
507
508	<div amplitude-song-index="<%= index %>" class="item song amplitude-song-container amplitude-play-pause amplitude-paused amplitude-active-song-container">
509		<div class="for-image">
510			<div class="for-shadow"></div>
511			<img src="<%= item.picture.small %>">
512		</div>
513		<div class="author">
514			<div class="text-block">
515				<p class="top">Читає</p>
516				<p class="bottom"><%= item.narrators[0].name %></p>
517			</div>
518		</div>
519	</div>
520
521	<%
522	});
523	%>
524
525</script>
525
526
527	
527<script src="js/scripts.min.js"></script>
527
528</body>
529
530</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.