На главную Инструменты Панель оптимизатора

Новости Реклама у нас Обратная связь

Бесплатная доска объявлений по всей России - Do-Ska.ru

15.06.2015 в 17:02 Открытия панели отпимизатора!

Google pr	16.06.2015

Яндекс ТиЦ	22.03.2025
поиск	28.06.2019
каталог	16.01.2018

Витрина ссылок[Добавить]

доска объявлений подать объявление Аквалайн Пермь

Анализ контента сайта

Войти или зарегистрироваться

Забыли пароль?

Главная Инструменты Анализ контента сайта

Данный инструмент поможет Вам Выполнить анализ контента указанного сайта (страницы).

Для успешного продвижения сайта, необходимо иметь релевантный контент и оптимальную плотность слов. При помощи данного сервиса вы сможите выполнить максимально полный анализ контента вашего сайта.
При выполнении анализа будет проанализирован контент вашего сайта на: вес страницы; релевантность, плотность заголовка (title), ключевых слов (keywords) к тексту страницы; скорость, время загрузки страницы; анализирован текст страницы; обработаны стоп-слова; процентное соотношение вхождений слов с текстом страницы; рассчитана частота (TF) терминов содержимого страницы.

Общие данные о странице

URL:	heyzine.com (WHOIS IP, WHOIS DOMAIN)
Размер страницы:	398.6 Kb
Кодировка:	UTF-8
IP сайта:	35.157.30.249
Скорость загрузки:	742.82 Kb/s
Время загрузки:	0.54 sec
Всего символов (с html тэгами):	408169
Всего символов (текст):	11636
Всего символов (текст без пробелов):	9753
Доля контента ко всему коду страницы:	2.85 %
Перенаправление:	https://heyzine.com/
Внутренние / внешние ссылки:	Анализ

Постоянная ссылка на страницу

http://qoogoo.perm.ru/tools/contentcheck/heyzine.com

Общие данные сайта[ Скрыть ]

Поддержка JavaScript отключена!

Заголовок (title)[ Скрыть]

Оригинальный текст

Heyzine PDF To Flipbook - Online flipbook maker

Обработанный текст (без стоп-слов)

Heyzine PDF Flipbook Online flipbook maker

Общая информация

Всего слов в тексте:	7
Слов в тексте (без стоп-слов):	6
Слов без повторов и стоп-слов:	5
Стоп-слов в тексте:	1
Список стоп-слов:	[ Показать] to
Плотность всех слов к контенту:	3.715
Релевантность текста к контенту:	83.333 %
Вхождений слов тэга в контенте:	5 из 6
Слов с повтором в тэге > 1 раза:	1

Результат анализа слов тэга

Слово - анализируемое слово

Кол-во в тэге - кол-во повторов текущего слова в анализируемом тэге

Плотность - плотность текущего слова относительно контента страницы

Вхождений - кол-во вхождений текущего слова в контенте страницы

Частота (TF) - Частота TF(Term Frequency) относительно контента страницы

Слово	Кол-во в тэге	Плотность	Вхождений	Частота (TF)
Heyzine	1	0.69	13	0.143
PDF	1	0.796	15	0.143
Flipbook	2	1.858	35	0.286
Online	1	0.212	4	0.143
maker	1	0.159	3	0.143

Ключевые слова (keywords)[ Скрыть]

Ключевые слова не найдены на странице!

Описание страници (description)[ Скрыть]

Оригинальный текст

PDF to flipbook converter. Free, no ads, no watermarks and highly customizable with different page flip effects. Download, share and embed them creating outstanding magazines, catalogs, brochures, reports, restaurant menus and more.

Обработанный текст (без стоп-слов)

PDF flipbook converter Free ads watermarks highly customizable different page flip effects Download share embed them creating outstanding magazines catalogs brochures reports restaurant menus more

Общая информация

Всего слов в тексте:	32
Слов в тексте (без стоп-слов):	25
Слов без повторов и стоп-слов:	25
Стоп-слов в тексте:	7
Список стоп-слов:	[ Показать] to, no, and, with
Плотность всех слов к контенту:	9.712
Релевантность текста к контенту:	100 %
Вхождений слов тэга в контенте:	25 из 25
Слов с повтором в тэге > 1 раза:	0

Результат анализа слов тэга

Слово - анализируемое слово

Кол-во в тэге - кол-во повторов текущего слова в анализируемом тэге

Плотность - плотность текущего слова относительно контента страницы

Вхождений - кол-во вхождений текущего слова в контенте страницы

Частота (TF) - Частота TF(Term Frequency) относительно контента страницы

Слово	Кол-во в тэге	Плотность	Вхождений	Частота (TF)
PDF	1	0.796	15	0.031
flipbook	1	1.858	35	0.031
converter	1	0.053	1	0.031
Free	1	0.584	11	0.031
ads	1	0.265	5	0.031
watermarks	1	0.159	3	0.031
highly	1	0.053	1	0.031
customizable	1	0.106	2	0.031
different	1	0.212	4	0.031
page	1	0.955	18	0.031
flip	1	0.425	8	0.031
effects	1	0.265	5	0.031
Download	1	1.221	23	0.031
share	1	1.168	22	0.031
embed	1	0.372	7	0.031
them	1	0.106	2	0.031
creating	1	0.053	1	0.031
outstanding	1	0.053	1	0.031
magazines	1	0.106	2	0.031
catalogs	1	0.053	1	0.031
brochures	1	0.053	1	0.031
reports	1	0.053	1	0.031
restaurant	1	0.053	1	0.031
menus	1	0.053	1	0.031
more	1	0.637	12	0.031

Тэги h1 - h6[ Скрыть]

Тэг h1

Flipbook maker

Тэг h2

PDF to flipbook free, no ads and highly customizable with different page flip effects. Share, download or embed them creating outstanding magazines, catalogs, brochures, reports, restaurant menus and more.

Тэг h3

Titles (Optional)

Тэг h4

Magazine

Тэг h5

Тэг h6

Контент страницы[ Скрыть]

Общая информация

Всего слов в тексте:	1884
Слов в тексте (без стоп-слов):	1432
Слов без повторов и стоп-слов:	505
Стоп-слов в тексте:	452
Список стоп-слов:	[ Показать] in, to, no, and, with, or, the, one, this, will, be, it, for, of, any, at, an, by, that, you, can, we, have, they, on, all, from, is, as, so, if, are, there, not, which, about, i, do, was, what

Результат анализа слов контента

Слово	Вхождений	В title	В Keywords	Частота (TF)
Heyzine	13	Да	Нет	0.007
Convert	6	Нет	Нет	0.003
Examples	4	Нет	Нет	0.002
Features	3	Нет	Нет	0.002
Pricing	2	Нет	Нет	0.001
Guides	3	Нет	Нет	0.002
Contact	5	Нет	Нет	0.003
API	7	Нет	Нет	0.004
English	2	Нет	Нет	0.001
Catal	1	Нет	Нет	0.001
Deutsch	1	Нет	Нет	0.001
Espa	1	Нет	Нет	0.001
ol	1	Нет	Нет	0.001
Fran	1	Нет	Нет	0.001
aise	1	Нет	Нет	0.001
Portugu	1	Нет	Нет	0.001
s	12	Нет	Нет	0.006
Log	4	Нет	Нет	0.002
Sign	6	Нет	Нет	0.003
Up	5	Нет	Нет	0.003
Dashboard	1	Нет	Нет	0.001
Flipbook	35	Да	Нет	0.019
maker	3	Да	Нет	0.002
PDF	15	Да	Нет	0.008
free	11	Нет	Нет	0.006
ads	5	Нет	Нет	0.003
highly	1	Нет	Нет	0.001
customizable	2	Нет	Нет	0.001
different	4	Нет	Нет	0.002
page	18	Нет	Нет	0.01
flip	8	Нет	Нет	0.004
effects	5	Нет	Нет	0.003
Share	22	Нет	Нет	0.012
download	23	Нет	Нет	0.012
embed	7	Нет	Нет	0.004
them	2	Нет	Нет	0.001
creating	1	Нет	Нет	0.001
outstanding	1	Нет	Нет	0.001
magazines	2	Нет	Нет	0.001
catalogs	1	Нет	Нет	0.001
brochures	1	Нет	Нет	0.001
reports	1	Нет	Нет	0.001
restaurant	1	Нет	Нет	0.001
menus	1	Нет	Нет	0.001
more	12	Нет	Нет	0.006
Drag	2	Нет	Нет	0.001
drop	2	Нет	Нет	0.001
Upload	3	Нет	Нет	0.002
uploaded	5	Нет	Нет	0.003
Processing	3	Нет	Нет	0.002
Last	2	Нет	Нет	0.001
steps	2	Нет	Нет	0.001
Cancel	3	Нет	Нет	0.002
Error	3	Нет	Нет	0.002
uploading	2	Нет	Нет	0.001
file	4	Нет	Нет	0.002
Back	8	Нет	Нет	0.004
Titles	1	Нет	Нет	0.001
Optional	1	Нет	Нет	0.001
Title	4	Нет	Нет	0.002
Subtitle	3	Нет	Нет	0.002
effect	4	Нет	Нет	0.002
Magazine	5	Нет	Нет	0.003
Book	5	Нет	Нет	0.003
Album	2	Нет	Нет	0.001
Notebook	2	Нет	Нет	0.001
Slider	6	Нет	Нет	0.003
Cards	2	Нет	Нет	0.001
Coverflow	3	Нет	Нет	0.002
edit	7	Нет	Нет	0.004
Customize	3	Нет	Нет	0.002
deleted	1	Нет	Нет	0.001
week	1	Нет	Нет	0.001
Login	3	Нет	Нет	0.002
register	4	Нет	Нет	0.002
keep	1	Нет	Нет	0.001
online	4	Да	Нет	0.002
Choose	3	Нет	Нет	0.002
Start	2	Нет	Нет	0.001
converting	1	Нет	Нет	0.001
your	34	Нет	Нет	0.018
Preview	14	Нет	Нет	0.007
a	18	Нет	Нет	0.01
size	4	Нет	Нет	0.002
realistic	1	Нет	Нет	0.001
flipping	2	Нет	Нет	0.001
slide	1	Нет	Нет	0.001
Change	2	Нет	Нет	0.001
logo	6	Нет	Нет	0.003
text	2	Нет	Нет	0.001
icon	1	Нет	Нет	0.001
styles	4	Нет	Нет	0.002
pagination	1	Нет	Нет	0.001
much	2	Нет	Нет	0.001
without	3	Нет	Нет	0.002
watermarks	3	Нет	Нет	0.002
over	1	Нет	Нет	0.001
publication	2	Нет	Нет	0.001
Link	16	Нет	Нет	0.008
cost	1	Нет	Нет	0.001
responsive	6	Нет	Нет	0.003
design	2	Нет	Нет	0.001
Interactive	4	Нет	Нет	0.002
publications	2	Нет	Нет	0.001
Make	5	Нет	Нет	0.003
turning	1	Нет	Нет	0.001
into	1	Нет	Нет	0.001
Add	3	Нет	Нет	0.002
links	5	Нет	Нет	0.003
audio	3	Нет	Нет	0.002
video	1	Нет	Нет	0.001
forms	3	Нет	Нет	0.002
web	6	Нет	Нет	0.003
embeds	1	Нет	Нет	0.001
many	2	Нет	Нет	0.001
widgets	1	Нет	Нет	0.001
engage	2	Нет	Нет	0.001
audience	2	Нет	Нет	0.001
capture	1	Нет	Нет	0.001
their	1	Нет	Нет	0.001
attention	1	Нет	Нет	0.001
Automatically	3	Нет	Нет	0.002
generate	1	Нет	Нет	0.001
cover	9	Нет	Нет	0.005
QR	4	Нет	Нет	0.002
codes	1	Нет	Нет	0.001
quickly	2	Нет	Нет	0.001
email	8	Нет	Нет	0.004
social	5	Нет	Нет	0.003
media	2	Нет	Нет	0.001
everywhere	2	Нет	Нет	0.001
else	1	Нет	Нет	0.001
style	1	Нет	Нет	0.001
best	1	Нет	Нет	0.001
matches	1	Нет	Нет	0.001
website	3	Нет	Нет	0.002
publishing	1	Нет	Нет	0.001
flipbooks	33	Нет	Нет	0.018
easily	2	Нет	Нет	0.001
navigation	4	Нет	Нет	0.002
controls	3	Нет	Нет	0.002
View	5	Нет	Нет	0.003
Catalog	3	Нет	Нет	0.002
horizontal	1	Нет	Нет	0.001
swipe	1	Нет	Нет	0.001
brochure	3	Нет	Нет	0.002
turn	4	Нет	Нет	0.002
zoom	1	Нет	Нет	0.001
Digital	5	Нет	Нет	0.003
bookshelf	3	Нет	Нет	0.002
Group	1	Нет	Нет	0.001
personalized	1	Нет	Нет	0.001
sharing	4	Нет	Нет	0.002
between	3	Нет	Нет	0.002
five	1	Нет	Нет	0.001
presentation	1	Нет	Нет	0.001
flow	1	Нет	Нет	0.001
also	2	Нет	Нет	0.001
support	6	Нет	Нет	0.003
Right-to-left	1	Нет	Нет	0.001
A4	1	Нет	Нет	0.001
A5	1	Нет	Нет	0.001
portrait	1	Нет	Нет	0.001
landscape	1	Нет	Нет	0.001
non-standard	1	Нет	Нет	0.001
sizes	1	Нет	Нет	0.001
converted	1	Нет	Нет	0.001
resize	1	Нет	Нет	0.001
according	1	Нет	Нет	0.001
device	1	Нет	Нет	0.001
look	7	Нет	Нет	0.004
great	1	Нет	Нет	0.001
mobile	1	Нет	Нет	0.001
phones	1	Нет	Нет	0.001
tablets	1	Нет	Нет	0.001
both	1	Нет	Нет	0.001
android	1	Нет	Нет	0.001
iOS	1	Нет	Нет	0.001
desktop	1	Нет	Нет	0.001
browsers	1	Нет	Нет	0.001
Customization	2	Нет	Нет	0.001
After	1	Нет	Нет	0.001
conversion	1	Нет	Нет	0.001
changing	1	Нет	Нет	0.001
background	1	Нет	Нет	0.001
control	1	Нет	Нет	0.001
way	1	Нет	Нет	0.001
want	1	Нет	Нет	0.001
Videos	3	Нет	Нет	0.002
pictures	3	Нет	Нет	0.002
gif	5	Нет	Нет	0.003
create	9	Нет	Нет	0.005
immersive	1	Нет	Нет	0.001
iframes	3	Нет	Нет	0.002
pages	4	Нет	Нет	0.002
Use	10	Нет	Нет	0.005
maps	1	Нет	Нет	0.001
calendars	1	Нет	Нет	0.001
agendas	1	Нет	Нет	0.001
panoramas	1	Нет	Нет	0.001
payment	15	Нет	Нет	0.008
gateways	1	Нет	Нет	0.001
kind	1	Нет	Нет	0.001
content	6	Нет	Нет	0.003
get	5	Нет	Нет	0.003
thumbnails	1	Нет	Нет	0.001
directly	1	Нет	Нет	0.001
previews	1	Нет	Нет	0.001
good	1	Нет	Нет	0.001
networks	1	Нет	Нет	0.001
statistics	3	Нет	Нет	0.002
Discover	1	Нет	Нет	0.001
how	5	Нет	Нет	0.003
visits	2	Нет	Нет	0.001
where	2	Нет	Нет	0.001
readers	1	Нет	Нет	0.001
come	1	Нет	Нет	0.001
click	1	Нет	Нет	0.001
find	1	Нет	Нет	0.001
interesting	1	Нет	Нет	0.001
Analyze	1	Нет	Нет	0.001
learn	3	Нет	Нет	0.002
improve	1	Нет	Нет	0.001
Privacy	6	Нет	Нет	0.003
security	3	Нет	Нет	0.002
private	1	Нет	Нет	0.001
default	1	Нет	Нет	0.001
never	1	Нет	Нет	0.001
consent	1	Нет	Нет	0.001
protect	1	Нет	Нет	0.001
user	1	Нет	Нет	0.001
name	3	Нет	Нет	0.002
password	10	Нет	Нет	0.005
even	1	Нет	Нет	0.001
restrict	1	Нет	Нет	0.001
embedded	1	Нет	Нет	0.001
offline	4	Нет	Нет	0.002
viewing	1	Нет	Нет	0.001
using	1	Нет	Нет	0.001
reader	5	Нет	Нет	0.003
app	4	Нет	Нет	0.002
html	8	Нет	Нет	0.004
host	1	Нет	Нет	0.001
yourself	1	Нет	Нет	0.001
downloads	2	Нет	Нет	0.001
external	1	Нет	Нет	0.001
dependency	1	Нет	Нет	0.001
internet	1	Нет	Нет	0.001
converter	1	Нет	Нет	0.001
don	3	Нет	Нет	0.002
t	3	Нет	Нет	0.002
bother	1	Нет	Нет	0.001
annoying	1	Нет	Нет	0.001
Our	3	Нет	Нет	0.002
viewer	1	Нет	Нет	0.001
watermark	1	Нет	Нет	0.001
professional	3	Нет	Нет	0.002
having	1	Нет	Нет	0.001
pay	1	Нет	Нет	0.001
anything	4	Нет	Нет	0.002
access	5	Нет	Нет	0.003
developer	2	Нет	Нет	0.001
fast	1	Нет	Нет	0.001
reliable	1	Нет	Нет	0.001
very	1	Нет	Нет	0.001
easy	1	Нет	Нет	0.001
integrate	1	Нет	Нет	0.001
system	2	Нет	Нет	0.001
Check	2	Нет	Нет	0.001
frequently	2	Нет	Нет	0.001
asked	2	Нет	Нет	0.001
questions	2	Нет	Нет	0.001
Take	1	Нет	Нет	0.001
how-to	1	Нет	Нет	0.001
detailed	1	Нет	Нет	0.001
us	4	Нет	Нет	0.002
Visit	2	Нет	Нет	0.001
FAQ	2	Нет	Нет	0.001
than	1	Нет	Нет	0.001
users	1	Нет	Нет	0.001
trust	1	Нет	Нет	0.001
books	2	Нет	Нет	0.001
Some	1	Нет	Нет	0.001
might	1	Нет	Нет	0.001
know	1	Нет	Нет	0.001
prices	3	Нет	Нет	0.002
U	6	Нет	Нет	0.003
Dollar	12	Нет	Нет	0.006
Taxes	3	Нет	Нет	0.002
included	3	Нет	Нет	0.002
Euro	3	Нет	Нет	0.002
British	3	Нет	Нет	0.002
Pound	3	Нет	Нет	0.002
Australian	3	Нет	Нет	0.002
CA	3	Нет	Нет	0.002
Canadian	3	Нет	Нет	0.002
Save	3	Нет	Нет	0.002
months	1	Нет	Нет	0.001
Annually	1	Нет	Нет	0.001
Monthly	4	Нет	Нет	0.002
Basic	3	Нет	Нет	0.002
Unlimited	6	Нет	Нет	0.003
1GB	1	Нет	Нет	0.001
storage	4	Нет	Нет	0.002
account	11	Нет	Нет	0.006
userNumber	1	Нет	Нет	0.001
team	4	Нет	Нет	0.002
members	4	Нет	Нет	0.002
who	4	Нет	Нет	0.002
delete	7	Нет	Нет	0.004
limit	4	Нет	Нет	0.002
number	4	Нет	Нет	0.002
visitors	4	Нет	Нет	0.002
protectionProtect	2	Нет	Нет	0.001
usernames	2	Нет	Нет	0.001
passwords	2	Нет	Нет	0.001
Standard	2	Нет	Нет	0.001
month	5	Нет	Нет	0.003
Billed	5	Нет	Нет	0.003
Yearly	3	Нет	Нет	0.002
Subscribe	5	Нет	Нет	0.003
plan	3	Нет	Нет	0.002
available	1	Нет	Нет	0.001
updates	1	Нет	Нет	0.001
10Gb	1	Нет	Нет	0.001
storageStorage	3	Нет	Нет	0.002
multimedia	3	Нет	Нет	0.002
files	3	Нет	Нет	0.002
typical	3	Нет	Нет	0.002
Mb	3	Нет	Нет	0.002
around	3	Нет	Нет	0.002
same	3	Нет	Нет	0.002
time	4	Нет	Нет	0.002
usersNumber	3	Нет	Нет	0.002
White	1	Нет	Нет	0.001
brandingRemove	1	Нет	Нет	0.001
own	2	Нет	Нет	0.001
Popular	1	Нет	Нет	0.001
Everything	2	Нет	Нет	0.001
20Gb	1	Нет	Нет	0.001
Google	3	Нет	Нет	0.002
analytics	1	Нет	Нет	0.001
integration	1	Нет	Нет	0.001
Lead	1	Нет	Нет	0.001
generation	1	Нет	Нет	0.001
Custom	3	Нет	Нет	0.002
urlaflip	1	Нет	Нет	0.001
hflip	1	Нет	Нет	0.001
co	1	Нет	Нет	0.001
subdomains	1	Нет	Нет	0.001
address	3	Нет	Нет	0.002
like	2	Нет	Нет	0.001
https	2	Нет	Нет	0.001
mycompany	2	Нет	Нет	0.001
aflip	1	Нет	Нет	0.001
subdomain	1	Нет	Нет	0.001
Domains	1	Нет	Нет	0.001
restrictionChoose	1	Нет	Нет	0.001
websites	1	Нет	Нет	0.001
Premium	1	Нет	Нет	0.001
40Gb	1	Нет	Нет	0.001
url	1	Нет	Нет	0.001
DNS	1	Нет	Нет	0.001
domainBring	1	Нет	Нет	0.001
domain	1	Нет	Нет	0.001
com	4	Нет	Нет	0.002
Advanced	1	Нет	Нет	0.001
protectionSend	1	Нет	Нет	0.001
one-time	1	Нет	Нет	0.001
emails	1	Нет	Нет	0.001
ensure	1	Нет	Нет	0.001
shared	1	Нет	Нет	0.001
Priority	1	Нет	Нет	0.001
need	1	Нет	Нет	0.001
information	5	Нет	Нет	0.003
plans	1	Нет	Нет	0.001
customizations	1	Нет	Нет	0.001
suggestions	1	Нет	Нет	0.001
partner	1	Нет	Нет	0.001
ideas	2	Нет	Нет	0.001
reach	1	Нет	Нет	0.001
fill	1	Нет	Нет	0.001
out	1	Нет	Нет	0.001
form	1	Нет	Нет	0.001
Facebook	3	Нет	Нет	0.002
Instagram	2	Нет	Нет	0.001
X	2	Нет	Нет	0.001
formerly	1	Нет	Нет	0.001
Twitter	3	Нет	Нет	0.002
Linkedin	3	Нет	Нет	0.002
RSS	2	Нет	Нет	0.001
agree	2	Нет	Нет	0.001
policy	7	Нет	Нет	0.004
Send	2	Нет	Нет	0.001
message	1	Нет	Нет	0.001
has	1	Нет	Нет	0.001
been	1	Нет	Нет	0.001
sent	1	Нет	Нет	0.001
answer	1	Нет	Нет	0.001
soon	1	Нет	Нет	0.001
possible	1	Нет	Нет	0.001
close	6	Нет	Нет	0.003
Image	16	Нет	Нет	0.008
code	18	Нет	Нет	0.01
CTA	2	Нет	Нет	0.001
iframe	1	Нет	Нет	0.001
Fold	3	Нет	Нет	0.002
open	2	Нет	Нет	0.001
copy	32	Нет	Нет	0.017
Overlay	2	Нет	Нет	0.001
Show	2	Нет	Нет	0.001
depth	1	Нет	Нет	0.001
Generating	1	Нет	Нет	0.001
Please	2	Нет	Нет	0.001
try	1	Нет	Нет	0.001
again	1	Нет	Нет	0.001
few	1	Нет	Нет	0.001
minutes	1	Нет	Нет	0.001
width	6	Нет	Нет	0.003
Height	3	Нет	Нет	0.002
Front	2	Нет	Нет	0.001
border	1	Нет	Нет	0.001
editor	1	Нет	Нет	0.001
icons	1	Нет	Нет	0.001
result	1	Нет	Нет	0.001
vary	1	Нет	Нет	0.001
depending	1	Нет	Нет	0.001
network	1	Нет	Нет	0.001
screen	1	Нет	Нет	0.001
resolution	1	Нет	Нет	0.001
Description	1	Нет	Нет	0.001
thumbnail	1	Нет	Нет	0.001
recommended	1	Нет	Нет	0.001
1200x630px	1	Нет	Нет	0.001
Reddit	1	Нет	Нет	0.001
Snapchat	2	Нет	Нет	0.001
WhatsApp	1	Нет	Нет	0.001
Telegram	1	Нет	Нет	0.001
Skype	1	Нет	Нет	0.001
Blogger	1	Нет	Нет	0.001
Evernote	1	Нет	Нет	0.001
Messenger	1	Нет	Нет	0.001
Enable	2	Нет	Нет	0.001
source	1	Нет	Нет	0.001
Personal	4	Нет	Нет	0.002
Business	1	Нет	Нет	0.001
Surname	1	Нет	Нет	0.001
Legal	1	Нет	Нет	0.001
Tax	1	Нет	Нет	0.001
ID	1	Нет	Нет	0.001
City	1	Нет	Нет	0.001
ZIP	1	Нет	Нет	0.001
Postal	1	Нет	Нет	0.001
State	1	Нет	Нет	0.001
Province	1	Нет	Нет	0.001
Credit	3	Нет	Нет	0.002
debit	3	Нет	Нет	0.002
card	3	Нет	Нет	0.002
Confirm	6	Нет	Нет	0.003
renewal	1	Нет	Нет	0.001
Stripe	3	Нет	Нет	0.002
processor	1	Нет	Нет	0.001
collect	3	Нет	Нет	0.002
store	3	Нет	Нет	0.002
clicking	3	Нет	Нет	0.002
accepting	3	Нет	Нет	0.002
terms	5	Нет	Нет	0.003
conditions	4	Нет	Нет	0.002
additional	1	Нет	Нет	0.001
Paypal	1	Нет	Нет	0.001
systems	1	Нет	Нет	0.001
being	1	Нет	Нет	0.001
processed	1	Нет	Нет	0.001
wait	1	Нет	Нет	0.001
Forgot	2	Нет	Нет	0.001
Recover	1	Нет	Нет	0.001
here	4	Нет	Нет	0.002
Repeat	1	Нет	Нет	0.001
Already	1	Нет	Нет	0.001
recovery	1	Нет	Нет	0.001
Resources	1	Нет	Нет	0.001
Developers	1	Нет	Нет	0.001
Canva	1	Нет	Нет	0.001
lookbook	1	Нет	Нет	0.001
Featured	1	Нет	Нет	0.001
posts	1	Нет	Нет	0.001
travel	1	Нет	Нет	0.001
Company	1	Нет	Нет	0.001
service	1	Нет	Нет	0.001
Cookies	3	Нет	Нет	0.002
Affiliate	1	Нет	Нет	0.001
program	1	Нет	Нет	0.001
touch	1	Нет	Нет	0.001
Feed	1	Нет	Нет	0.001
copy2025	1	Нет	Нет	0.001
rights	1	Нет	Нет	0.001
reserved	1	Нет	Нет	0.001
only	1	Нет	Нет	0.001
technical	1	Нет	Нет	0.001
necessary	1	Нет	Нет	0.001
guarantee	1	Нет	Нет	0.001
correct	1	Нет	Нет	0.001
functioning	1	Нет	Нет	0.001
cookie	1	Нет	Нет	0.001
Accept	1	Нет	Нет	0.001

Исходный контент страницы, слов (1884)

Heyzine Convert Examples Features Pricing Guides Contact API English Catal Deutsch English Espa ol Fran aise Portugu s Log In Sign Up Dashboard Flipbook maker PDF to flipbook free no ads and highly customizable with different page flip effects Share download or embed them creating outstanding magazines catalogs brochures reports restaurant menus and more Drag and drop the PDF to convert Upload uploaded Processing Last steps Cancel Error uploading the file Back Titles Optional Title Subtitle Page effect Magazine Book Album Notebook Slider Cards Coverflow One page edit Customize Share flipbook Share flipbook This flipbook will be deleted in week Login or register to keep it online for free Sign Up Back Choose the page effect Magazine Book Album Notebook Slider Cards Coverflow One page Start converting your PDF Drag and drop the PDF to convert Upload uploaded Processing Last steps Cancel Error uploading the file Preview customizable Flipbook maker Convert a PDF of any size and customize it with a realistic flipping page slide and coverflow effects Change logo text icon styles pagination and much more free Free Convert pdf to flipbook magazines for free without ads or watermarks over the publication Link share or embed at no cost responsive design Interactive publications Make an interactive PDF by turning it into a flipbook Add links audio video forms web embeds and many widgets to engage your audience and capture their attention share Share Automatically generate different link styles with the cover and QR codes to quickly share the flip book by email social media and everywhere else Choose the embed style that best matches your website and start publishing flipbooks easily Examples More examples Magazine PDF Flipbook magazine with page flip effect slider and navigation controls View Catalog slider Catalog PDF Slider with horizontal swipe and navigation controls View One page brochure One page brochure with turn effect and zoom controls View Digital bookshelf Group flipbooks in a personalized sharing page View Features Page turn effects Page turn effects You can choose between five different turn page effects flipbook magazine book slider presentation cover flow and one page flip We also support Right-to-left flipbooks Responsive Responsive The PDF can have any page size A4 A5 portrait landscape and non-standard sizes The converted flip book will resize according to the device They look great on mobile phones tablets both in android iOS and all the desktop browsers Customization Customization After the conversion you can customize the publication changing the logo background text navigation control styles and much more You can make the flipbook look the way you want quickly and easily Videos and pictures Videos audio and pictures Add interactive videos audio pictures and gif to your flipbook to create more immersive publications and engage your audience Links and web iframes Links and web iframes Create links between pages or between flipbooks Use web iframes to embed maps calendars agendas panoramas forms payment gateways or any kind of web content Sharing Share Automatically get different thumbnails and styles to link or directly share everywhere The link previews will look good on all social networks Flipbook statistics Flipbook statistics Discover how many visits your flipbooks have where your readers come from the links and media they click and the flipbook pages they find more interesting Analyze your visits to learn and improve your content Learn more Privacy and security Privacy and security Your content is private by default we never share it without your consent For more security you can also protect your flipbooks with user name and password You can even restrict where your flipbooks can be embedded Download offline flipbook Download offline flipbook Download the flipbook as a file for offline viewing using the flipbook reader app or download the html to host it yourself on your website The downloads have no external dependency on heyzine or the internet Free Free The Heyzine free pdf to flipbook converter don t bother you with annoying watermarks and ads Our viewer is watermark free so your flipbooks will look professional without having to pay anything API access API access If you are a developer we have an API you can use to automatically convert your flipbooks Our API is fast reliable and very easy to integrate in any system Learn more Check the frequently asked questions Take a look at the how-to page for detailed guides or contact us Visit the FAQ More than users trust heyzine to create flipping books Some of them you might know Pricing All prices are in U S Dollar Taxes included U S Dollar Euro British Pound A Australian Dollar CA Canadian Dollar Save months Annually Monthly Basic Free Login or register free flipbooks Unlimited pages No ads API access 1GB storage account userNumber of team members who can create edit and delete flipbooks in the account There is no limit to the number of visitors your flipbooks can have Password protectionProtect your flipbooks with unlimited usernames and passwords Standard month Billed Yearly Subscribe Monthly plan not available Unlimited flip books Unlimited updates Unlimited pages No ads No watermarks API access 10Gb storageStorage for flipbooks and uploaded multimedia files For the typical Mb PDF that s around flipbooks online at the same time You can delete content to get storage back account usersNumber of team members who can create edit and delete flipbooks in the account There is no limit to the number of visitors your flipbooks can have White brandingRemove the Heyzine s logo and use your own one Password protectionProtect your flipbooks with unlimited usernames and passwords Download offline flipbooks Basic support Popular Professional month Billed Yearly month Billed Monthly Subscribe Subscribe Everything in the standard plan 20Gb storageStorage for flipbooks and uploaded multimedia files For the typical Mb PDF that s around flipbooks online at the same time You can delete content to get storage back account usersNumber of team members who can create edit and delete flipbooks in the account There is no limit to the number of visitors your flipbooks can have Reader statistics Google analytics integration Lead generation forms Custom flipbook urlaflip in and hflip co subdomains Your flipbook address will look like https mycompany aflip in anything and subdomain Domains restrictionChoose which websites can embed your flipbooks Basic support Premium month Billed Yearly month Billed Monthly Subscribe Subscribe Everything in the professional plan 40Gb storageStorage for flipbooks and uploaded multimedia files For the typical Mb PDF that s around flipbooks online at the same time You can delete content to get storage back account usersNumber of team members who can create edit and delete flipbooks in the account There is no limit to the number of visitors your flipbooks can have Digital bookshelf Custom flipbook url and DNS domainBring your own domain Your flipbook address will look like https anything mycompany com anything Advanced password protectionSend one-time access emails to ensure the password is not shared Priority support Contact Us If you need more information about plans customizations suggestions or partner ideas visit the frequently asked questions reach us at support heyzine com or fill out the contact form Facebook Instagram X formerly Twitter Linkedin RSS I agree to Heyzine s privacy policy Send Your message has been sent we will answer back to your email as soon as possible close close close close Link Email Image Web Embed Social Download QR code Design Cover Cover CTA Cover flip Gif Embed iframe Cover Cover CTA Flip cover Fold cover QR Code QR Logo Reader link open copy Custom reader link save open copy Preview Share copy Copy image with link download Download image Preview Share copy Copy image with link download Download image Overlay image Preview Share copy Copy image with link download Download image Fold page Fold Size Show depth Preview Generating the GIF Please try again in a few minutes Share copy Copy gif with link download Download gif Preview Share copy Copy image with link Copy code Copy html code Preview Share copy Copy image with link Copy code Copy html code Overlay image Preview View Share Copy code Copy html code Responsive width Width Height Front title Back subtitle Preview Share Copy code Copy html code Responsive width Width Height Front title Back subtitle Preview Share Copy code Copy html code Responsive width Width Height Show border Page Preview Share copy Copy image download Download image Copy code Copy html code Preview You can change the logo from the editor logo icons Share copy Copy image download Download image Copy code Copy html code Preview This is a preview The result will vary depending on the social network and screen resolution Edit Edit Title Description Upload Social thumbnail The recommended image size is 1200x630px Save Close Share Facebook Twitter LinkedIn Reddit Snapchat WhatsApp Telegram Skype Snapchat Blogger Evernote Messenger Download Flipbook file Download Flipbook Enable link for sharing App Download Reader App Enable link for sharing Are you a developer Download the flipbook source code Personal Business Name and Surname Legal name Tax ID Address City ZIP Postal code State Province Credit or debit card Confirm payment You can cancel the renewal at any time We use Stripe as our payment processor so we do not collect or store any personal payment information By clicking Confirm payment you are accepting the heyzine terms and conditions U S Dollar Euro British Pound A Australian Dollar CA Canadian Dollar All prices are in U S Dollar Taxes included Add additional flipbooks or flipbook downloads flipbooks for flipbooks for flipbooks for flipbooks for Credit or debit card Confirm payment We use Stripe and Paypal as payment systems so we do not collect or store any personal payment information By clicking Confirm payment you are accepting the heyzine terms and conditions U S Dollar Euro British Pound A Australian Dollar CA Canadian Dollar All prices are in U S Dollar Taxes included Credit or debit card Confirm payment We use Stripe as payment system so we do not collect or store any personal payment information By clicking Confirm payment you are accepting the heyzine terms and conditions Your payment is being processed please wait There was an error processing your payment Log In Sign In with google Or use your email Email Password Log In Forgot your password Recover it here Don t have an account Sign up here Register Sign Up with google Or use your email Email Password Repeat password I agree to the terms and conditions of use and the privacy policy Register Already have an account Login here Password forgot Email Send recovery link Don t have an account Sign up here Navigation Log In Contact Flipbook maker Features Flipbook examples Flipbook ideas Resources FAQ Guides Developers Flipbook App Canva flipbook Digital lookbook Featured posts What is a flipbook Make an interactive PDF How to create a flipbook How to create a digital bookshelf How to make a digital catalog How to make a travel brochure Company Terms of service Privacy policy Cookies policy Affiliate program About us Get in touch Facebook Instagram X Twitter Linkedin RSS Feed support heyzine com copy2025 Heyzine com All rights reserved close Cookies policy On heyzine we only use technical cookies necessary to guarantee the correct functioning of the website Check the privacy policy and the cookie policy for more information Accept

Контент страницы без стоп-слов, слов (1432), без повторов (505)

Heyzine Convert Examples Features Pricing Guides Contact API English Catal Deutsch English Espa ol Fran aise Portugu s Log Sign Up Dashboard Flipbook maker PDF flipbook free ads highly customizable different page flip effects Share download embed them creating outstanding magazines catalogs brochures reports restaurant menus more Drag drop PDF convert Upload uploaded Processing Last steps Cancel Error uploading file Back Titles Optional Title Subtitle Page effect Magazine Book Album Notebook Slider Cards Coverflow page edit Customize Share flipbook Share flipbook flipbook deleted week Login register keep online free Sign Up Back Choose page effect Magazine Book Album Notebook Slider Cards Coverflow page Start converting your PDF Drag drop PDF convert Upload uploaded Processing Last steps Cancel Error uploading file Preview customizable Flipbook maker Convert a PDF size customize a realistic flipping page slide coverflow effects Change logo text icon styles pagination much more free Free Convert pdf flipbook magazines free without ads watermarks over publication Link share embed cost responsive design Interactive publications Make interactive PDF turning into a flipbook Add links audio video forms web embeds many widgets engage your audience capture their attention share Share Automatically generate different link styles cover QR codes quickly share flip book email social media everywhere else Choose embed style best matches your website start publishing flipbooks easily Examples More examples Magazine PDF Flipbook magazine page flip effect slider navigation controls View Catalog slider Catalog PDF Slider horizontal swipe navigation controls View page brochure page brochure turn effect zoom controls View Digital bookshelf Group flipbooks a personalized sharing page View Features Page turn effects Page turn effects choose between five different turn page effects flipbook magazine book slider presentation cover flow page flip also support Right-to-left flipbooks Responsive Responsive PDF page size A4 A5 portrait landscape non-standard sizes converted flip book resize according device look great mobile phones tablets both android iOS desktop browsers Customization Customization After conversion customize publication changing logo background text navigation control styles much more make flipbook look way want quickly easily Videos pictures Videos audio pictures Add interactive videos audio pictures gif your flipbook create more immersive publications engage your audience Links web iframes Links web iframes Create links between pages between flipbooks Use web iframes embed maps calendars agendas panoramas forms payment gateways kind web content Sharing Share Automatically get different thumbnails styles link directly share everywhere link previews look good social networks Flipbook statistics Flipbook statistics Discover how many visits your flipbooks where your readers come links media click flipbook pages find more interesting Analyze your visits learn improve your content Learn more Privacy security Privacy security Your content private default never share without your consent more security also protect your flipbooks user name password even restrict where your flipbooks embedded Download offline flipbook Download offline flipbook Download flipbook a file offline viewing using flipbook reader app download html host yourself your website downloads external dependency heyzine internet Free Free Heyzine free pdf flipbook converter don t bother annoying watermarks ads Our viewer watermark free your flipbooks look professional without having pay anything API access API access a developer API use automatically convert your flipbooks Our API fast reliable very easy integrate system Learn more Check frequently asked questions Take a look how-to page detailed guides contact us Visit FAQ More than users trust heyzine create flipping books Some them might know Pricing prices U S Dollar Taxes included U S Dollar Euro British Pound A Australian Dollar CA Canadian Dollar Save months Annually Monthly Basic Free Login register free flipbooks Unlimited pages ads API access 1GB storage account userNumber team members who create edit delete flipbooks account limit number visitors your flipbooks Password protectionProtect your flipbooks unlimited usernames passwords Standard month Billed Yearly Subscribe Monthly plan available Unlimited flip books Unlimited updates Unlimited pages ads watermarks API access 10Gb storageStorage flipbooks uploaded multimedia files typical Mb PDF s around flipbooks online same time delete content get storage back account usersNumber team members who create edit delete flipbooks account limit number visitors your flipbooks White brandingRemove Heyzine s logo use your own Password protectionProtect your flipbooks unlimited usernames passwords Download offline flipbooks Basic support Popular Professional month Billed Yearly month Billed Monthly Subscribe Subscribe Everything standard plan 20Gb storageStorage flipbooks uploaded multimedia files typical Mb PDF s around flipbooks online same time delete content get storage back account usersNumber team members who create edit delete flipbooks account limit number visitors your flipbooks Reader statistics Google analytics integration Lead generation forms Custom flipbook urlaflip hflip co subdomains Your flipbook address look like https mycompany aflip anything subdomain Domains restrictionChoose websites embed your flipbooks Basic support Premium month Billed Yearly month Billed Monthly Subscribe Subscribe Everything professional plan 40Gb storageStorage flipbooks uploaded multimedia files typical Mb PDF s around flipbooks online same time delete content get storage back account usersNumber team members who create edit delete flipbooks account limit number visitors your flipbooks Digital bookshelf Custom flipbook url DNS domainBring your own domain Your flipbook address look like https anything mycompany com anything Advanced password protectionSend one-time access emails ensure password shared Priority support Contact Us need more information plans customizations suggestions partner ideas visit frequently asked questions reach us support heyzine com fill out contact form Facebook Instagram X formerly Twitter Linkedin RSS agree Heyzine s privacy policy Send Your message has been sent answer back your email soon possible close close close close Link Email Image Web Embed Social Download QR code Design Cover Cover CTA Cover flip Gif Embed iframe Cover Cover CTA Flip cover Fold cover QR Code QR Logo Reader link open copy Custom reader link save open copy Preview Share copy Copy image link download Download image Preview Share copy Copy image link download Download image Overlay image Preview Share copy Copy image link download Download image Fold page Fold Size Show depth Preview Generating GIF Please try again a few minutes Share copy Copy gif link download Download gif Preview Share copy Copy image link Copy code Copy html code Preview Share copy Copy image link Copy code Copy html code Overlay image Preview View Share Copy code Copy html code Responsive width Width Height Front title Back subtitle Preview Share Copy code Copy html code Responsive width Width Height Front title Back subtitle Preview Share Copy code Copy html code Responsive width Width Height Show border Page Preview Share copy Copy image download Download image Copy code Copy html code Preview change logo editor logo icons Share copy Copy image download Download image Copy code Copy html code Preview a preview result vary depending social network screen resolution Edit Edit Title Description Upload Social thumbnail recommended image size 1200x630px Save Close Share Facebook Twitter LinkedIn Reddit Snapchat WhatsApp Telegram Skype Snapchat Blogger Evernote Messenger Download Flipbook file Download Flipbook Enable link sharing App Download Reader App Enable link sharing a developer Download flipbook source code Personal Business Name Surname Legal name Tax ID Address City ZIP Postal code State Province Credit debit card Confirm payment cancel renewal time use Stripe our payment processor collect store personal payment information clicking Confirm payment accepting heyzine terms conditions U S Dollar Euro British Pound A Australian Dollar CA Canadian Dollar prices U S Dollar Taxes included Add additional flipbooks flipbook downloads flipbooks flipbooks flipbooks flipbooks Credit debit card Confirm payment use Stripe Paypal payment systems collect store personal payment information clicking Confirm payment accepting heyzine terms conditions U S Dollar Euro British Pound A Australian Dollar CA Canadian Dollar prices U S Dollar Taxes included Credit debit card Confirm payment use Stripe payment system collect store personal payment information clicking Confirm payment accepting heyzine terms conditions Your payment being processed please wait error processing your payment Log Sign google use your email Email Password Log Forgot your password Recover here Don t account Sign up here Register Sign Up google use your email Email Password Repeat password agree terms conditions use privacy policy Register Already account Login here Password forgot Email Send recovery link Don t account Sign up here Navigation Log Contact Flipbook maker Features Flipbook examples Flipbook ideas Resources FAQ Guides Developers Flipbook App Canva flipbook Digital lookbook Featured posts a flipbook Make interactive PDF How create a flipbook How create a digital bookshelf How make a digital catalog How make a travel brochure Company Terms service Privacy policy Cookies policy Affiliate program us Get touch Facebook Instagram X Twitter Linkedin RSS Feed support heyzine com copy2025 Heyzine com rights reserved close Cookies policy heyzine only use technical cookies necessary guarantee correct functioning website Check privacy policy cookie policy more information Accept

HTML код страницы, символов всего (408169)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    
  <title>Heyzine PDF To Flipbook - Online flipbook maker</title>
  <meta name="title" content="Heyzine PDF To Flipbook - Online flipbook maker">
  <meta name="description" content="PDF to flipbook converter. Free, no ads, no watermarks and highly customizable with different page flip effects. Download, share and embed them creating outstanding magazines, catalogs, brochures, reports, restaurant menus and more.">
  <link rel="canonical" href="https://heyzine.com" />
  <link rel="alternate" href="https://heyzine.com/ca" hreflang="ca" />
  <link rel="alternate" href="https://heyzine.com/de" hreflang="de" />
  <link rel="alternate" href="https://heyzine.com" hreflang="en" />
  <link rel="alternate" href="https://heyzine.com/es" hreflang="es" />
  <link rel="alternate" href="https://heyzine.com/fr" hreflang="fr" />
  <link rel="alternate" href="https://heyzine.com/pt" hreflang="pt" />
  <link rel="alternate" href="https://heyzine.com" hreflang="x-default" />
    <meta itemprop="name" content="PDF To Flipbook | Flipbook Online">
<meta itemprop="description" content="PDF to flipbook converter. Free, no ads, and highly customizable with different page flip effects. Download, share and embed them creating outstanding magazines, catalogs, brochures, reports, restaurant menus and more.">
<meta itemprop="image" content="https://heyzine.com/assets-web/img/social/heyzine-logo-hz.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="https://heyzine.com">
<meta name="twitter:title" content="PDF To Flipbook | Flipbook Online">
<meta name="twitter:description" content="PDF to flipbook converter. Free, no ads, and highly customizable with different page flip effects. Download, share and embed them creating outstanding magazines, catalogs, brochures, reports, restaurant menus and more.">
<meta name="twitter:creator" content="heyzine.com">
<meta name="twitter:image:src" content="https://heyzine.com/assets-web/img/social/heyzine-logo-hz.jpg">
<meta property="og:title" content="PDF To Flipbook | Flipbook Online" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://heyzine.com" />
<meta property="og:image" content="https://heyzine.com/assets-web/img/social/heyzine-logo-hz.jpg" />
<meta property="og:description" content="PDF to flipbook converter. Free, no ads, and highly customizable with different page flip effects. Download, share and embed them creating outstanding magazines, catalogs, brochures, reports, restaurant menus and more." />
<meta property="og:site_name" content="Heyzine" />
    <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicons/favicon-180.png?v=6">
<link rel="icon" type="image/png" sizes="512x512" href="/assets/img/favicons/favicon-512.png?v=6">
<link rel="icon" type="image/png" sizes="256x256" href="/assets/img/favicons/favicon-256.png?v=6">
<link rel="icon" type="image/png" sizes="180x180" href="/assets/img/favicons/favicon-180.png?v=6">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicons/favicon-032.png?v=6">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicons/favicon-016.png?v=6">
<link rel="mask-icon" href="/assets/img/favicons/favicon-mask-16.svg?v=6" color="#19a974">
<link rel="shortcut icon" href="/assets/img/favicons/favicon.ico?v=6">
<link rel="icon" href="/assets/img/favicons/favicon.ico?v=6">
<link rel="icon" type="image/svg+xml" href="/assets/img/favicons/favicon.svg?v=6">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-config" content="/assets/img/favicons/site.msmanifest.xml?v=6">
<meta name="theme-color" content="#ffffff">
<link rel="manifest" href="/assets/img/favicons/site.webmanifest?v=6">

</head>
<body>
    
    <nav class="landing-nav">
        <div class="nav-content">
            <div class="logo">
                <a href="/">
                    <svg role="img" class="logo" width="147" height="49" viewBox="0 0 147 49" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: red;">
                        <title>Heyzine</title>
                        <path d="M18.6217 15.5008C18.9499 15.5088 19.2729 15.4187 19.5497 15.2422C19.8264 15.0657 20.0442 14.8107 20.1753 14.5098C20.3065 14.2089 20.3449 13.8758 20.2858 13.5529C20.2267 13.23 20.0727 12.9321 19.8435 12.6972C19.6142 12.4623 19.3202 12.301 18.9989 12.234C18.6776 12.167 18.3436 12.1973 18.0395 12.321C17.7355 12.4447 17.4753 12.6562 17.292 12.9285C17.1088 13.2008 17.0108 13.5215 17.0107 13.8498C17.0131 14.28 17.1824 14.6926 17.4829 15.0005C17.7834 15.3085 18.1917 15.4878 18.6217 15.5008V15.5008Z" fill="#05241A"/>
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M28.0676 13.4412C28.0081 13.0738 27.8474 12.7303 27.6035 12.4493C27.3595 12.1682 27.0421 11.9608 26.6867 11.8502L25.9263 11.63L25.5861 11.53C25.3842 11.4793 25.1868 11.4124 24.9957 11.3299C24.7435 11.1977 24.5375 10.9917 24.4053 10.7395C23.5753 9.47038 22.5085 8.37305 21.2634 7.50747C20.2661 6.81222 19.0953 6.40758 17.8815 6.33868C16.6677 6.26977 15.4586 6.53931 14.3891 7.11723C12.8583 7.8673 11.5633 9.02384 10.6456 10.4604C9.72795 11.8969 9.22293 13.5581 9.18581 15.2623V15.2623V39.2273C9.15649 39.627 9.15649 40.0283 9.18581 40.428C9.28391 41.8591 9.77102 43.2362 10.5946 44.4106C11.4181 45.5851 12.5468 46.5123 13.8587 47.0922C14.7274 47.4802 15.642 47.756 16.5804 47.9127C16.8718 47.9631 17.1658 47.9966 17.461 48.0128H17.7211H17.8412H19.2421L18.9119 32.423C20.8811 30.8034 22.4708 28.7711 23.5687 26.4699C24.6666 24.1686 25.2459 21.6544 25.2659 19.1047V16.6432L27.2071 15.3624C27.5148 15.1537 27.7584 14.8634 27.9104 14.5241C28.0624 14.1847 28.1168 13.8097 28.0676 13.4412V13.4412ZM15.0095 44.6307C14.122 44.2529 13.3587 43.6331 12.8067 42.8422C12.2547 42.0513 11.9361 41.1211 11.8875 40.1579C11.7402 39.1552 11.9568 38.1329 12.4979 37.2761C12.6068 37.1053 12.7307 36.9446 12.8681 36.7958L13.7086 36.0953L14.6292 35.545C15.1381 35.3029 15.6671 35.1053 16.2102 34.9546L16.4604 45.121C15.9609 45.0089 15.4745 44.8446 15.0095 44.6307V44.6307ZM11.9075 34.0341V15.3023C11.9257 14.1047 12.2718 12.935 12.9081 11.9202C13.5602 10.901 14.4767 10.0779 15.5598 9.53874V9.53874C16.1999 9.17663 16.9305 9.00583 17.6648 9.04663C18.3991 9.08742 19.1063 9.3381 19.7024 9.76889C20.6483 10.4354 21.4568 11.2779 22.0839 12.2504C22.4883 12.9204 23.0843 13.4537 23.7949 13.7814L24.3053 13.9915L22.4841 15.1923V19.0847C22.4545 21.4004 21.8894 23.6779 20.8331 25.7389C19.7679 27.8034 18.2407 29.5943 16.3703 30.9721L13.3084 33.1935L11.9075 34.0341Z" fill="#19A975"/>
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M26.2664 0.0117188H7.25453C5.33214 0.0170001 3.48998 0.783011 2.13064 2.14236C0.771292 3.5017 0.00528134 5.34385 0 7.26625V26.1581C0.0013082 27.1137 0.191172 28.0598 0.558714 28.942C0.926256 29.8241 1.46425 30.6251 2.14188 31.299C2.81951 31.9729 3.62344 32.5065 4.50763 32.8692C5.39182 33.2319 6.33888 33.4165 7.29456 33.4126H9.18574V30.7109H7.29456C6.69536 30.7122 6.10176 30.5955 5.54767 30.3674C4.99357 30.1393 4.48983 29.8043 4.0652 29.3816C3.64057 28.9588 3.30337 28.4565 3.07285 27.9034C2.84234 27.3503 2.72301 26.7573 2.7217 26.1581V7.26625C2.72301 6.66752 2.8424 6.07492 3.07305 5.5224C3.30369 4.96987 3.64105 4.46826 4.06581 4.04628C4.49057 3.62431 4.99439 3.29026 5.54843 3.06327C6.10246 2.83627 6.69583 2.72078 7.29456 2.72341H26.3064C27.5149 2.72075 28.675 3.19756 29.5323 4.04922C30.3896 4.90089 30.874 6.05784 30.8793 7.26625V26.1581C30.878 26.7573 30.7587 27.3503 30.5281 27.9034C30.2976 28.4565 29.9604 28.9588 29.5358 29.3816C29.1112 29.8043 28.6074 30.1393 28.0533 30.3674C27.4992 30.5955 26.9056 30.7122 26.3064 30.7109H20.6829C20.1302 31.3189 19.5385 31.8905 18.9118 32.422V33.4226H26.2364C27.1912 33.4252 28.1372 33.2396 29.0203 32.8763C29.9033 32.5131 30.706 31.9793 31.3826 31.3055C32.0592 30.6317 32.5963 29.8312 32.9632 28.9496C33.3301 28.0681 33.5196 27.1229 33.5209 26.1681V7.26625C33.5157 5.34385 32.7497 3.5017 31.3903 2.14236C30.031 0.783011 28.1888 0.0170001 26.2664 0.0117188Z" fill="#05241A"/>                        
                        <path d="M46 29.142V10H49.4722V18.1051H58.3377V10H61.8099V29.142H58.3377V21.0069H49.4722V29.142H46Z" fill="#05241A"/>
                        <path d="M71.9768 30.3543C70.675 30.3894 69.3871 30.0787 68.2445 29.4538C67.2089 28.8554 66.3733 27.9642 65.843 26.8922C65.2582 25.6725 64.9701 24.3319 65.0024 22.9797C64.9733 21.6343 65.2612 20.3008 65.843 19.0873C66.3801 18.0037 67.2171 17.0973 68.2545 16.4756C69.3349 15.8269 70.5768 15.4974 71.8367 15.525C72.6892 15.523 73.5355 15.6686 74.3383 15.9553C75.1234 16.2329 75.8375 16.6805 76.4296 17.2661C77.0695 17.9055 77.5614 18.6774 77.8705 19.5275C78.2288 20.5729 78.3916 21.6753 78.3508 22.7796V23.7802H66.5934V21.5388H75.1088C75.1245 20.9252 74.9796 20.3181 74.6885 19.7777C74.4257 19.2771 74.0268 18.8608 73.5378 18.577C73.0242 18.2714 72.4341 18.1187 71.8367 18.1367C71.1943 18.126 70.5624 18.2996 70.0156 18.637C69.5016 18.9604 69.0809 19.4122 68.7948 19.9478C68.4956 20.5112 68.3441 21.1412 68.3545 21.779V23.7802C68.331 24.5241 68.489 25.2624 68.8148 25.9316C69.0983 26.5041 69.5437 26.9807 70.0956 27.3024C70.685 27.6207 71.3473 27.7793 72.0168 27.7627C72.4718 27.7717 72.9251 27.7041 73.3577 27.5626C73.7307 27.4228 74.0712 27.2083 74.3583 26.9322C74.6602 26.6585 74.8904 26.3149 75.0287 25.9316L78.1807 26.2918C77.9955 27.1053 77.6025 27.8569 77.04 28.4731C76.4569 29.1146 75.7299 29.6085 74.9186 29.914C73.9735 30.2408 72.9762 30.3901 71.9768 30.3543Z" fill="#05241A"/>
                        <path d="M82.9136 35.4572C82.4842 35.4588 82.0556 35.422 81.6328 35.3471C81.3143 35.2985 81.0022 35.2146 80.7022 35.097L81.4927 32.4653C81.9172 32.5971 82.359 32.6645 82.8035 32.6654C83.1691 32.667 83.5235 32.5395 83.8041 32.3052C84.1569 31.9933 84.4195 31.5925 84.5646 31.1445L84.8548 30.374L79.6616 15.7148H83.2638L86.5659 26.5616H86.716L90.028 15.7148H93.6303L87.8767 31.7849C87.6439 32.5093 87.2848 33.1868 86.816 33.7861C86.3795 34.3267 85.8203 34.7555 85.185 35.0369C84.4669 35.3388 83.6922 35.4821 82.9136 35.4572Z" fill="#05241A"/>
                        <path d="M95.7817 30.0738V27.9225L103.186 18.6367V18.5166H96.0219V15.7148H107.329V18.0263L100.325 27.142V27.2721H107.619V30.0738H95.7817Z" fill="#05241A"/>
                        <path d="M110.751 30.073V15.714H114.133V30.073H110.751ZM112.452 13.6728C111.937 13.6814 111.439 13.4915 111.061 13.1424C110.879 12.9787 110.734 12.7779 110.636 12.5536C110.537 12.3293 110.488 12.0866 110.491 11.8416C110.487 11.5981 110.536 11.3567 110.635 11.1339C110.733 10.9111 110.879 10.7122 111.061 10.5508C111.245 10.3717 111.463 10.2308 111.701 10.1363C111.94 10.0418 112.195 9.99567 112.452 10.0005C112.707 9.99476 112.961 10.0405 113.198 10.1351C113.436 10.2297 113.651 10.371 113.833 10.5508C114.017 10.7117 114.164 10.9103 114.264 11.133C114.364 11.3557 114.415 11.5974 114.413 11.8416C114.414 12.0872 114.363 12.3302 114.263 12.5545C114.163 12.7788 114.016 12.9792 113.833 13.1424C113.649 13.3172 113.432 13.4541 113.195 13.5451C112.958 13.6361 112.706 13.6795 112.452 13.6728V13.6728Z" fill="#05241A"/>
                        <path d="M120.998 21.6559V30.0712H117.605V15.7122H120.847V18.1537H121.008C121.327 17.3678 121.879 16.6977 122.589 16.2325C123.401 15.7382 124.34 15.4913 125.29 15.5221C126.195 15.5042 127.089 15.7251 127.882 16.1625C128.626 16.5916 129.225 17.2326 129.603 18.0036C130.036 18.9148 130.242 19.9173 130.203 20.9255V30.0712H126.821V21.4558C126.872 20.6351 126.607 19.8261 126.081 19.1944C125.817 18.92 125.497 18.7056 125.143 18.5657C124.789 18.4259 124.409 18.3639 124.029 18.3839C123.477 18.3737 122.932 18.5082 122.448 18.7741C121.992 19.0374 121.62 19.4264 121.378 19.8948C121.106 20.441 120.976 21.0464 120.998 21.6559V21.6559Z" fill="#05241A"/>
                        <path d="M139.999 30.3545C138.701 30.3897 137.416 30.0789 136.277 29.4539C135.241 28.8556 134.406 27.9644 133.875 26.8923C133.291 25.6727 133.003 24.3321 133.035 22.9799C133.006 21.6344 133.294 20.301 133.875 19.0875C134.412 18.0006 135.254 17.0933 136.297 16.4758C137.377 15.8256 138.619 15.4959 139.879 15.5252C140.732 15.524 141.578 15.6696 142.381 15.9555C143.166 16.2331 143.88 16.6807 144.472 17.2663C145.112 17.9057 145.604 18.6776 145.913 19.5277C146.285 20.5706 146.461 21.673 146.433 22.7798V23.7804H134.616V21.539H143.141C143.152 20.9355 143.007 20.3394 142.721 19.8079C142.458 19.3073 142.059 18.8911 141.57 18.6072C141.057 18.3016 140.467 18.1489 139.869 18.1669C139.227 18.1545 138.594 18.3283 138.048 18.6672C137.534 18.9906 137.113 19.4424 136.827 19.978C136.538 20.5235 136.387 21.1316 136.387 21.7491V23.7504C136.364 24.4942 136.522 25.2326 136.847 25.9017C137.131 26.4742 137.576 26.9509 138.128 27.2726C138.717 27.593 139.38 27.7519 140.049 27.7329C140.504 27.7419 140.958 27.6743 141.39 27.5327C141.762 27.391 142.102 27.1768 142.391 26.9023C142.689 26.6258 142.919 26.2831 143.061 25.9017L146.213 26.2619C146.024 27.0739 145.631 27.8245 145.072 28.4433C144.488 29.0873 143.757 29.5815 142.941 29.8842C141.999 30.2237 141.001 30.3832 139.999 30.3545Z" fill="#05241A"/>
                    </svg>                    
                </a>
            </div>
            <div class="links">
                <div class="navigation">
                    <div><a href="#conversion">Convert</a></div>
                    <div><a href="#examples">Examples</a></div>            
                    <div><a href="#flipbook-features">Features</a></div>
                    <div><a href="#product">Pricing</a></div>
                    <div><a href="/how-to/">Guides</a></div>
                    <div><a href="#contact">Contact</a></div>
                    <div><a href="/developers">API</a></div>   
                </div>
                <div class="menu">
                    <a href="#" class="btnLanguage" style="font-weight: normal">English</a>
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M7.41 8.59058L12 13.1706L16.59 8.59058L18 10.0006L12 16.0006L6 10.0006L7.41 8.59058Z" fill="#697370"/>
                    </svg>
                    <ul style="display: none;">
                                                    <li><a href="/ca">Català</a></li>
                                                    <li><a href="/de">Deutsch</a></li>
                                                    <li><a href="/">English</a></li>
                                                    <li><a href="/es">Español</a></li>
                                                    <li><a href="/fr">Française</a></li>
                                                    <li><a href="/pt">Português</a></li>
                                            </ul>
                </div>
                <div class="button-remark">
                    <a href="#login" class="btnModalLogin" data-return="https://heyzine.com/admin" >Log In</a>
                </div>
                <div class="button tac">
                    <a href="#register" class="btnModalRegister" data-return="https://heyzine.com/admin?welcome=register" >Sign Up</a>
                    <a href="https://heyzine.com/admin" class="btnLoggedIn" style="display: none;">Dashboard</a>
                </div> 
                <div class="navigation-xs" style="display: none;">
                    <a href="#" class="btnMenu"><img src="/assets-web/img/icon/menu.png" alt="Menu" /></a>
                </div>            
            </div>
        </div>
    </nav>
    
    <div class="hero-section">
        <div class="hero-title">
            <div class="hero-title-content">
                <header id="conversion" class="anchor-link">
                    <h1>Flipbook maker</h1>
                    <h2>PDF to flipbook free, no ads and highly customizable with different page flip effects. Share, download or embed them creating outstanding magazines, catalogs, brochures, reports, restaurant menus and more.</h2>
                </header>

<section>
                    <form id="upload-start" class="upload-form" data-uploader="large" method="post" action="/conversion" enctype="multipart/form-data">
                        <div class="drop-uploader">
                            <div class="drop-content">
                                <span class="drop-text hidden-xs">Drag and drop the PDF to convert</span>
                                <button type="button" class="btn btn-primary btnUpload">Upload                                    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M6.5 20H18.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    <path d="M12.5 4L9 7.5M12.5 16V4V16ZM12.5 4L16 7.5L12.5 4Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    </svg>
                                </button> 
                                <input type="file" name="pdf" style="display: none;">
                                <input type="hidden" name="mode" value="start" />
                            </div>
                            <div class="drop-progress" style="display: none;">
                                <div class="drop-file-details">
                                    <div class="drop-file-percent-state">
                                        <span class="drop-file-percent drop-step drop-step-1">0%</span>
                                        <span class="drop-step drop-step-1"> uploaded</span>
                                        <span class="drop-step drop-step-2">Processing...</span>
                                        <span class="drop-step drop-step-3">Last steps...</span>
                                    </div>
                                    <div class="drop-file-size"></div>
                                </div>
                                
                                <div class="progress-line-2" style="margin: 1.2rem 0">
                                    <div class="progress-inner"></div>
                                </div>
                                <div class="drop-file-details">
                                    <div class="drop-file-name"></div>
                                    <div><span class="btnCancel drop-step drop-step-1">Cancel</span></div>
                                </div>
                            </div>
                            <div class="drop-error" style="display: none;">
                                <span class="drop-error-text">Error uploading the file</span>
                            </div>
                        </div>
                    </form>
                </section>
            </div>
        </div>
        
        
        <div id="flipbook-customize">          
            <div class="flipbook-customize-cont hero-try-content">
                <div class="hero-back">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10.25 4.75L6.75 8.25L10.25 11.75" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M6.75 8.25H12.75C14.9591 8.25 16.75 10.0409 16.75 12.25V19.25" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>                
                    Back                </div>                  
                <div class="try-section">
                    <h3 title="It will be used for the url, link and flipbook title.">Titles (Optional)</h3>
                    <div class="try-section-col">
                        <div class="input-placeholder">
                            <label for="txtTitle">Title</label>
                            <input type="text" class="txtTitle" id="txtTitle" placeholder="Title" />
                        </div>
                        <div class="input-placeholder">
                            <label for="txtSubtitle">Subtitle</label>
                            <input type="text" class="txtSubtitle" id="txtSubtitle" placeholder="Subtitle" />
                        </div>                            
                    </div>
                    <div class="mts">
                        <h3 title="Flipbook effect used to turn the page.">Page effect</h3>
                        <select class="selEffect">
                            <option value="MAGAZINE|magazine" selected>Magazine</option>
                            <option value="MAGAZINE|book">Book</option>
                            <option value="MAGAZINE|album">Album</option>
                            <option value="MAGAZINE|notebook">Notebook</option>
                            <option value="SWIPER|fade">Slider</option>
                            <option value="SWIPER|cards">Cards</option>
                            <option value="SWIPER|coverflow">Coverflow</option>
                            <option value="SWIPER|flip">One page</option>
                        </select>
                    </div>
                    <div class="try-section-col mvm">
                        <div>
                            <a href="#" class="btn-action btn-block btn-action-alt btnAdminGo">
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <title>edit</title>
                                    <path d="M8.68075 3.88562L11.9805 7.18543M8.68075 3.88562L10.5663 2L13.8661 5.29983L11.9805 7.18543L8.68075 3.88562ZM8.68075 3.88562L2.27631 10.29C2.15129 10.415 2.08105 10.5846 2.08105 10.7614V13.7851H5.10474C5.28156 13.7851 5.45112 13.7149 5.57615 13.5898L11.9805 7.18543L8.68075 3.88562Z" stroke="#19A975" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                </svg>
                                Customize                            </a>
                        </div>
                        <div>
                            <a href="#" class="btn-action btn-block btn-action-alt btnModalLinks">
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <title>Share flipbook</title>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.25 12.6667C9.25 11.1479 10.4812 9.91669 12 9.91669C13.5188 9.91669 14.75 11.1479 14.75 12.6667C14.75 14.1855 13.5188 15.4167 12 15.4167C10.4812 15.4167 9.25 14.1855 9.25 12.6667ZM12 11.4167C11.3096 11.4167 10.75 11.9763 10.75 12.6667C10.75 13.3571 11.3096 13.9167 12 13.9167C12.6904 13.9167 13.25 13.3571 13.25 12.6667C13.25 11.9763 12.6904 11.4167 12 11.4167Z" fill="#19A975"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.25 3.33331C9.25 1.81454 10.4812 0.583313 12 0.583313C13.5188 0.583313 14.75 1.81454 14.75 3.33331C14.75 4.85209 13.5188 6.08331 12 6.08331C10.4812 6.08331 9.25 4.85209 9.25 3.33331ZM12 2.08331C11.3096 2.08331 10.75 2.64295 10.75 3.33331C10.75 4.02367 11.3096 4.58331 12 4.58331C12.6904 4.58331 13.25 4.02367 13.25 3.33331C13.25 2.64295 12.6904 2.08331 12 2.08331Z" fill="#19A975"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 8C1.25 6.48118 2.48123 5.25 4 5.25C5.51877 5.25 6.75 6.48118 6.75 8C6.75 9.51882 5.51877 10.75 4 10.75C2.48123 10.75 1.25 9.51882 1.25 8ZM4 6.75C3.30964 6.75 2.75 7.30962 2.75 8C2.75 8.69038 3.30964 9.25 4 9.25C4.69036 9.25 5.25 8.69038 5.25 8C5.25 7.30962 4.69036 6.75 4 6.75Z" fill="#19A975"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.29492 6.3488L9.96159 3.68213L10.7058 4.98449L6.03913 7.65116L5.29492 6.3488Z" fill="#19A975"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.96159 12.3178L5.29492 9.65118L6.03913 8.34882L10.7058 11.0155L9.96159 12.3178Z" fill="#19A975"/>
                                </svg> 
                                Share flipbook                            </a>                                
                        </div>
                    </div>
                    <div class="text-section" style="">
                        <p class="text-info">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0008 10.7727C12.4527 10.7727 12.819 11.139 12.819 11.5909V15.6818C12.819 16.1337 12.4527 16.5 12.0008 16.5C11.5489 16.5 11.1826 16.1337 11.1826 15.6818V11.5909C11.1826 11.139 11.5489 10.7727 12.0008 10.7727Z" fill="#19A975"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5564 7.70921C12.8922 8.01151 12.9194 8.52884 12.6171 8.8647L12.6089 8.87379C12.3066 9.20965 11.7893 9.23685 11.4534 8.93455C11.1176 8.63225 11.0904 8.11492 11.3927 7.77906L11.4009 7.76997C11.7032 7.43411 12.2205 7.40691 12.5564 7.70921Z" fill="#19A975"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M3 12C3 7.02944 7.02944 3 12 3C16.9705 3 21 7.02943 21 12C21 16.9705 16.9705 21 12 21C7.02943 21 3 16.9705 3 12ZM12 4.63636C7.93317 4.63636 4.63636 7.93317 4.63636 12C4.63636 16.0668 7.93318 19.3636 12 19.3636C16.0668 19.3636 19.3636 16.0668 19.3636 12C19.3636 7.93318 16.0668 4.63636 12 4.63636Z" fill="#19A975"/>
                            </svg>                            
                            This flipbook will be deleted in <b>1 week</b>. Login or register to keep it online for free.
                        </p>
                    </div>
                    <div style="">
                        <a href="#register" class="btn-action btnModalRegister btn-block">Sign Up</a>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="hero-page-effect" style="display: none;">
            
            <div class="hero-try-content">
                <div class="hero-back">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10.25 4.75L6.75 8.25L10.25 11.75" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M6.75 8.25H12.75C14.9591 8.25 16.75 10.0409 16.75 12.25V19.25" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>                
                    Back                </div>

<div class="try-section">
                    <p>Choose the page effect</p>
                    <select class="selEffect">
                        <option value="MAGAZINE|magazine" selected>Magazine</option>
                        <option value="MAGAZINE|book">Book</option>
                        <option value="MAGAZINE|album">Album</option>
                        <option value="MAGAZINE|notebook">Notebook</option>
                        <option value="SWIPER|fade">Slider</option>
                        <option value="SWIPER|cards">Cards</option>
                        <option value="SWIPER|coverflow">Coverflow</option>
                        <option value="SWIPER|flip">One page</option>
                    </select> 
                </div>

<div class="try-section start-converting" id="upload-after">
                    <p>Start converting your PDF</p>
                    <form class="upload-form" data-uploader="large" method="post" action="/conversion" enctype="multipart/form-data">
                        <div class="drop-uploader">
                            <div class="drop-content">
                                <span class="drop-text hidden-xs">Drag and drop the PDF to convert</span>
                                <button type="button" class="btn btn-primary btnUpload">Upload                                    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M6.5 20H18.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    <path d="M12.5 4L9 7.5M12.5 16V4V16ZM12.5 4L16 7.5L12.5 4Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    </svg>
                                </button>
                                <input type="file" name="pdf" style="display: none;">
                                <input type="hidden" name="mode" value="start" />
                            </div>
                            <div class="drop-progress" style="display: none;">
                                <div class="drop-file-details">
                                    <div class="drop-file-percent-state">
                                        <span class="drop-file-percent drop-step drop-step-1">0%</span>
                                        <span class="drop-step drop-step-1"> uploaded</span>
                                        <span class="drop-step drop-step-2">Processing...</span>
                                        <span class="drop-step drop-step-3">Last steps...</span>
                                    </div>
                                    <div class="drop-file-size"></div>
                                </div>
                                
                                <div class="progress-line-2" style="margin: 1.2rem 0">
                                    <div class="progress-inner"></div>
                                </div>
                                <div class="drop-file-details">
                                    <div class="drop-file-name"></div>
                                    <div><span class="btnCancel drop-step drop-step-1">Cancel</span></div>
                                </div>
                            </div>
                            <div class="drop-error" style="display: none;">
                                <span class="drop-error-text">Error uploading the file</span>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="hero-demo">
            <div class="flipbook-wrapper">
                <div id="canvas" style="width: 100%; height: 100%">

<audio id="audioPageTurn" style="display: none;" preload="none">
                        <source src="/flipbook/snd/flip-ct-sm.mp3" type="audio/mpeg">
                    </audio>
                    <audio id="audioPageTurn2" style="display: none;" preload="none">
                        <source src="/flipbook/snd/flip-ct-md.mp3" type="audio/mpeg">
                    </audio>
                    <audio id="audioPageTurn3" style="display: none;" preload="none">
                        <source src="/flipbook/snd/flip-ct-lg.mp3" type="audio/mpeg">
                    </audio>
                </div>       
            </div>
            <div class="preview-button">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M6.90588 4.53683C6.50592 4.29981 6 4.58809 6 5.053V18.947C6 19.4119 6.50592 19.7002 6.90588 19.4632L18.629 12.5162C19.0211 12.2838 19.0211 11.7162 18.629 11.4838L6.90588 4.53683Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>                
                <span>Preview</span>
            </div>
        </div>
    </div>
        
    <section id="features">
        <div class="cols fixed-wd">
            <div class="col">
                <svg role="img" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <title>customizable</title>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M36.6666 20V32.9633C36.6666 35.0083 35.0083 36.6667 32.9633 36.6667H7.03659C4.99159 36.6667 3.33325 35.0083 3.33325 32.9633V7.03834C3.33325 4.99168 4.99159 3.33334 7.03659 3.33334H19.9999L36.6666 20ZM29.9999 3.33334L21.1199 12.2183L13.3333 20.0017V26.6667H19.9999L27.7866 18.8833L36.6683 10.0017L29.9999 3.33334Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
                <h3>Flipbook maker</h3>
                <p>Convert a PDF of any size and customize it with a realistic flipping page, slide and coverflow effects. Change logo, text, icon styles, pagination and much more.</p>
            </div>
            <div class="col">
                <svg role="img" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-left: -4px;">
                    <title>free</title>
                    <path d="M5 34V6C5 5.44772 5.44772 5 6 5H34C34.5523 5 35 5.44772 35 6V34C35 34.5523 34.5523 35 34 35H6C5.44772 35 5 34.5523 5 34Z" stroke="#19A975" stroke-width="2"/>
                    <path d="M20 27.3183V30.8333M25 14.1667C23.8583 13.025 21.8478 12.2309 20 12.1812L25 14.1667ZM15 25C16.0741 26.4322 18.0713 27.249 20 27.3183L15 25ZM20 12.1812C17.8015 12.122 15.8333 13.1166 15.8333 15.8333C15.8333 20.8333 25 18.3333 25 23.3333C25 26.185 22.5603 27.4103 20 27.3183V12.1812ZM20 12.1812V9.16666V12.1812Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>

<h3>Free</h3>
                <p>Convert pdf to flipbook magazines for free without ads or watermarks over the publication. Link, share or embed at no cost.</p>
            </div> 
            <div class="col">
                <svg role="img" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <title>responsive design</title>
                    <path d="M18.3333 22.6667V35H6C5.44772 35 5 34.5523 5 34V21.6667H17.3333C17.8857 21.6667 18.3333 22.1143 18.3333 22.6667Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M18.3333 35H23.3333" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M5 21.6667V16.6667" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M10 5H6C5.44772 5 5 5.44772 5 6V10" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M23.3334 5H16.6667" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M35 16.6667V23.3333" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M30 5H34C34.5523 5 35 5.44772 35 6V10" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M30 35H34C34.5523 35 35 34.5523 35 34V30" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M18.3333 16.6667H23.3333V21.6667" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>                
                <h3>Interactive publications</h3>
                <p>Make an interactive PDF by turning it into a flipbook. Add links, audio, video, forms, web embeds, and many widgets to engage your audience and capture their attention.</p>
            </div>  
            <div class="col">
                <svg role="img" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <title>share</title>
                    <path d="M33.3332 21.6667V31.6667C33.3332 33.5077 31.8408 35 29.9998 35H9.99984C8.15889 35 6.6665 33.5077 6.6665 31.6667V21.6667" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M19.9998 5L25.8332 10.8333M19.9998 25V5V25ZM19.9998 5L14.1665 10.8333L19.9998 5Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
                <h3>Share</h3>
                <p>Automatically generate different link styles with the cover and QR codes to quickly share the flip book by email, social media, and everywhere else. Choose the embed style that best matches your website and start publishing flipbooks easily.</p>
            </div>            
            
        </div>
        <svg class="back-line back-line-1" width="401" height="676" viewBox="0 0 401 676" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path opacity="0.4" d="M0 1.01172H376C389.255 1.01172 400 11.7569 400 25.0117V651.012C400 664.267 389.255 675.012 376 675.012H0" stroke="#697370"/>
        </svg>        
    </section>
        
    <section id="examples" class="anchor-link">
        <div class="examples heyzine-flip fixed-wd">
            <h3>Examples</h3>
            <div class="cols-4 cols">
                <div class="more-examples">
                    <a href="/flipbook-ideas">
                        More examples                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M16 12L12.5 15.5M8 12H16H8ZM16 12L12.5 8.5L16 12Z" stroke="#19A975" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#19A975" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                    </a>
                </div>
                <div class="col" ontouchstart="this.classList.toggle('hover');">
                    <div class="container">
                        <div class="front"style="background-image: url('https://cdnc.heyzine.com/assets-web/img/example-virtual-guide.jpg'); background-position: top;">
                            <div class="inner">
                                <h4>Magazine</h4>
                            </div>
                        </div>
                        <div class="back btnExample">
                            <div class="inner">
                                <p>PDF Flipbook magazine with page flip effect, slider and navigation controls.<br/>
                                <a href="https://heyzine.com/flip-book/dce36e099f.html" rel="ugc nofollow">View</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col" ontouchstart="this.classList.toggle('hover');">
                    <div class="container">
                        <div class="front" style="background-image: url('https://cdnc.heyzine.com/assets-web/img/example-catalog-slider.jpg')">
                            <div class="inner">
                                <h4>Catalog slider</h4>
                            </div>
                        </div>
                        <div class="back btnExample">
                            <div class="inner">
                                <p>Catalog PDF Slider with horizontal swipe and navigation controls.<br/>
                                    <a href="https://heyzine.com/flip-book/2683af5c6b.html" rel="ugc nofollow">View</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col" ontouchstart="this.classList.toggle('hover');">
                    <div class="container">
                        <div class="front" style="background-image: url('https://cdnc.heyzine.com/assets-web/img/example-brochure.jpg');">
                            <div class="inner">
                                <h4>One page brochure</h4>
                            </div>
                        </div>
                        <div class="back btnExample">
                            <div class="inner">
                                <p>One page brochure with turn effect and zoom controls.<br/>
                                <a href="https://heyzine.com/flip-book/7bf964fc45.html" rel="ugc nofollow">View</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col" ontouchstart="this.classList.toggle('hover');">
                    <div class="container">
                        <div class="front" style="background-image: url('https://cdnc.heyzine.com/assets-web/img/example-bookshelf.jpg?v2');">
                            <div class="inner">
                                <h4>Digital bookshelf</h4>
                            </div>
                        </div>
                        <div class="back btnExample">
                            <div class="inner">
                                <p>Group flipbooks in a personalized sharing page<br/>
                                <a href="https://heyzine.com/shelf/1af00da1c6.html" rel="ugc nofollow">View</a>
                            </div>
                        </div>
                    </div>
                </div>                
            </div> 
        </div>
        <svg class="back-line back-line-2" width="298" height="1051" viewBox="0 0 298 1051" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path opacity="0.4" d="M298 1050.01H25C11.7452 1050.01 1 1039.27 1 1026.01V25.0117C1 11.7569 11.7452 1.01172 25 1.01172H298" stroke="#697370"/>
        </svg>
    </section>
    
    <section id="flipbook-features" class="anchor-link">
        <h3 class="title">Features</h3>
        <p></p>
        <div class="flipbook-features">

<div class="flipbook-feature">
                <div class="flipbook-feature-title">
                    <svg role="img" width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <title>Page turn effects</title>
                        <path d="M20.3335 35V11.6667C20.3335 9.82576 21.8258 8.33337 23.6668 8.33337H36.0002C36.5525 8.33337 37.0002 8.78109 37.0002 9.33337V31.1905" stroke="#19A975" stroke-width="2" stroke-linecap="round"/>
                        <path d="M20.3337 35V11.6667C20.3337 9.82576 18.8413 8.33337 17.0003 8.33337H4.66699C4.11471 8.33337 3.66699 8.78109 3.66699 9.33337V31.1905" stroke="#19A975" stroke-width="2" stroke-linecap="round"/>
                        <path d="M23.667 31.6666H37.0003" stroke="#19A975" stroke-width="1.5" stroke-linecap="round"/>
                        <path d="M17.0003 31.6666H3.66699" stroke="#19A975" stroke-width="1.5" stroke-linecap="round"/>
                        <path d="M20.3335 35C20.3335 33.159 21.8258 31.6666 23.6668 31.6666" stroke="#19A975" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M20.3333 35C20.3333 33.159 18.841 31.6666 17 31.6666" stroke="#19A975" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    <h4>Page turn effects</h4>
                </div>
                <p>You can choose between five different turn page effects: flipbook magazine, book, slider presentation, cover flow and one page flip. We also support Right-to-left flipbooks.</p>
            </div>
            <div class="flipbook-feature">
                <div class="flipbook-feature-title">
                    <svg role="img" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <title>Responsive</title>
                        <path d="M18.3333 22.6666V35H6C5.44772 35 5 34.5523 5 34V21.6666H17.3333C17.8857 21.6666 18.3333 22.1143 18.3333 22.6666Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M18.3335 35H23.3335" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M5 21.6666V16.6666" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M10 5H6C5.44772 5 5 5.44772 5 6V10" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M23.3332 5H16.6665" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M35 16.6666V23.3333" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M30 5H34C34.5523 5 35 5.44772 35 6V10" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M30 35H34C34.5523 35 35 34.5523 35 34V30" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M18.3335 16.6666H23.3335V21.6666" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>                
                    <h4>Responsive</h4>
                </div>
                <p>The PDF can have any page size A4, A5, portrait, landscape, and non-standard sizes. The converted flip book will resize according to the device. They look great on mobile phones, tablets both in android, iOS, and all the desktop browsers.</p>
            </div>            
            <div class="flipbook-feature">
                <div class="flipbook-feature-title">
                    <svg role="img" width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <title>Customization</title>
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M37.3333 19.9999V32.9633C37.3333 35.0083 35.675 36.6666 33.63 36.6666H7.70333C5.65833 36.6666 4 35.0083 4 32.9633V7.03825C4 4.99159 5.65833 3.33325 7.70333 3.33325H20.6667L37.3333 19.9999ZM30.6667 3.33325L21.7867 12.2183L14 20.0016V26.6666H20.6667L28.4533 18.8833L37.335 10.0016L30.6667 3.33325Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    <h4>Customization</h4>
                </div>
                <p>After the conversion, you can customize the publication, changing the logo, background, text, navigation control styles, and much more. You can make the flipbook look the way you want quickly and easily.</p>
            </div>
            <div class="flipbook-feature">
                <div class="flipbook-feature-title">
                    <svg role="img" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <title>Videos and pictures</title>
                        <path d="M35 6V34C35 34.5523 34.5523 35 34 35H6C5.44772 35 5 34.5523 5 34V6C5 5.44772 5.44772 5 6 5H34C34.5523 5 35 5.44772 35 6Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M16.4961 14.1883C15.8295 13.8073 15 14.2887 15 15.0565V24.9435C15 25.7114 15.8295 26.1927 16.4961 25.8117L25.1472 20.8682C25.819 20.4844 25.819 19.5157 25.1472 19.1319L16.4961 14.1883Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>                
                    <h4>Videos, audio and pictures</h4>
                </div>
                <p>Add interactive videos, audio, pictures, and gif to your flipbook to create more immersive publications and engage your audience.</p>
            </div>
            <div class="flipbook-feature">
                <div class="flipbook-feature-title">
                    <svg role="img" width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <title>Links and web iframes</title>
                        <path d="M24 19.996C24 15.8431 20.1383 11.6666 15.4286 11.6666C14.8707 11.6666 13.0317 11.6666 12.5714 11.6666C7.83757 11.6666 4 15.3958 4 19.996C4 23.96 6.84955 27.2773 10.6667 28.119C11.2793 28.2541 11.9168 28.3253 12.5714 28.3253" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M17.333 19.996C17.333 24.1488 21.1947 28.3253 25.9045 28.3253C26.4623 28.3253 28.3013 28.3253 28.7615 28.3253C33.4955 28.3253 37.333 24.5961 37.333 19.996C37.333 16.032 34.4835 12.7147 30.6663 11.873C30.0537 11.7379 29.4162 11.6666 28.7615 11.6666" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    <h4>Links and web iframes</h4>
                </div>
                <p>Create links between pages or between flipbooks. Use web iframes to embed maps, calendars, agendas, panoramas, forms, payment gateways or any kind of web content.</p>
            </div>      
            <div class="flipbook-feature">
                <div class="flipbook-feature-title">
                    <svg role="img" width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <title>Sharing</title>
                        <path d="M13.9998 35H34.6665C35.2188 35 35.6665 34.5523 35.6665 34V6C35.6665 5.44772 35.2188 5 34.6665 5H6.6665C6.11422 5 5.6665 5.44772 5.6665 6V26.6667" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M20.6667 20H14M6.5 34.1667L20.6667 20L6.5 34.1667ZM20.6667 20V26.6667V20Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    <h4>Share</h4>
                </div>
                <p>Automatically get different thumbnails and styles to link or directly share everywhere. The link previews will look good on all social networks.</p>
            </div>
            <div class="flipbook-feature">
                <div class="flipbook-feature-title">
                    <svg role="img" width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <title>Flipbook statistics</title>
                        <path d="M5.3335 12.3333V6C5.3335 5.44772 5.78121 5 6.3335 5H16.0002C16.5524 5 17.0002 5.44772 17.0002 6V12.3333C17.0002 12.8856 16.5524 13.3333 16.0002 13.3333H6.3335C5.78121 13.3333 5.3335 12.8856 5.3335 12.3333Z" stroke="#19A975" stroke-width="2"/>
                        <path d="M23.667 34V27.6666C23.667 27.1143 24.1147 26.6666 24.667 26.6666H34.3337C34.886 26.6666 35.3337 27.1143 35.3337 27.6666V34C35.3337 34.5523 34.886 35 34.3337 35H24.667C24.1147 35 23.667 34.5523 23.667 34Z" stroke="#19A975" stroke-width="2"/>
                        <path d="M23.667 20.6667V6C23.667 5.44772 24.1147 5 24.667 5H34.3337C34.886 5 35.3337 5.44772 35.3337 6V20.6667C35.3337 21.219 34.886 21.6667 34.3337 21.6667H24.667C24.1147 21.6667 23.667 21.219 23.667 20.6667Z" stroke="#19A975" stroke-width="2"/>
                        <path d="M5.3335 34V19.3334C5.3335 18.781 5.78121 18.3334 6.3335 18.3334H16.0002C16.5524 18.3334 17.0002 18.781 17.0002 19.3334V34C17.0002 34.5524 16.5524 35 16.0002 35H6.3335C5.78121 35 5.3335 34.5524 5.3335 34Z" stroke="#19A975" stroke-width="2"/>
                    </svg>                
                    <h4>Flipbook statistics</h4>
                </div>
                <p>Discover how many visits your flipbooks have, where your readers come from, the links and media they click, and the flipbook pages they find more interesting. Analyze your visits to learn and improve your content. <a href="#stats" class="btnReaderStats" data-video-modal-button="mdlReaderStats">Learn more <svg width="16px" height="16px" viewBox="0 0 24 24" stroke-width="3" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 13px;height: 13px;margin-left: -2px;margin-bottom: -2px;"><path d="M3 12L21 12M21 12L12.5 3.5M21 12L12.5 20.5" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" style="stroke: #697370;"></path></svg></a></p>
            </div>            
            <div class="flipbook-feature">
                <div class="flipbook-feature-title">
                    <svg role="img" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <title>Privacy and security</title>
                        <path d="M6.66675 31.6667V8.33333C6.66675 6.49238 8.15913 5 10.0001 5H32.3334C32.8857 5 33.3334 5.44772 33.3334 6V27.8572" stroke="#19A975" stroke-width="2" stroke-linecap="round"/>
                        <path d="M23.3333 16.6667H16.6667M23.3333 16.6667H24C24.5523 16.6667 25 17.1143 25 17.6667V22.3333C25 22.8857 24.5523 23.3333 24 23.3333H16C15.4477 23.3333 15 22.8857 15 22.3333V17.6667C15 17.1143 15.4477 16.6667 16 16.6667H16.6667H23.3333ZM23.3333 16.6667V13.3333C23.3333 12.2222 22.6667 10 20 10C17.3333 10 16.6667 12.2222 16.6667 13.3333V16.6667H23.3333Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M10 28.333H33.3333" stroke="#19A975" stroke-width="2" stroke-linecap="round"/>
                        <path d="M10 35H33.3333" stroke="#19A975" stroke-width="2" stroke-linecap="round"/>
                        <path d="M10.0001 34.9997C8.15913 34.9997 6.66675 33.5073 6.66675 31.6663C6.66675 29.8253 8.15913 28.333 10.0001 28.333" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    <h4>Privacy and security</h4>
                </div>
                <p>Your content is private by default, we never share it without your consent. For more security you can also protect your flipbooks with user name and password. You can even restrict where your flipbooks can be embedded.</p>
            </div>
            <div class="flipbook-feature">
                <div class="flipbook-feature-title">
                    <svg role="img" width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <title>Download offline flipbook</title>
                        <path d="M20.3333 36.6666L14.5 30.8333M20.3333 21.6666V36.6666V21.6666ZM20.3333 36.6666L26.1667 30.8333L20.3333 36.6666Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M33.6667 29.3455C36.1562 28.3702 38.6667 26.1482 38.6667 21.6667C38.6667 15 33.1112 13.3334 30.3333 13.3334C30.3333 10 30.3333 3.33337 20.3333 3.33337C10.3333 3.33337 10.3333 10 10.3333 13.3334C7.55555 13.3334 2 15 2 21.6667C2 26.1482 4.51047 28.3702 7 29.3455" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    <h4>Download offline flipbook</h4>
                </div>
                <p>Download the flipbook as a file for offline viewing using the <a href="https://heyzine.com/flipbook-app">flipbook reader app</a> or download the html to host it yourself on your website. The downloads have no external dependency on heyzine or the internet.</p>
            </div>
            <div class="flipbook-feature">
                <div class="flipbook-feature-title">
                    <svg role="img" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <title>Free</title>
                        <path d="M5 34V6C5 5.44772 5.44772 5 6 5H34C34.5523 5 35 5.44772 35 6V34C35 34.5523 34.5523 35 34 35H6C5.44772 35 5 34.5523 5 34Z" stroke="#19A975" stroke-width="2"/>
                        <path d="M20 27.3183V30.8333M25 14.1666C23.8583 13.025 21.8478 12.2309 20 12.1812L25 14.1666ZM15 25C16.0741 26.4321 18.0713 27.249 20 27.3183L15 25ZM20 12.1812C17.8015 12.122 15.8333 13.1166 15.8333 15.8333C15.8333 20.8333 25 18.3333 25 23.3333C25 26.185 22.5603 27.4103 20 27.3183V12.1812ZM20 12.1812V9.16663V12.1812Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    <h4>Free</h4>
                </div>
                <p>The Heyzine free pdf to flipbook converter don't bother you with annoying watermarks and ads. Our viewer is watermark free, so your flipbooks will look professional without having to pay anything.</p>
            </div>
            <div class="flipbook-feature">
                <div class="flipbook-feature-title">
                    <svg role="img" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <title>API access</title>
                        <path d="M20 25C22.7615 25 25 22.7615 25 20C25 17.2385 22.7615 15 20 15C17.2385 15 15 17.2385 15 20C15 22.7615 17.2385 25 20 25Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M32.7039 17.3256L30.8744 12.9079L33.3333 9.99992L29.9999 6.66659L27.1078 9.13817L22.5963 7.28282L21.5588 3.33325H18.3016L17.2484 7.33514L12.8406 9.19319L9.99992 6.66659L6.66659 9.99992L9.08887 12.9813L7.28742 17.4104L3.33325 18.3333V21.6666L7.3351 22.7591L9.19284 27.1661L6.66659 29.9999L9.99992 33.3333L12.9852 30.9004L17.3283 32.6871L18.3333 36.6666H21.6666L22.6741 32.6886L27.0918 30.8591C27.8281 31.3854 29.9999 33.3333 29.9999 33.3333L33.3333 29.9999L30.8598 27.0823L32.6898 22.6633L36.6664 21.6286L36.6666 18.3333L32.7039 17.3256Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    <h4>API access</h4>
                </div>
                <p>If you are a developer, we have an API you can use to automatically convert your flipbooks. Our API is fast, reliable and very easy to integrate in any system. <a href="/developers">Learn more <svg width="16px" height="16px" viewBox="0 0 24 24" stroke-width="3" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 13px;height: 13px;margin-left: -2px;margin-bottom: -2px;"><path d="M3 12L21 12M21 12L12.5 3.5M21 12L12.5 20.5" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" style="stroke: #697370;"></path></svg></a></p>
            </div> 
            <div class="flipbook-feature flipbook-feature-double">
                <div class="flipbook-feature-image">
                </div>
                <div class="flipbook-feature-call">
                    <h4>Check the <a href="/faq">frequently asked questions</a></h4>
                    <p>Take a look at the <a href="/how-to/">how-to page for detailed guides</a> or <a href="#contact">contact us</a>.</p>
                    <div class="faq-button">
                        <a href="/faq" class="btn-cta btn-block mts">Visit the FAQ</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <section id="testimonial-main" class="anchor-link">
        <svg class="back-line back-line-4" width="342" height="185" viewBox="0 0 342 185" fill="none" xmlns="http://www.w3.org/2000/svg">
            <circle opacity="0.4" cx="171" cy="171" r="170.5" stroke="#697370"/>
        </svg>

<div class="testimonial">
            <p>More than <strong>800,000 users</strong> trust heyzine to create <strong>flipping books</strong>.<br/>Some of them you might know.</p>
            <div class="testimonial-list">
                                    <div class="testimonial-logo">
                        <img src="https://cdnc.heyzine.com/assets-web/img/testimonial/bosch.png" alt="Bosch" />
                    </div>
                                    <div class="testimonial-logo">
                        <img src="https://cdnc.heyzine.com/assets-web/img/testimonial/danone.png" alt="Danone" />
                    </div>
                                    <div class="testimonial-logo">
                        <img src="https://cdnc.heyzine.com/assets-web/img/testimonial/targus.png" alt="Targus" />
                    </div>
                                    <div class="testimonial-logo">
                        <img src="https://cdnc.heyzine.com/assets-web/img/testimonial/velcro.png" alt="Velcro" />
                    </div>
                                    <div class="testimonial-logo">
                        <img src="https://cdnc.heyzine.com/assets-web/img/testimonial/puma-brand.png" alt="Puma" />
                    </div>
                                    <div class="testimonial-logo">
                        <img src="https://cdnc.heyzine.com/assets-web/img/testimonial/classic-vacations.png" alt="Classic Vacations" />
                    </div>
                                    <div class="testimonial-logo">
                        <img src="https://cdnc.heyzine.com/assets-web/img/testimonial/decathlon.png" alt="Decathlon" />
                    </div>
                            </div>
        </div>
    </section>
    
    <section id="product" class="anchor-link">
        <div class="product-cont">
            <div class="product-header fixed-wd">
                <h3>Pricing</h3>
                <div class="product-currency-note">
                    <p>All prices are in <span product-currency-note>U.S. Dollar</span>. Taxes included.</p>
                    <div style="">
                        <select class="product-currency selCurrency">
                                                    <option value="USD" selected>$ U.S. Dollar</option>
                                                    <option value="EUR" >€ Euro</option>
                                                    <option value="GBP" >£ British Pound</option>
                                                    <option value="AUD" >A$ Australian Dollar</option>
                                                    <option value="CAD" >CA$ Canadian Dollar</option>
                                                </select>
                    </div>
                </div>
            </div>
            
                            <div class="product-price-toggle">
                    <div class="price-toggle-discount">
                        Save 4 months                        <img src="/assets-web/img/icon/pricing-arrow.png" alt="arrow" />
                    </div>                                          
                    <div class="price-toggle">
                        <input type="checkbox" id="pricePeriod" class="price-toggle-input">
                        <label for="pricePeriod" class="price-toggle-label"></label>
                        <div class="price-toggle-text">
                            <span class="price-toggle-annual">Annually</span>
                            <span class="price-toggle-monthly">Monthly</span>
                        </div>
                    </div>
                </div>
            
            <div class="product fixed-wd">
                <div class="product-item">
                    <p class="product-title">Basic</p>
                    <div class="product-price">Free</div>
                    <div class="pricing-period-info">&nbsp;</div>
                    <a href="#register" class="btn-cta btn-block btnModalRegister" data-return="https://heyzine.com/admin?welcome=register" >Login or register</a>

<ul class="product-feature-list">
                        <li class="product-feature">5 free flipbooks</li>

<li class="product-feature">Unlimited pages</li>
                        <li class="product-feature">No ads</li>
                        <li class="product-feature">API access</li>                
                        <li class="product-feature">1GB storage</li>                   
                        <li class="product-feature qs" style=""><span class="qs pop-info">1 account user<span class="popover above">Number of team members who can create, edit and delete flipbooks in the account. There is no limit to the number of visitors your flipbooks can have.</span></span>                        </li>
                        <li class="product-feature qs" style=""><span class="qs pop-info">Password protection<span class="popover above">Protect your flipbooks with unlimited usernames and passwords</span></span>                        </li>
                    </ul>
                </div>

<div class="product-item" data-price-plan="SUBS_STANDARD">
                    <div style="position: relative">
                        <p class="product-title">Standard</p>
                        <div class="product-price">
                            <span class="pricing-price" data-price-currency-month>$4</span>
                            <span class="pricing-period"> / month</span>
                            <div class="pricing-period-info">Billed Yearly <span data-price-currency>$49</span></div>
                        </div>
                                                    <a href="#" class="btn-cta btn-block btnSubscribePlan" data-plan="SUBS_STANDARD" data-return="https://heyzine.com/account">Subscribe</a>
                            
                        <div class="product-price-month product-item-block"><div>Monthly plan not available</div></div>
                    </div>
                    <ul class="product-feature-list">
                        <li class="product-feature"><strong>Unlimited flip books</strong></li>
                        <li class="product-feature">Unlimited updates</li>
                        <li class="product-feature">Unlimited pages</li>                    
                        <li class="product-feature">No ads</li>
                        <li class="product-feature">No watermarks</li>
                        <li class="product-feature">API access</li>                
                        <li class="product-feature qs" style=""><span class="qs pop-info">10Gb storage<span class="popover above">Storage for flipbooks and uploaded multimedia files. For the typical 5 Mb PDF, that's around 2000 flipbooks online at the same time. You can delete content to get storage back.</span></span>                        </li>
                        <li class="product-feature qs" style=""><span class="qs pop-info">3 account users<span class="popover above">Number of team members who can create, edit and delete flipbooks in the account. There is no limit to the number of visitors your flipbooks can have.</span></span>                        </li>
                        <li class="product-feature qs" style=""><strong><span class="qs pop-info">White branding<span class="popover above">Remove the Heyzine's logo and use your own one.</span></span>                            </strong>
                        </li>
                        <li class="product-feature qs" style=""><span class="qs pop-info">Password protection<span class="popover above">Protect your flipbooks with unlimited usernames and passwords</span></span>                        </li>                         
                        <li class="product-feature"><strong>Download offline flipbooks</strong></li>
                        <li class="product-feature"><strong>Basic support</strong></li>                       
                    </ul>
                </div>

<div class="product-item product-item-remark">
                    <div class="product-item-popular-container"><div class="product-item-popuplar">Popular</div></div>
                    <p class="product-title">Professional</p>
                                            
                                                
                        <div class="product-price product-price-year" data-price-plan="SUBS_PRO">
                            <span class="pricing-price" data-price-currency-month>$8</span>
                            <span class="pricing-period" data-price-period> / month</span>
                            <div class="pricing-period-info">Billed Yearly <span data-price-currency>$99</span></div>
                        </div>
                        <div class="product-price product-price-month" data-price-plan="SUBS_PRO_M">
                            <span class="pricing-price" data-price-currency>$14</span>
                            <span class="pricing-period" data-price-period> / month</span>
                            <div class="pricing-period-info">Billed Monthly</div>
                        </div>                    
                    
                                                                    <div class="product-price-year"><a href="#" class="btn-cta btn-block btnSubscribePlan" data-plan="SUBS_PRO" data-return="https://heyzine.com/account" class="btn-basic">Subscribe</a></div>
                        <div class="product-price-month"><a href="#" class="btn-cta btn-block btnSubscribePlan" data-plan="SUBS_PRO_M" data-return="https://heyzine.com/account" class="btn-basic">Subscribe</a></div>

<ul class="product-feature-list">
                        <li class="product-feature">Everything in the standard plan</li>
                        <li class="product-feature qs" style=""><span class="qs pop-info">20Gb storage<span class="popover above">Storage for flipbooks and uploaded multimedia files. For the typical 5 Mb PDF, that's around 4000 flipbooks online at the same time. You can delete content to get storage back.</span></span>                        </li>                        
                        <li class="product-feature qs" style=""><span class="qs pop-info">10 account users<span class="popover above">Number of team members who can create, edit and delete flipbooks in the account. There is no limit to the number of visitors your flipbooks can have.</span></span>                        </li>

<li class="product-feature"><strong><span class="pop-info btnReaderStats mcp" data-video-modal-button="mdlReaderStats">Reader statistics</span></strong></li>
                        <li class="product-feature"><strong>Google analytics integration</strong></li>
                        <li class="product-feature"><strong><span class="pop-info btnLeadForm mcp" data-video-modal-button="mdlLeadForm">Lead generation forms</span></strong></li>
                        
                        <li class="product-feature"><strong><span class="qs pop-info">Custom flipbook url<span class="popover above">aflip.in and hflip.co subdomains.<br/>Your flipbook address will look like https://mycompany.aflip.in/anything</span></span> and subdomain</strong></li>
                        <li class="product-feature"><strong><span class="qs pop-info">Domains restriction<span class="popover above">Choose which websites can embed your flipbooks</span></span></strong></li>                                          
                        <li class="product-feature"><strong>Basic support</strong></li>
                    </ul>

</div> 
                <div class="product-item">
                    <p class="product-title">Premium</p>
                                            
                                                <div class="product-price product-price-year" data-price-plan="SUBS_PREMIUM">
                            <span class="pricing-price" data-price-currency-month>$17</span>
                            <span class="pricing-period" data-price-period> / month</span>
                            <div class="pricing-period-info">Billed Yearly <span data-price-currency>$203</span></div>
                        </div>
                        
                        <div class="product-price product-price-month" data-price-plan="SUBS_PREMIUM_M">
                            <span class="pricing-price" data-price-currency>$29</span>
                            <span class="pricing-period" data-price-period> / month</span>
                            <div class="pricing-period-info">Billed Monthly</div>                            
                        </div>                    
                    
                                                                    <div class="product-price-year"><a href="#" class="btn-cta btn-block btnSubscribePlan" data-plan="SUBS_PREMIUM" data-return="https://heyzine.com/account" class="btn-basic">Subscribe</a></div>
                        <div class="product-price-month"><a href="#" class="btn-cta btn-block btnSubscribePlan" data-plan="SUBS_PREMIUM_M" data-return="https://heyzine.com/account" class="btn-basic">Subscribe</a></div>

<ul class="product-feature-list">
                        <li class="product-feature">Everything in the professional plan</li>
                        <li class="product-feature qs" style=""><span class="qs pop-info">40Gb storage<span class="popover above">Storage for flipbooks and uploaded multimedia files. For the typical 5 Mb PDF, that's around 8000 flipbooks online at the same time. You can delete content to get storage back.</span></span>                        </li>
                        <li class="product-feature qs" style=""><span class="qs pop-info">20 account users<span class="popover above">Number of team members who can create, edit and delete flipbooks in the account. There is no limit to the number of visitors your flipbooks can have.</span></span>                        </li>

<li class="product-feature"><strong><span class="pop-info btnBookshelfVid mcp" data-video-modal-button="mdlBookshelfVid">Digital bookshelf</span></strong></li>
                        <li class="product-feature"><strong><span class="qs pop-info">Custom flipbook url and DNS domain<span class="popover above">Bring your own domain.<br/>Your flipbook address will look like https://anything.mycompany.com/anything</span></span></strong></li>
                        <li class="product-feature qs" style=""><span class="qs pop-info">Advanced password protection<span class="popover above">Send one-time access emails to ensure the password is not shared.</span></span>                        </li>                         
                        <li class="product-feature"><strong>Priority support</strong></li>
                    </ul>

</div>                
            </div>
            <svg class="back-line back-line-3" width="294" height="818" viewBox="0 0 294 818" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path opacity="0.4" d="M294 817.012H25C11.7452 817.012 1 806.267 1 793.012V25.0117C1 11.7569 11.7452 1.01172 25 1.01172H294" stroke="#697370"/>
            </svg>            
        </div>
    </section>
    
    <section id="contact" class="anchor-link">
        <div class="contact-cont fixed-wd">
            <div class="contact-detail">
                <h3 class="title">Contact Us</h3>
                <p>If you need more information about plans, customizations, suggestions, or partner ideas, visit the <a href="/faq">frequently asked questions</a>, reach us at support@heyzine.com or fill out the contact form.</p>
                <p>
                    <a href="https://www.facebook.com/heyzinehq" target="_blank">
    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="vertical-align: top;margin-top: 2px;margin-right: 0.8rem;">
        <title>Facebook</title>                        
        <path d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 17.9895 4.3882 22.954 10.125 23.8542V15.4688H7.07812V12H10.125V9.35625C10.125 6.34875 11.9166 4.6875 14.6576 4.6875C15.9701 4.6875 17.3438 4.92188 17.3438 4.92188V7.875H15.8306C14.34 7.875 13.875 8.80008 13.875 9.75V12H17.2031L16.6711 15.4688H13.875V23.8542C19.6118 22.954 24 17.9895 24 12Z" fill="#697370"></path>
    </svg>                   
</a>     
<a href="https://instagram.com/heyzinehq" target="_blank">
    <svg stroke-width="1.9" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 24px;margin-top: 2px;vertical-align: top;" width="24px" height="24px" color="#697370">
    <title>Instagram</title>
    <path d="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" stroke="#697370"></path><path d="M3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16Z" stroke-width="1.9" stroke="#697370"></path><path d="M17.5 6.51L17.51 6.49889" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" stroke="#697370"></path></svg>
</a>
<a href="https://twitter.com/heyzinehq" target="_blank">
    <svg role="graphics-symbol" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 28 28" width="25" height="25" fill="#697370" style="fill: #535b59;width: 21px;">
        <title>X (formerly Twitter)</title>
        <path d="M26.37,26l-8.795-12.822l0.015,0.012L25.52,4h-2.65l-6.46,7.48L11.28,4H4.33l8.211,11.971L12.54,15.97L3.88,26h2.65 l7.182-8.322L19.42,26H26.37z M10.23,6l12.34,18h-2.1L8.12,6H10.23z"></path>
    </svg>                        
</a>

<a href="https://www.linkedin.com/company/heyzine/" target="_blank">    
    <svg role="graphics-symbol" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="24" height="24" viewBox="1 1 26 26" fill="#697370">
        <title>Linkedin</title>
        <path d="M24,4H6C4.895,4,4,4.895,4,6v18c0,1.105,0.895,2,2,2h18c1.105,0,2-0.895,2-2V6C26,4.895,25.105,4,24,4z M10.954,22h-2.95 v-9.492h2.95V22z M9.449,11.151c-0.951,0-1.72-0.771-1.72-1.72c0-0.949,0.77-1.719,1.72-1.719c0.948,0,1.719,0.771,1.719,1.719 C11.168,10.38,10.397,11.151,9.449,11.151z M22.004,22h-2.948v-4.616c0-1.101-0.02-2.517-1.533-2.517 c-1.535,0-1.771,1.199-1.771,2.437V22h-2.948v-9.492h2.83v1.297h0.04c0.394-0.746,1.356-1.533,2.791-1.533 c2.987,0,3.539,1.966,3.539,4.522V22z"></path>
    </svg>    
</a>

<div class="contact-page">
    <div class="contact-form">
                
        <div>
            
                        
                <input class="selUrgency" type="hidden" value="undefined" />
                <input class="selContactType" type="hidden" value="prospect" />            
                
                <div class="contact-email">
                    <input type="text" class="form-control txtContactName" placeholder="Name" value="" />
                    <input type="email" class="form-control txtContactEmail" placeholder="Email" value="" />
                </div>
                <div class="contact-subject-prospect">
                    <input type="text" class="form-control txtContactSubject" maxlength="150" placeholder="Subject"/>
                </div>                
                <div class="contact-message">
                    <textarea rows="8" class="form-control txtContactMessage" placeholder="Message"></textarea>
                </div> 
                
                <div class="contact-actions">
                    <div class="privacy-policy">
                        <label>
                            <input type="checkbox" class="chkPrivacyPolicy" />
                            I agree to Heyzine's <a href="/legal/privacy-policy">privacy policy</a>.                        </label>
                    </div>
                    <button type="button" class="btn btn-action btnContactSend">Send</button>
                    <p style="display: none;"><b>Your message has been sent, we will answer back to your email as soon as possible.</b></p>            
                </div>                
                            
        </div>
    </div> 
</div>            </div>
        </div>
    </section>

<div id="mdlReaderStats" data-video-modal="" class="backdrop bd-dark" style="display: none;">
        <div class="close">
            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                <title>close</title>
                <path d="M10.368 2.2682C10.5437 2.09246 10.5437 1.80754 10.368 1.6318C10.1922 1.45607 9.90729 1.45607 9.73156 1.6318L5.99976 5.3636L2.26795 1.6318C2.09222 1.45607 1.80729 1.45607 1.63156 1.6318C1.45582 1.80754 1.45582 2.09246 1.63156 2.2682L5.36336 6L1.63156 9.7318C1.45582 9.90754 1.45582 10.1925 1.63156 10.3682C1.80729 10.5439 2.09222 10.5439 2.26795 10.3682L5.99976 6.6364L9.73156 10.3682C9.90729 10.5439 10.1922 10.5439 10.368 10.3682C10.5437 10.1925 10.5437 9.90754 10.368 9.7318L6.63615 6L10.368 2.2682Z" fill="#05241A"/>
            </svg>
        </div>
        <div class="content">
            <video controls style="width: 100%; height: 100%;" preload="none">
                <source src="https://cdnc.heyzine.com/how/heyzine-stats.mp4?v2" type="video/mp4">
            </video>
        </div>
    </div>
    
    <div id="mdlLeadForm" data-video-modal="" class="backdrop bd-dark" style="display: none;">
        <div class="close">
            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                <title>close</title>
                <path d="M10.368 2.2682C10.5437 2.09246 10.5437 1.80754 10.368 1.6318C10.1922 1.45607 9.90729 1.45607 9.73156 1.6318L5.99976 5.3636L2.26795 1.6318C2.09222 1.45607 1.80729 1.45607 1.63156 1.6318C1.45582 1.80754 1.45582 2.09246 1.63156 2.2682L5.36336 6L1.63156 9.7318C1.45582 9.90754 1.45582 10.1925 1.63156 10.3682C1.80729 10.5439 2.09222 10.5439 2.26795 10.3682L5.99976 6.6364L9.73156 10.3682C9.90729 10.5439 10.1922 10.5439 10.368 10.3682C10.5437 10.1925 10.5437 9.90754 10.368 9.7318L6.63615 6L10.368 2.2682Z" fill="#05241A"/>
            </svg>
        </div>
        <div class="content">
            <video controls style="width: 100%; height: 100%;" preload="none">
                <source src="https://cdnc.heyzine.com/how/heyzine-leads-form.mp4?v2" type="video/mp4">
            </video>
        </div>
    </div>

<div id="mdlBookshelfVid" data-video-modal="" class="backdrop bd-dark" style="display: none;">
        <div class="close">
            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                <title>close</title>
                <path d="M10.368 2.2682C10.5437 2.09246 10.5437 1.80754 10.368 1.6318C10.1922 1.45607 9.90729 1.45607 9.73156 1.6318L5.99976 5.3636L2.26795 1.6318C2.09222 1.45607 1.80729 1.45607 1.63156 1.6318C1.45582 1.80754 1.45582 2.09246 1.63156 2.2682L5.36336 6L1.63156 9.7318C1.45582 9.90754 1.45582 10.1925 1.63156 10.3682C1.80729 10.5439 2.09222 10.5439 2.26795 10.3682L5.99976 6.6364L9.73156 10.3682C9.90729 10.5439 10.1922 10.5439 10.368 10.3682C10.5437 10.1925 10.5437 9.90754 10.368 9.7318L6.63615 6L10.368 2.2682Z" fill="#05241A"/>
            </svg>
        </div>
        <div class="content">
            <video controls style="width: 100%; height: 100%;" preload="none">
                <source src="https://cdnc.heyzine.com/how/heyzine-bookshelf.mp4?v2" type="video/mp4">
            </video>
        </div>
    </div>       
        
    <div id="mdlFlipbook" class="backdrop bd-dark" style="display: none;">
        <div class="close">
            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                <title>close</title>
                <path d="M10.368 2.2682C10.5437 2.09246 10.5437 1.80754 10.368 1.6318C10.1922 1.45607 9.90729 1.45607 9.73156 1.6318L5.99976 5.3636L2.26795 1.6318C2.09222 1.45607 1.80729 1.45607 1.63156 1.6318C1.45582 1.80754 1.45582 2.09246 1.63156 2.2682L5.36336 6L1.63156 9.7318C1.45582 9.90754 1.45582 10.1925 1.63156 10.3682C1.80729 10.5439 2.09222 10.5439 2.26795 10.3682L5.99976 6.6364L9.73156 10.3682C9.90729 10.5439 10.1922 10.5439 10.368 10.3682C10.5437 10.1925 10.5437 9.90754 10.368 9.7318L6.63615 6L10.368 2.2682Z" fill="#05241A"/>
            </svg>
        </div>
        <div class="content"></div>
    </div>
    
    <div id="mdlLinks" class="backdrop bd-dark" style="display: none;">
        <div class="notification-bar"></div>
        <div class="content">
            <div class="close">
                <img src="/assets-web/img/icon/close.png" alt="close" />
            </div>            
            <div>
                                
<div class="shr-codes link-codes">
    
    <div class="shr-menu">
        <button type="button" class="btn-menu" data-menu="links">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M14 11.9976C14 9.5059 11.683 7 8.85714 7C8.52241 7 7.41904 7.00001 7.14286 7.00001C4.30254 7.00001 2 9.23752 2 11.9976C2 14.376 3.70973 16.3664 6 16.8714C6.36756 16.9525 6.75006 16.9952 7.14286 16.9952" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M10 11.9976C10 14.4893 12.317 16.9952 15.1429 16.9952C15.4776 16.9952 16.581 16.9952 16.8571 16.9952C19.6975 16.9952 22 14.7577 22 11.9976C22 9.61921 20.2903 7.62885 18 7.12384C17.6324 7.04279 17.2499 7 16.8571 7" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>            
            Link        </button>        
        <button type="button" class="btn-menu" data-menu="email">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M7 9L12 12.5L17 9" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M2 17V7C2 5.89543 2.89543 5 4 5H20C21.1046 5 22 5.89543 22 7V17C22 18.1046 21.1046 19 20 19H4C2.89543 19 2 18.1046 2 17Z" stroke="#19A975" stroke-width="2"/>
            </svg>            
            Email / Image        </button>
        <button type="button" class="btn-menu" data-menu="web">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13.5 6L10 18.5" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M6.5 8.5L3 12L6.5 15.5" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M17.5 8.5L21 12L17.5 15.5" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>            
            Web / Embed        </button>        
        <button type="button" class="btn-menu" data-menu="social">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M5 20V19C5 15.134 8.13401 12 12 12C15.866 12 19 15.134 19 19V20" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
            Social        </button>
        <button type="button" class="btn-menu" data-menu="download" style="display: none;">
            <svg width="24" height="24" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M20.3333 36.6666L14.5 30.8333M20.3333 21.6666V36.6666V21.6666ZM20.3333 36.6666L26.1667 30.8333L20.3333 36.6666Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M33.6667 29.3455C36.1562 28.3702 38.6667 26.1482 38.6667 21.6667C38.6667 15 33.1112 13.3334 30.3333 13.3334C30.3333 10 30.3333 3.33337 20.3333 3.33337C10.3333 3.33337 10.3333 10 10.3333 13.3334C7.55555 13.3334 2 15 2 21.6667C2 26.1482 4.51047 28.3702 7 29.3455" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>            
            Download        </button>
        <button type="button" class="btn-menu" data-menu="qr">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M9 6.6V8.4C9 8.73137 8.73137 9 8.4 9H6.6C6.26863 9 6 8.73137 6 8.4V6.6C6 6.26863 6.26863 6 6.6 6H8.4C8.73137 6 9 6.26863 9 6.6Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M6 12H9" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M15 12V15" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M12 18H15" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M12 12.0111L12.01 12" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M18 12.0111L18.01 12" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M12 15.0111L12.01 15" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M18 15.0111L18.01 15" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M18 18.0111L18.01 18" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M12 9.01111L12.01 9" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M12 6.01111L12.01 6" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M9 15.6V17.4C9 17.7314 8.73137 18 8.4 18H6.6C6.26863 18 6 17.7314 6 17.4V15.6C6 15.2686 6.26863 15 6.6 15H8.4C8.73137 15 9 15.2686 9 15.6Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M18 6.6V8.4C18 8.73137 17.7314 9 17.4 9H15.6C15.2686 9 15 8.73137 15 8.4V6.6C15 6.26863 15.2686 6 15.6 6H17.4C17.7314 6 18 6.26863 18 6.6Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M18 3H21V6" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M18 21H21V18" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M6 3H3V6" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M6 21H3V18" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
            QR code        </button>
    </div>

<div class="shr-warning" style="display: none;">
        <span class="shr-warning-content"></span>
    </div>
    
    <div class="shr-main">
        <div class="shr-submenu">
            <h3 class="shr-submenu-title" style="display: none;">Design</h3>
            <button type="button" class="btn-submenu" data-menu="email" data-item="cover-email">Cover<img src="/assets/img/icon/chevron-right.png" alt="arrow right" class="btn-icon-right"/></button>
            <button type="button" class="btn-submenu" data-menu="email" data-item="cover-email-play">Cover CTA<img src="/assets/img/icon/chevron-right.png" alt="arrow right" class="btn-icon-right"/></button>
            <button type="button" class="btn-submenu" data-menu="email" data-item="cover-email-flip">Cover flip<img src="/assets/img/icon/chevron-right.png" alt="arrow right" class="btn-icon-right"/></button>
            <button type="button" class="btn-submenu" data-menu="email" data-item="gif">Gif<img src="/assets/img/icon/chevron-right.png" alt="arrow right" class="btn-icon-right"/></button>
            <button type="button" class="btn-submenu" data-menu="web" data-item="iframe-web">Embed iframe<img src="/assets/img/icon/chevron-right.png" alt="arrow right" class="btn-icon-right"/></button>            
            <button type="button" class="btn-submenu" data-menu="web" data-item="cover-web">Cover<img src="/assets/img/icon/chevron-right.png" alt="arrow right" class="btn-icon-right"/></button>
            <button type="button" class="btn-submenu" data-menu="web" data-item="cover-web-play">Cover CTA<img src="/assets/img/icon/chevron-right.png" alt="arrow right" class="btn-icon-right"/></button>
            <button type="button" class="btn-submenu" data-menu="web" data-item="coverflip-web">Flip cover<img src="/assets/img/icon/chevron-right.png" alt="arrow right" class="btn-icon-right"/></button>
            <button type="button" class="btn-submenu" data-menu="web" data-item="coverfold-web">Fold cover<img src="/assets/img/icon/chevron-right.png" alt="arrow right" class="btn-icon-right"/></button>
            <button type="button" class="btn-submenu" data-menu="qr" data-item="qr-basic">QR Code<img src="/assets/img/icon/chevron-right.png" alt="arrow right" class="btn-icon-right"/></button>
            <button type="button" class="btn-submenu" data-menu="qr" data-item="qr-logo">QR Logo<img src="/assets/img/icon/chevron-right.png" alt="arrow right" class="btn-icon-right"/></button>
        </div>
        <div class="shr-content">
            
            
            <div class="shr-links shr-item shr-item-left pvm" data-item="links">
                <div class="form-group secReaderLink" style="max-width: 780px;">
                    <label for="titulo">Reader link</label>
                    <div class="input-group">
                        <input type="text" readonly class="form-control fp-link" />

<span class="input-group-btn">
                            <button class="btn btnOpenLink" type="button" title="Open in tab">
                                <svg width="24" height="24" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <title>open</title>
                                    <path d="M14.0003 35H34.667C35.2193 35 35.667 34.5523 35.667 34V6C35.667 5.44772 35.2193 5 34.667 5H6.66699C6.11471 5 5.66699 5.44772 5.66699 6V26.6667" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    <path d="M20.6667 20H14M6.5 34.1667L20.6667 20L6.5 34.1667ZM20.6667 20V26.6667V20Z" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                </svg>
                            </button>
                            <button class="btn btnCopyLink" type="button" title="Copy to clipboard">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <title>copy</title>
                                    <path d="M19.4 20H9.6C9.26863 20 9 19.7314 9 19.4V9.6C9 9.26863 9.26863 9 9.6 9H19.4C19.7314 9 20 9.26863 20 9.6V19.4C20 19.7314 19.7314 20 19.4 20Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    <path d="M15 9V4.6C15 4.26863 14.7314 4 14.4 4H4.6C4.26863 4 4 4.26863 4 4.6V14.4C4 14.7314 4.26863 15 4.6 15H9" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                </svg>
                            </button>
                        </span>                            
                    </div>
                </div>       
                <div class="form-group secCustomName" style="max-width: 780px; display: none;">
                    <label for="titulo">Custom reader link</label>
                    <div class="input-group">
                        <span class="input-group-addon shr-custom-pre txtCustomDomain">/</span>
                        <input type="text" class="form-control shr-custom-center txtCustomName" style="flex-grow: 1" />
                        <span class="input-group-btn">
                            <button class="btn btn-default btnCustomNameSave" type="button" title="Save">
                                <svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <title>save</title>
                                    <path d="M3 19V5C3 3.89543 3.89543 3 5 3H16.1716C16.702 3 17.2107 3.21071 17.5858 3.58579L20.4142 6.41421C20.7893 6.78929 21 7.29799 21 7.82843V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19Z" stroke="white" stroke-width="1.5"/>
                                    <path d="M8.6 9H15.4C15.7314 9 16 8.73137 16 8.4V3.6C16 3.26863 15.7314 3 15.4 3H8.6C8.26863 3 8 3.26863 8 3.6V8.4C8 8.73137 8.26863 9 8.6 9Z" stroke="white" stroke-width="1.5"/>
                                    <path d="M6 13.6V21H18V13.6C18 13.2686 17.7314 13 17.4 13H6.6C6.26863 13 6 13.2686 6 13.6Z" stroke="white" stroke-width="1.5"/>
                                </svg>
                            </button>
                            <button class="btn btn-default btnCustomNameOpen" type="button" title="Open in tab">
                                <svg width="24" height="24" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <title>open</title>
                                    <path d="M14.0003 35H34.667C35.2193 35 35.667 34.5523 35.667 34V6C35.667 5.44772 35.2193 5 34.667 5H6.66699C6.11471 5 5.66699 5.44772 5.66699 6V26.6667" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    <path d="M20.6667 20H14M6.5 34.1667L20.6667 20L6.5 34.1667ZM20.6667 20V26.6667V20Z" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                </svg>
                            </button>
                            <button class="btn btn-default btnCustomNameCopy" type="button" title="Copy to clipboard">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <title>copy</title>
                                    <path d="M19.4 20H9.6C9.26863 20 9 19.7314 9 19.4V9.6C9 9.26863 9.26863 9 9.6 9H19.4C19.7314 9 20 9.26863 20 9.6V19.4C20 19.7314 19.7314 20 19.4 20Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    <path d="M15 9V4.6C15 4.26863 14.7314 4 14.4 4H4.6C4.26863 4 4 4.26863 4 4.6V14.4C4 14.7314 4.26863 15 4.6 15H9" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                </svg>
                            </button>
                        </span>                                                        
                    </div>
                </div>                
            </div>
            
            
            <div class="shr-email shr-item limit-img" data-item="cover-email">
                
                <div class="shr-code">
                    <div class="code-sect">
                        <h3 class="shr-submenu-title">Preview</h3>
                        <div class="code" contenteditable="true">
                            <a href="#" target="_BLANK" class="heyzine-link fp-link"><img class="fp-thumb" style="border: 1px solid lightgray; width: 250px;" src="" /></a>
                        </div>
                    </div>
                    <div class="shr-copy">
                        <h3 class="shr-submenu-title">Share</h3>
                        <a href="#" class="btn-action-block btn-subaction btnCopyCodeRaw">
                            <svg class="alt-stroke" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>copy</title>
                                <path d="M19.4 20H9.6C9.26863 20 9 19.7314 9 19.4V9.6C9 9.26863 9.26863 9 9.6 9H19.4C19.7314 9 20 9.26863 20 9.6V19.4C20 19.7314 19.7314 20 19.4 20Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                <path d="M15 9V4.6C15 4.26863 14.7314 4 14.4 4H4.6C4.26863 4 4 4.26863 4 4.6V14.4C4 14.7314 4.26863 15 4.6 15H9" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>                            
                            Copy image with link                        </a>
                        <a href="#" target="_BLANK" class="btn-action-block btn-subaction btnDownloadThumbnail">
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>download</title>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M3.25 13.3334C3.25 12.9192 3.58579 12.5834 4 12.5834H12C12.4142 12.5834 12.75 12.9192 12.75 13.3334C12.75 13.7476 12.4142 14.0834 12 14.0834H4C3.58579 14.0834 3.25 13.7476 3.25 13.3334Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.46817 11.1968L5.13503 8.86371C4.84214 8.57082 4.84214 8.09595 5.13503 7.80305C5.42793 7.51016 5.9028 7.51016 6.1957 7.80305L7.2487 8.85606L7.2487 2.66672C7.2487 2.2525 7.58449 1.91672 7.9987 1.91672C8.41291 1.91672 8.7487 2.2525 8.7487 2.66672L8.7487 8.85606L9.8017 7.80305C10.0946 7.51016 10.5695 7.51016 10.8624 7.80305C11.1553 8.09595 11.1553 8.57082 10.8624 8.86371L8.52921 11.1969C8.52915 11.1969 8.52909 11.197 8.52903 11.197C8.45712 11.269 8.37424 11.3232 8.28579 11.3598C8.19736 11.3965 8.10039 11.4167 7.9987 11.4167C7.7924 11.4167 7.60556 11.3334 7.46996 11.1986M7.46817 11.1968C7.46824 11.1969 7.4683 11.197 7.46837 11.197L7.46817 11.1968Z" fill="#19A975"/>
                            </svg>                            
                            Download image                        </a>
                    </div>
                </div>
            </div>
            
         
            <div class="shr-email shr-item limit-img" data-item="cover-email-play">
                <div class="shr-code">
                    <div class="code-sect">
                        <h3 class="shr-submenu-title">Preview</h3>
                        <div class="code" contenteditable="true">
                            <a href="#" target="_BLANK" class="heyzine-link fp-link"><img class="fp-thumb-play" style="border: 1px solid lightgray; width: 250px;" src="" /></a>
                        </div>
                    </div>
                    <div class="shr-copy">
                        <h3 class="shr-submenu-title">Share</h3>
                        <a href="#" class="btn-action-block btn-subaction btnCopyCodeRaw">
                            <svg class="alt-stroke" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>copy</title>
                                <path d="M19.4 20H9.6C9.26863 20 9 19.7314 9 19.4V9.6C9 9.26863 9.26863 9 9.6 9H19.4C19.7314 9 20 9.26863 20 9.6V19.4C20 19.7314 19.7314 20 19.4 20Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                <path d="M15 9V4.6C15 4.26863 14.7314 4 14.4 4H4.6C4.26863 4 4 4.26863 4 4.6V14.4C4 14.7314 4.26863 15 4.6 15H9" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>                            
                            Copy image with link                        </a>
                        <a href="#" target="_BLANK" class="btn-action-block btn-subaction btnDownloadThumbnailPlay">
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>download</title>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M3.25 13.3334C3.25 12.9192 3.58579 12.5834 4 12.5834H12C12.4142 12.5834 12.75 12.9192 12.75 13.3334C12.75 13.7476 12.4142 14.0834 12 14.0834H4C3.58579 14.0834 3.25 13.7476 3.25 13.3334Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.46817 11.1968L5.13503 8.86371C4.84214 8.57082 4.84214 8.09595 5.13503 7.80305C5.42793 7.51016 5.9028 7.51016 6.1957 7.80305L7.2487 8.85606L7.2487 2.66672C7.2487 2.2525 7.58449 1.91672 7.9987 1.91672C8.41291 1.91672 8.7487 2.2525 8.7487 2.66672L8.7487 8.85606L9.8017 7.80305C10.0946 7.51016 10.5695 7.51016 10.8624 7.80305C11.1553 8.09595 11.1553 8.57082 10.8624 8.86371L8.52921 11.1969C8.52915 11.1969 8.52909 11.197 8.52903 11.197C8.45712 11.269 8.37424 11.3232 8.28579 11.3598C8.19736 11.3965 8.10039 11.4167 7.9987 11.4167C7.7924 11.4167 7.60556 11.3334 7.46996 11.1986M7.46817 11.1968C7.46824 11.1969 7.4683 11.197 7.46837 11.197L7.46817 11.1968Z" fill="#19A975"/>
                            </svg>                            
                            Download image                        </a>
                        
                        <div class="shr-controls">
                            <div class="shr-group">
                                <p><label>Overlay image:</p>
                                <div class="btnThumbnailPlayChange" data-play-code="10"><img src="/assets/img/icon/play-10.png" alt="play on square" title="play" /></div>
                                <div class="btnThumbnailPlayChange" data-play-code="20"><img src="/assets/img/icon/play-20.png" alt="play with arrow" title="play" /></div>
                                <div class="btnThumbnailPlayChange" data-play-code="30"><img src="/assets/img/icon/play-30.png" alt="play with arrow and point" title="play" /></div>
                                <div class="btnThumbnailPlayChange" data-play-code="40"><img src="/assets/img/icon/play-40.png" alt="play with color arrow" title="play" /></div>
                                <div class="btnThumbnailPlayChange" data-play-code="50"><img src="/assets/img/icon/play-50.png" alt="opened book" title="play" /></div>
                                <div class="btnThumbnailPlayChange" data-play-code="60"><img src="/assets/img/icon/play-60.png" alt="access door" title="play" /></div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>

<div class="shr-email shr-item limit-img" data-item="cover-email-flip">
                <div class="shr-code">
                    <div class="code-sect">
                        <h3 class="shr-submenu-title">Preview</h3>
                        <div class="code" contenteditable="true">
                            <a href="#" target="_BLANK" class="heyzine-link fp-link">
                                <canvas class="emailFlipEffect" style="max-width: 92%; object-fit: contain"></canvas>
                                <img class="fp-thumb" style="border: 1px solid lightgray; display: none;" src="" />
                            </a>
                        </div>
                    </div>
                    <div class="shr-copy">
                        <h3 class="shr-submenu-title">Share</h3>
                        <a href="#" class="btn-action-block btn-subaction btnCopyCanvas">
                            <svg class="alt-stroke" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>copy</title>
                                <path d="M19.4 20H9.6C9.26863 20 9 19.7314 9 19.4V9.6C9 9.26863 9.26863 9 9.6 9H19.4C19.7314 9 20 9.26863 20 9.6V19.4C20 19.7314 19.7314 20 19.4 20Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                <path d="M15 9V4.6C15 4.26863 14.7314 4 14.4 4H4.6C4.26863 4 4 4.26863 4 4.6V14.4C4 14.7314 4.26863 15 4.6 15H9" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                            Copy image with link                        </a>
                        <a href="#" target="_BLANK" class="btn-action-block btn-subaction btnDownloadCanvas">
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>download</title>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M3.25 13.3334C3.25 12.9192 3.58579 12.5834 4 12.5834H12C12.4142 12.5834 12.75 12.9192 12.75 13.3334C12.75 13.7476 12.4142 14.0834 12 14.0834H4C3.58579 14.0834 3.25 13.7476 3.25 13.3334Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.46817 11.1968L5.13503 8.86371C4.84214 8.57082 4.84214 8.09595 5.13503 7.80305C5.42793 7.51016 5.9028 7.51016 6.1957 7.80305L7.2487 8.85606L7.2487 2.66672C7.2487 2.2525 7.58449 1.91672 7.9987 1.91672C8.41291 1.91672 8.7487 2.2525 8.7487 2.66672L8.7487 8.85606L9.8017 7.80305C10.0946 7.51016 10.5695 7.51016 10.8624 7.80305C11.1553 8.09595 11.1553 8.57082 10.8624 8.86371L8.52921 11.1969C8.52915 11.1969 8.52909 11.197 8.52903 11.197C8.45712 11.269 8.37424 11.3232 8.28579 11.3598C8.19736 11.3965 8.10039 11.4167 7.9987 11.4167C7.7924 11.4167 7.60556 11.3334 7.46996 11.1986M7.46817 11.1968C7.46824 11.1969 7.4683 11.197 7.46837 11.197L7.46817 11.1968Z" fill="#19A975"/>
                            </svg>
                            Download image                        </a>

<div class="shr-controls">
                            <div class="shrGroup">
                                <p><span>Fold page:</span>
                                    <select class="foldPage shr-select">
                                    </select>
                                </p>
                            </div>
                            <div class="shrGroup mts">
                                <p><span>Fold Size:</span>
                                <input type="range" class="foldAngle btn-range" min="4" max="30" value="15" />
                                </p>
                            </div>
                            <div class="shrGroup mts">
                                <p>
                                    <label><input type="checkbox" class="foldDepth" checked /> Show depth</label>
                                </p>
                            </div>
                        </div>

</div>
                </div>
            </div>
            
            
            <div class="shr-email shr-item limit-img" data-item="gif">
                
                <div class="shr-code">
                    <div class="code-sect">
                        <h3 class="shr-submenu-title">Preview</h3>
                        <div class="code" contenteditable="true">
                            <a href="#" target="_BLANK" class="heyzine-link fp-link"><img class="fp-gif" style="border: 1px solid lightgray; width: 250px;" src="" /></a>
                        </div>
                        <p class="mts gen-gif-msg" style="display: none;">Generating the GIF... Please, try again in a few minutes.</p>
                    </div>
                    <div class="shr-copy">
                        <h3 class="shr-submenu-title">Share</h3>
                        <a href="#" class="btn-action-block btn-subaction btnCopyCodeRaw">
                            <svg class="alt-stroke" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>copy</title>
                                <path d="M19.4 20H9.6C9.26863 20 9 19.7314 9 19.4V9.6C9 9.26863 9.26863 9 9.6 9H19.4C19.7314 9 20 9.26863 20 9.6V19.4C20 19.7314 19.7314 20 19.4 20Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                <path d="M15 9V4.6C15 4.26863 14.7314 4 14.4 4H4.6C4.26863 4 4 4.26863 4 4.6V14.4C4 14.7314 4.26863 15 4.6 15H9" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>                            
                            Copy gif with link                        </a>
                        <a href="#" target="_BLANK" class="btn-action-block btn-subaction btnDownloadGif">
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>download</title>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M3.25 13.3334C3.25 12.9192 3.58579 12.5834 4 12.5834H12C12.4142 12.5834 12.75 12.9192 12.75 13.3334C12.75 13.7476 12.4142 14.0834 12 14.0834H4C3.58579 14.0834 3.25 13.7476 3.25 13.3334Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.46817 11.1968L5.13503 8.86371C4.84214 8.57082 4.84214 8.09595 5.13503 7.80305C5.42793 7.51016 5.9028 7.51016 6.1957 7.80305L7.2487 8.85606L7.2487 2.66672C7.2487 2.2525 7.58449 1.91672 7.9987 1.91672C8.41291 1.91672 8.7487 2.2525 8.7487 2.66672L8.7487 8.85606L9.8017 7.80305C10.0946 7.51016 10.5695 7.51016 10.8624 7.80305C11.1553 8.09595 11.1553 8.57082 10.8624 8.86371L8.52921 11.1969C8.52915 11.1969 8.52909 11.197 8.52903 11.197C8.45712 11.269 8.37424 11.3232 8.28579 11.3598C8.19736 11.3965 8.10039 11.4167 7.9987 11.4167C7.7924 11.4167 7.60556 11.3334 7.46996 11.1986M7.46817 11.1968C7.46824 11.1969 7.4683 11.197 7.46837 11.197L7.46817 11.1968Z" fill="#19A975"/>
                            </svg>                            
                            Download gif                        </a>
                    </div>
                </div>
            </div>

<div class="shr-email shr-item limit-img" data-item="cover-web">
                <div class="shr-code">
                    <div class="code-sect">
                        <h3 class="shr-submenu-title">Preview</h3>                    
                        <div class="code" contenteditable="true">
                            <a href="#" target="_BLANK" class="heyzine-link fp-link"><img class="fp-thumb" style="border: 1px solid lightgray; box-shadow: 0 0px 4px 1px lightgray; width: 250px;" src="" /></a>
                        </div>
                    </div>
                    <div class="shr-copy">
                        <h3 class="shr-submenu-title">Share</h3>
                        <a href="#" class="btn-action-block btn-subaction btnCopyCodeRaw">
                            <svg class="alt-stroke" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>copy</title>
                                <path d="M19.4 20H9.6C9.26863 20 9 19.7314 9 19.4V9.6C9 9.26863 9.26863 9 9.6 9H19.4C19.7314 9 20 9.26863 20 9.6V19.4C20 19.7314 19.7314 20 19.4 20Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                <path d="M15 9V4.6C15 4.26863 14.7314 4 14.4 4H4.6C4.26863 4 4 4.26863 4 4.6V14.4C4 14.7314 4.26863 15 4.6 15H9" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>                            
                            Copy image with link                        </a>
                        <a href="#" class="btn-action-block btn-subaction btnCopyCode">
                            <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>Copy code</title>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.70176 3.27781C10.1006 3.38949 10.3334 3.80338 10.2218 4.20225L7.88843 12.5356C7.77675 12.9345 7.36286 13.1673 6.96398 13.0556C6.56511 12.9439 6.3323 12.53 6.44398 12.1311L8.77732 3.79781C8.889 3.39894 9.30289 3.16612 9.70176 3.27781Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.36366 5.13637C5.65656 5.42926 5.65656 5.90413 5.36366 6.19703L3.56066 8.00003L5.36366 9.80303C5.65656 10.0959 5.65656 10.5708 5.36366 10.8637C5.07077 11.1566 4.5959 11.1566 4.303 10.8637L1.96967 8.53036C1.82902 8.38971 1.75 8.19894 1.75 8.00003C1.75 7.80112 1.82902 7.61035 1.96967 7.4697L4.303 5.13637C4.5959 4.84347 5.07077 4.84347 5.36366 5.13637Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.6357 5.13637C11.9286 4.84347 12.4035 4.84347 12.6963 5.13637L15.0297 7.4697C15.3226 7.76259 15.3226 8.23747 15.0297 8.53036L12.6963 10.8637C12.4035 11.1566 11.9286 11.1566 11.6357 10.8637C11.3428 10.5708 11.3428 10.0959 11.6357 9.80303L13.4387 8.00003L11.6357 6.19703C11.3428 5.90413 11.3428 5.42926 11.6357 5.13637Z" fill="#19A975"/>
                            </svg>
                            Copy html code                        </a>
                    </div>
                </div>
            </div>
            
            
            <div class="shr-email shr-item limit-img" data-item="cover-web-play">
                <div class="shr-code">
                    <div class="code-sect">
                        <h3 class="shr-submenu-title">Preview</h3>                                        
                        <div class="code" contenteditable="true">
                            <a href="#" target="_BLANK" class="heyzine-link fp-link"><img class="fp-thumb-play" style="border: 1px solid lightgray; box-shadow: 0 0px 4px 1px lightgray; width: 250px;" src="" /></a>
                        </div>
                    </div>
                    <div class="shr-copy">
                        <h3 class="shr-submenu-title">Share</h3>
                        <a href="#" class="btn-action-block btn-subaction btnCopyCodeRaw">
                            <svg class="alt-stroke" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>copy</title>
                                <path d="M19.4 20H9.6C9.26863 20 9 19.7314 9 19.4V9.6C9 9.26863 9.26863 9 9.6 9H19.4C19.7314 9 20 9.26863 20 9.6V19.4C20 19.7314 19.7314 20 19.4 20Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                <path d="M15 9V4.6C15 4.26863 14.7314 4 14.4 4H4.6C4.26863 4 4 4.26863 4 4.6V14.4C4 14.7314 4.26863 15 4.6 15H9" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>                            
                            Copy image with link                        </a>
                        <a href="#" class="btn-action-block btn-subaction btnCopyCode">
                            <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>Copy code</title>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.70176 3.27781C10.1006 3.38949 10.3334 3.80338 10.2218 4.20225L7.88843 12.5356C7.77675 12.9345 7.36286 13.1673 6.96398 13.0556C6.56511 12.9439 6.3323 12.53 6.44398 12.1311L8.77732 3.79781C8.889 3.39894 9.30289 3.16612 9.70176 3.27781Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.36366 5.13637C5.65656 5.42926 5.65656 5.90413 5.36366 6.19703L3.56066 8.00003L5.36366 9.80303C5.65656 10.0959 5.65656 10.5708 5.36366 10.8637C5.07077 11.1566 4.5959 11.1566 4.303 10.8637L1.96967 8.53036C1.82902 8.38971 1.75 8.19894 1.75 8.00003C1.75 7.80112 1.82902 7.61035 1.96967 7.4697L4.303 5.13637C4.5959 4.84347 5.07077 4.84347 5.36366 5.13637Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.6357 5.13637C11.9286 4.84347 12.4035 4.84347 12.6963 5.13637L15.0297 7.4697C15.3226 7.76259 15.3226 8.23747 15.0297 8.53036L12.6963 10.8637C12.4035 11.1566 11.9286 11.1566 11.6357 10.8637C11.3428 10.5708 11.3428 10.0959 11.6357 9.80303L13.4387 8.00003L11.6357 6.19703C11.3428 5.90413 11.3428 5.42926 11.6357 5.13637Z" fill="#19A975"/>
                            </svg>                            
                            Copy html code       
                        </a>
                        <div class="shr-controls">
                            <div class="shr-group">
                                <p><label>Overlay image:</p>
                                <div class="btnThumbnailPlayChange" data-play-code="10"><img src="/assets/img/icon/play-10.png" alt="play on square" title="play" /></div>
                                <div class="btnThumbnailPlayChange" data-play-code="20"><img src="/assets/img/icon/play-20.png" alt="play with arrow" title="play" /></div>
                                <div class="btnThumbnailPlayChange" data-play-code="30"><img src="/assets/img/icon/play-30.png" alt="play with arrow and point" title="play" /></div>
                                <div class="btnThumbnailPlayChange" data-play-code="40"><img src="/assets/img/icon/play-40.png" alt="play with color arrow" title="play" /></div>
                                <div class="btnThumbnailPlayChange" data-play-code="50"><img src="/assets/img/icon/play-50.png" alt="opened book" title="play" /></div>
                                <div class="btnThumbnailPlayChange" data-play-code="60"><img src="/assets/img/icon/play-60.png" alt="access door" title="play" /></div>
                            </div>
                        </div>                        
                    </div>
                </div>
            </div>

<div class="shr-web shr-item" data-item="coverflip-web">
                <div class="shr-code">
                    <div class="code-sect">
                        <h3 class="shr-submenu-title">Preview</h3>                                        
                        <div class="code">
                            <link rel="preload" href="https://cdnc.heyzine.com/release/heyzine.3.css" as="style" onload="this.onload=null;this.rel='stylesheet'" />
                            <div class="heyzine-flip" style="max-width: 400px;" ontouchstart="this.classList.toggle('hover');">
                                <div class="container">
                                    <div class="front fp-w fp-fh fp-h" style="min-height: 350px; height: 350px;">
                                        <img class="img-front fp-thumb" src="" />
                                        <div class="inner">
                                            <h5 class="fp-title"></h5>
                                        </div>
                                    </div>
                                    <div class="back fp-w fp-fh fp-h" style="min-height: 350px; height: 350px;">
                                        <img class="img-back fp-thumb" src="" />
                                        <div class="inner">
                                            <p>
                                                <span class="fp-subtitle"></span><br/>
                                                <a href="#" target="_BLANK" class="fp-link">View</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>    
                        </div>
                    </div>
                    <div class="shr-copy">
                        <h3 class="shr-submenu-title">Share</h3>
                        <a href="#" class="btn-action-block btn-subaction btnCopyCode">
                            <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>Copy code</title>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.70176 3.27781C10.1006 3.38949 10.3334 3.80338 10.2218 4.20225L7.88843 12.5356C7.77675 12.9345 7.36286 13.1673 6.96398 13.0556C6.56511 12.9439 6.3323 12.53 6.44398 12.1311L8.77732 3.79781C8.889 3.39894 9.30289 3.16612 9.70176 3.27781Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.36366 5.13637C5.65656 5.42926 5.65656 5.90413 5.36366 6.19703L3.56066 8.00003L5.36366 9.80303C5.65656 10.0959 5.65656 10.5708 5.36366 10.8637C5.07077 11.1566 4.5959 11.1566 4.303 10.8637L1.96967 8.53036C1.82902 8.38971 1.75 8.19894 1.75 8.00003C1.75 7.80112 1.82902 7.61035 1.96967 7.4697L4.303 5.13637C4.5959 4.84347 5.07077 4.84347 5.36366 5.13637Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.6357 5.13637C11.9286 4.84347 12.4035 4.84347 12.6963 5.13637L15.0297 7.4697C15.3226 7.76259 15.3226 8.23747 15.0297 8.53036L12.6963 10.8637C12.4035 11.1566 11.9286 11.1566 11.6357 10.8637C11.3428 10.5708 11.3428 10.0959 11.6357 9.80303L13.4387 8.00003L11.6357 6.19703C11.3428 5.90413 11.3428 5.42926 11.6357 5.13637Z" fill="#19A975"/>
                            </svg>
                            Copy html code                        </a>
                        <div class="shr-controls">
                            <div class="shr-group">
                                <p><label><input type="checkbox" class="flipResponsive" checked />Responsive width</label></p>
                                <p><span>Width:</span> <input type="range" disabled class="flipWidth btn-range" min="100" max="800" value="330" /></p>
                                <p><span>Height:</span> <input type="range" class="flipHeight btn-range" min="100" max="600" value="400" /></p>
                            </div>
                            <div>
                                <p><span>Front title:</span> <input type="text" class="txtTitle" value="" /></p>
                                <p><span>Back subtitle:</span> <input type="text" class="txtSubtitle" value="" /></p>
                            </div>                            
                        </div>
                    </div>                
                </div>
            </div>

<div class="shr-web shr-item" data-item="coverfold-web">
                <div class="shr-code">            
                    <div class="code-sect">
                        <h3 class="shr-submenu-title">Preview</h3>                                                            
                        <div class="code">
                            <link rel="preload" href="https://cdnc.heyzine.com/release/heyzine.3.css" as="style" onload="this.onload=null;this.rel='stylesheet'" />
                            <div class="heyzine-fold  fp-w fp-fh" style="width: 100%; max-width: 310px; min-height: 220px; height: 220px;">
                                <img class="img-front fp-thumb" src="" />

<div class="heyzine-fold-caption">
                                  <div><h2 class="fp-title"></h2></div>
                                  <div>
                                    <p class="fp-subtitle"></p>
                                    <div class="heyzine-curl"></div>
                                  </div>
                                  <a href="#" target="_BLANK" class="fp-link"></a>
                                </div>     
                            </div>
                        </div>
                    </div>
                    <div class="shr-copy">
                        <h3 class="shr-submenu-title">Share</h3>
                        <a href="#" class="btn-action-block btn-subaction btnCopyCode">
                            <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>Copy code</title>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.70176 3.27781C10.1006 3.38949 10.3334 3.80338 10.2218 4.20225L7.88843 12.5356C7.77675 12.9345 7.36286 13.1673 6.96398 13.0556C6.56511 12.9439 6.3323 12.53 6.44398 12.1311L8.77732 3.79781C8.889 3.39894 9.30289 3.16612 9.70176 3.27781Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.36366 5.13637C5.65656 5.42926 5.65656 5.90413 5.36366 6.19703L3.56066 8.00003L5.36366 9.80303C5.65656 10.0959 5.65656 10.5708 5.36366 10.8637C5.07077 11.1566 4.5959 11.1566 4.303 10.8637L1.96967 8.53036C1.82902 8.38971 1.75 8.19894 1.75 8.00003C1.75 7.80112 1.82902 7.61035 1.96967 7.4697L4.303 5.13637C4.5959 4.84347 5.07077 4.84347 5.36366 5.13637Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.6357 5.13637C11.9286 4.84347 12.4035 4.84347 12.6963 5.13637L15.0297 7.4697C15.3226 7.76259 15.3226 8.23747 15.0297 8.53036L12.6963 10.8637C12.4035 11.1566 11.9286 11.1566 11.6357 10.8637C11.3428 10.5708 11.3428 10.0959 11.6357 9.80303L13.4387 8.00003L11.6357 6.19703C11.3428 5.90413 11.3428 5.42926 11.6357 5.13637Z" fill="#19A975"/>
                            </svg>
                            Copy html code                        </a>
                        <div class="shr-controls">
                            <div class="shr-group">
                                <p><label><input type="checkbox" class="flipResponsive" />Responsive width</label></p>
                                <p><span>Width:</span> <input type="range" class="flipWidth btn-range" min="100" max="800" value="310" /></p>
                                <p><span>Height:</span> <input type="range" class="flipHeight btn-range" min="100" max="600" value="220" /></p>
                            </div>
                            <div>
                                <p><span>Front title:</span> <input type="text" class="txtTitle" value="" /></p>
                                <p><span>Back subtitle:</span> <input type="text" class="txtSubtitle" value="" /></p>
                            </div>                            
                        </div>
                    </div>                
                </div>
            </div>
            
            
            <div class="shr-web shr-item" data-item="iframe-web">
                <div class="shr-code">            
                    <div class="code-sect wide">
                        <h3 class="shr-submenu-title">Preview</h3>
                        <div class="code">
                            <iframe allowfullscreen scrolling="no" class="fp-iframe" style="border: 1px solid lightgray; width: 100%; height: 400px;"></iframe>
                        </div>
                    </div>
                    <div class="shr-copy">
                        <h3 class="shr-submenu-title">Share</h3>
                        <a href="#" class="btn-action-block btn-subaction btnCopyCode">
                            <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>Copy code</title>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.70176 3.27781C10.1006 3.38949 10.3334 3.80338 10.2218 4.20225L7.88843 12.5356C7.77675 12.9345 7.36286 13.1673 6.96398 13.0556C6.56511 12.9439 6.3323 12.53 6.44398 12.1311L8.77732 3.79781C8.889 3.39894 9.30289 3.16612 9.70176 3.27781Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.36366 5.13637C5.65656 5.42926 5.65656 5.90413 5.36366 6.19703L3.56066 8.00003L5.36366 9.80303C5.65656 10.0959 5.65656 10.5708 5.36366 10.8637C5.07077 11.1566 4.5959 11.1566 4.303 10.8637L1.96967 8.53036C1.82902 8.38971 1.75 8.19894 1.75 8.00003C1.75 7.80112 1.82902 7.61035 1.96967 7.4697L4.303 5.13637C4.5959 4.84347 5.07077 4.84347 5.36366 5.13637Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.6357 5.13637C11.9286 4.84347 12.4035 4.84347 12.6963 5.13637L15.0297 7.4697C15.3226 7.76259 15.3226 8.23747 15.0297 8.53036L12.6963 10.8637C12.4035 11.1566 11.9286 11.1566 11.6357 10.8637C11.3428 10.5708 11.3428 10.0959 11.6357 9.80303L13.4387 8.00003L11.6357 6.19703C11.3428 5.90413 11.3428 5.42926 11.6357 5.13637Z" fill="#19A975"/>
                            </svg>
                            Copy html code                        </a>
                        <div class="shr-controls">
                            <div class="shr-group">
                                <p><label><input type="checkbox" class="iframeResponsive" checked />Responsive width</label></p>
                                <p><span>Width:</span> <input type="range" disabled class="iframeWidth btn-range" min="100" max="800" value="330" /></p>
                                <p><span>Height:</span> <input type="range" class="iframeHeight btn-range" min="100" max="600" value="400" /></p>
                            </div>                            
                        </div>
                        <div class="shr-controls">
                            <div class="shr-group mbn">
                                <p><label class="mbn"><input type="checkbox" class="iframeBorder" checked />Show border</label></p>
                            </div>                            
                        </div>
                        <div class="shr-controls">
                            <div class="shr-group mbn">
                                <p><span>Page:</span><select class="lcSelPages shr-select"></select></p>
                            </div>                            
                        </div>                        
                    </div>
                    
                </div>
            </div>

<div class="shr-web shr-item limit-img" data-item="qr-basic">
                <div class="shr-code">
                    <div class="code-sect">
                        <h3 class="shr-submenu-title">Preview</h3>                    
                        <div class="code">
                            <a href="#" target="_BLANK" class="heyzine-link fp-link"><img src="" class="fp-qr" alt="flipbook QR Code" /></a>
                        </div>
                    </div>
                    <div class="shr-copy">
                        <h3 class="shr-submenu-title">Share</h3>
                        <a href="#" class="btn-action-block btn-subaction btnCopyCodeRaw">
                            <svg class="alt-stroke" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>copy</title>
                                <path d="M19.4 20H9.6C9.26863 20 9 19.7314 9 19.4V9.6C9 9.26863 9.26863 9 9.6 9H19.4C19.7314 9 20 9.26863 20 9.6V19.4C20 19.7314 19.7314 20 19.4 20Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                <path d="M15 9V4.6C15 4.26863 14.7314 4 14.4 4H4.6C4.26863 4 4 4.26863 4 4.6V14.4C4 14.7314 4.26863 15 4.6 15H9" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>                            
                            Copy image                        </a>
                        <a href="#" class="btn-action-block btn-subaction btnDownloadQr" target="_BLANK">
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>download</title>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M3.25 13.3334C3.25 12.9192 3.58579 12.5834 4 12.5834H12C12.4142 12.5834 12.75 12.9192 12.75 13.3334C12.75 13.7476 12.4142 14.0834 12 14.0834H4C3.58579 14.0834 3.25 13.7476 3.25 13.3334Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.46817 11.1968L5.13503 8.86371C4.84214 8.57082 4.84214 8.09595 5.13503 7.80305C5.42793 7.51016 5.9028 7.51016 6.1957 7.80305L7.2487 8.85606L7.2487 2.66672C7.2487 2.2525 7.58449 1.91672 7.9987 1.91672C8.41291 1.91672 8.7487 2.2525 8.7487 2.66672L8.7487 8.85606L9.8017 7.80305C10.0946 7.51016 10.5695 7.51016 10.8624 7.80305C11.1553 8.09595 11.1553 8.57082 10.8624 8.86371L8.52921 11.1969C8.52915 11.1969 8.52909 11.197 8.52903 11.197C8.45712 11.269 8.37424 11.3232 8.28579 11.3598C8.19736 11.3965 8.10039 11.4167 7.9987 11.4167C7.7924 11.4167 7.60556 11.3334 7.46996 11.1986M7.46817 11.1968C7.46824 11.1969 7.4683 11.197 7.46837 11.197L7.46817 11.1968Z" fill="#19A975"/>
                            </svg>                            
                            Download image                        </a>
                        <a href="#" class="btn-action-block btn-subaction btnCopyCode">
                            <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>Copy code</title>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.70176 3.27781C10.1006 3.38949 10.3334 3.80338 10.2218 4.20225L7.88843 12.5356C7.77675 12.9345 7.36286 13.1673 6.96398 13.0556C6.56511 12.9439 6.3323 12.53 6.44398 12.1311L8.77732 3.79781C8.889 3.39894 9.30289 3.16612 9.70176 3.27781Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.36366 5.13637C5.65656 5.42926 5.65656 5.90413 5.36366 6.19703L3.56066 8.00003L5.36366 9.80303C5.65656 10.0959 5.65656 10.5708 5.36366 10.8637C5.07077 11.1566 4.5959 11.1566 4.303 10.8637L1.96967 8.53036C1.82902 8.38971 1.75 8.19894 1.75 8.00003C1.75 7.80112 1.82902 7.61035 1.96967 7.4697L4.303 5.13637C4.5959 4.84347 5.07077 4.84347 5.36366 5.13637Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.6357 5.13637C11.9286 4.84347 12.4035 4.84347 12.6963 5.13637L15.0297 7.4697C15.3226 7.76259 15.3226 8.23747 15.0297 8.53036L12.6963 10.8637C12.4035 11.1566 11.9286 11.1566 11.6357 10.8637C11.3428 10.5708 11.3428 10.0959 11.6357 9.80303L13.4387 8.00003L11.6357 6.19703C11.3428 5.90413 11.3428 5.42926 11.6357 5.13637Z" fill="#19A975"/>
                            </svg>
                            Copy html code                        </a>
                    </div>                
                </div>
            </div>
            
            
            <div class="shr-web shr-item limit-img" data-item="qr-logo">
                <div class="shr-code">
                    <div class="code-sect">
                        <h3 class="shr-submenu-title">Preview</h3>                                        
                        <div class="code">
                            <a href="#" target="_BLANK" class="heyzine-link fp-link"><img src="" class="fp-qr fp-qr-logo" alt="flipbook QR Code" /></a>
                        </div>
                        <p class="mts admin-label">You can change the logo from the editor, logo, icons.</p>
                    </div>
                    <div class="shr-copy">
                        <h3 class="shr-submenu-title">Share</h3>
                        <a href="#" class="btn-action-block btn-subaction btnCopyCodeRaw">
                            <svg class="alt-stroke" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>copy</title>
                                <path d="M19.4 20H9.6C9.26863 20 9 19.7314 9 19.4V9.6C9 9.26863 9.26863 9 9.6 9H19.4C19.7314 9 20 9.26863 20 9.6V19.4C20 19.7314 19.7314 20 19.4 20Z" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                <path d="M15 9V4.6C15 4.26863 14.7314 4 14.4 4H4.6C4.26863 4 4 4.26863 4 4.6V14.4C4 14.7314 4.26863 15 4.6 15H9" stroke="#19A975" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>                            
                            Copy image                        </a>
                        <a href="#" class="btn-action-block btn-subaction btnDownloadQrLogo" target="_BLANK">
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>download</title>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M3.25 13.3334C3.25 12.9192 3.58579 12.5834 4 12.5834H12C12.4142 12.5834 12.75 12.9192 12.75 13.3334C12.75 13.7476 12.4142 14.0834 12 14.0834H4C3.58579 14.0834 3.25 13.7476 3.25 13.3334Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.46817 11.1968L5.13503 8.86371C4.84214 8.57082 4.84214 8.09595 5.13503 7.80305C5.42793 7.51016 5.9028 7.51016 6.1957 7.80305L7.2487 8.85606L7.2487 2.66672C7.2487 2.2525 7.58449 1.91672 7.9987 1.91672C8.41291 1.91672 8.7487 2.2525 8.7487 2.66672L8.7487 8.85606L9.8017 7.80305C10.0946 7.51016 10.5695 7.51016 10.8624 7.80305C11.1553 8.09595 11.1553 8.57082 10.8624 8.86371L8.52921 11.1969C8.52915 11.1969 8.52909 11.197 8.52903 11.197C8.45712 11.269 8.37424 11.3232 8.28579 11.3598C8.19736 11.3965 8.10039 11.4167 7.9987 11.4167C7.7924 11.4167 7.60556 11.3334 7.46996 11.1986M7.46817 11.1968C7.46824 11.1969 7.4683 11.197 7.46837 11.197L7.46817 11.1968Z" fill="#19A975"/>
                            </svg>                            
                            Download image                        </a>
                        <a href="#" class="btn-action-block btn-subaction btnCopyCode">
                            <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>Copy code</title>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.70176 3.27781C10.1006 3.38949 10.3334 3.80338 10.2218 4.20225L7.88843 12.5356C7.77675 12.9345 7.36286 13.1673 6.96398 13.0556C6.56511 12.9439 6.3323 12.53 6.44398 12.1311L8.77732 3.79781C8.889 3.39894 9.30289 3.16612 9.70176 3.27781Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.36366 5.13637C5.65656 5.42926 5.65656 5.90413 5.36366 6.19703L3.56066 8.00003L5.36366 9.80303C5.65656 10.0959 5.65656 10.5708 5.36366 10.8637C5.07077 11.1566 4.5959 11.1566 4.303 10.8637L1.96967 8.53036C1.82902 8.38971 1.75 8.19894 1.75 8.00003C1.75 7.80112 1.82902 7.61035 1.96967 7.4697L4.303 5.13637C4.5959 4.84347 5.07077 4.84347 5.36366 5.13637Z" fill="#19A975"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.6357 5.13637C11.9286 4.84347 12.4035 4.84347 12.6963 5.13637L15.0297 7.4697C15.3226 7.76259 15.3226 8.23747 15.0297 8.53036L12.6963 10.8637C12.4035 11.1566 11.9286 11.1566 11.6357 10.8637C11.3428 10.5708 11.3428 10.0959 11.6357 9.80303L13.4387 8.00003L11.6357 6.19703C11.3428 5.90413 11.3428 5.42926 11.6357 5.13637Z" fill="#19A975"/>
                            </svg>
                            Copy html code                        </a>
                    </div>                
                </div>
            </div>
            
            
            <div class="shr-social shr-item" data-item="social">
                <div class="shr-code">
                    <div class="code-sect">
                        <h3 class="shr-submenu-title">Preview</h3>
                        <div class="code">
                            <div class="social-preview">
                                <a href="#" target="_BLANK" class="fp-link">
                                    <div class="social-container">
                                        <div class="social-thumb">
                                            <img src="" class="fp-thumb" alt="Flipbook thumbnail" />
                                        </div>
                                        <div class="social-desc">
                                            <h3 class="fp-social-title"></h3>
                                            <p class="fp-desc"></p>
                                        </div>
                                    </div>
                                </a>
                                <p class="tool-remark">This is a preview. The result will vary depending on the social network and screen resolution</p>
                            </div>

Edit                            </a>

<div id="socialControls" class="shr-controls shr-controls-bottom tal">
                                <div class="shr-group">
                                    <p>
                                        <span>Title:</span>
                                        <input type="text" value="" maxlength="150" class="txtSocialTitle">
                                    </p>
                                    <p>
                                        <span>Description:</span>
                                        <input type="text" value="" maxlength="150" class="txtSocialDescription">
                                    </p>               
                                    <p class="mtm">
                                        <input type="file" class="uplSocialThumbnail" style="display: none;" name="upl" data-url="" />
                                        <a href="#" class="btn-subaction btn-action-md-wd btn-light btnSocialThumbnail"
                                           data-uploader-button
                                           data-type="image"
                                           data-type-error="The file is not an image."
                                           data-size="5000000"
                                           data-size-error="The max file size is 5Mb.">
                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <title>Upload</title>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M3.25 13.3334C3.25 12.9192 3.58579 12.5834 4 12.5834H12C12.4142 12.5834 12.75 12.9192 12.75 13.3334C12.75 13.7476 12.4142 14.0834 12 14.0834H4C3.58579 14.0834 3.25 13.7476 3.25 13.3334Z" fill="#19A975"/>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M8.53085 2.13656L10.864 4.4697C11.1569 4.76259 11.1569 5.23746 10.864 5.53036C10.5711 5.82325 10.0962 5.82325 9.80333 5.53036L8.75033 4.47736V10.6667C8.75033 11.0809 8.41454 11.4167 8.00033 11.4167C7.58611 11.4167 7.25033 11.0809 7.25033 10.6667V4.47735L6.19732 5.53036C5.90443 5.82325 5.42956 5.82325 5.13666 5.53036C4.84377 5.23746 4.84377 4.76259 5.13666 4.4697L7.46982 2.13654C7.46988 2.13648 7.46994 2.13642 7.47 2.13636C7.5419 2.06446 7.62478 2.0102 7.71324 1.9736C7.80167 1.93693 7.89863 1.91669 8.00033 1.91669C8.20662 1.91669 8.39347 1.99999 8.52906 2.13478M8.53085 2.13656C8.53079 2.1365 8.53072 2.13643 8.53066 2.13636L8.53085 2.13656Z" fill="#19A975"/>
                                            </svg>
                                            Social thumbnail                                        </a>
                                        <span class="tool-remark tool-remark-inline">The recommended image size is 1200x630px.</span>
                                        <span class="up-btn-error" style="min-width: 0;"></span>
                                    </p>
                                    <p class="shr-controls-confirm tac">
                                        <a href="#" class="btn-action btn-action-md mhs mrs btnSocialSave">Save</a>
                                        <a href="#" class="btn-subaction btn-action-md mhs btnSocialReset">Close</a>
                                    </p>

</div>
                            </div>
                        </div>
                    </div>
                    <div class="shr-copy">
                        <h3 class="shr-submenu-title">Share</h3>
                        
                        <div class="shr-sm mts">
                            <a href="#" class="btn-action-block btn-subaction btnSocial" data-network="facebook">
                                <svg fill="#19A975" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px">
                                    <title>Facebook</title>
                                    <path d="M25,3C12.85,3,3,12.85,3,25c0,11.03,8.125,20.137,18.712,21.728V30.831h-5.443v-5.783h5.443v-3.848 c0-6.371,3.104-9.168,8.399-9.168c2.536,0,3.877,0.188,4.512,0.274v5.048h-3.612c-2.248,0-3.033,2.131-3.033,4.533v3.161h6.588 l-0.894,5.783h-5.694v15.944C38.716,45.318,47,36.137,47,25C47,12.85,37.15,3,25,3z"/>
                                </svg>                                
                            </a>
                            <a href="#" class="btn-action-block btn-subaction btnSocial" data-network="twitter">
                                <svg fill="#19A975" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px">
                                    <title>Twitter</title>
                                    <path d="M 50.0625 10.4375 C 48.214844 11.257813 46.234375 11.808594 44.152344 12.058594 C 46.277344 10.785156 47.910156 8.769531 48.675781 6.371094 C 46.691406 7.546875 44.484375 8.402344 42.144531 8.863281 C 40.269531 6.863281 37.597656 5.617188 34.640625 5.617188 C 28.960938 5.617188 24.355469 10.21875 24.355469 15.898438 C 24.355469 16.703125 24.449219 17.488281 24.625 18.242188 C 16.078125 17.8125 8.503906 13.71875 3.429688 7.496094 C 2.542969 9.019531 2.039063 10.785156 2.039063 12.667969 C 2.039063 16.234375 3.851563 19.382813 6.613281 21.230469 C 4.925781 21.175781 3.339844 20.710938 1.953125 19.941406 C 1.953125 19.984375 1.953125 20.027344 1.953125 20.070313 C 1.953125 25.054688 5.5 29.207031 10.199219 30.15625 C 9.339844 30.390625 8.429688 30.515625 7.492188 30.515625 C 6.828125 30.515625 6.183594 30.453125 5.554688 30.328125 C 6.867188 34.410156 10.664063 37.390625 15.160156 37.472656 C 11.644531 40.230469 7.210938 41.871094 2.390625 41.871094 C 1.558594 41.871094 0.742188 41.824219 -0.0585938 41.726563 C 4.488281 44.648438 9.894531 46.347656 15.703125 46.347656 C 34.617188 46.347656 44.960938 30.679688 44.960938 17.09375 C 44.960938 16.648438 44.949219 16.199219 44.933594 15.761719 C 46.941406 14.3125 48.683594 12.5 50.0625 10.4375 Z"/>
                                </svg>                                
                            </a>
                            <a href="#" class="btn-action-block btn-subaction btnSocial" data-network="linkedin">
                                <svg fill="#19A975" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px">
                                    <title>LinkedIn</title>
                                    <path d="M41,4H9C6.24,4,4,6.24,4,9v32c0,2.76,2.24,5,5,5h32c2.76,0,5-2.24,5-5V9C46,6.24,43.76,4,41,4z M17,20v19h-6V20H17z M11,14.47c0-1.4,1.2-2.47,3-2.47s2.93,1.07,3,2.47c0,1.4-1.12,2.53-3,2.53C12.2,17,11,15.87,11,14.47z M39,39h-6c0,0,0-9.26,0-10 c0-2-1-4-3.5-4.04h-0.08C27,24.96,26,27.02,26,29c0,0.91,0,10,0,10h-6V20h6v2.56c0,0,1.93-2.56,5.81-2.56 c3.97,0,7.19,2.73,7.19,8.26V39z"/>
                                </svg>
                            </a>
                            <a href="#" class="btn-action-block btn-subaction btnSocial" data-network="reddit">
                                <svg fill="#19A975" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px">
                                    <title>Reddit</title>
                                    <path d="M 29 3 C 26.894531 3 24.433594 4.652344 24.0625 12.03125 C 24.375 12.023438 24.683594 12 25 12 C 25.351563 12 25.714844 12.019531 26.0625 12.03125 C 26.300781 7.597656 27.355469 5 29 5 C 29.703125 5 30.101563 5.382813 30.84375 6.1875 C 31.710938 7.128906 32.84375 8.351563 35.0625 8.8125 C 35.027344 8.550781 35 8.269531 35 8 C 35 7.578125 35.042969 7.179688 35.125 6.78125 C 33.75 6.40625 33.023438 5.613281 32.3125 4.84375 C 31.519531 3.984375 30.609375 3 29 3 Z M 41 4 C 38.792969 4 37 5.796875 37 8 C 37 10.203125 38.792969 12 41 12 C 43.207031 12 45 10.203125 45 8 C 45 5.796875 43.207031 4 41 4 Z M 25 14 C 12.867188 14 3 20.179688 3 29 C 3 37.820313 12.867188 45 25 45 C 37.132813 45 47 37.820313 47 29 C 47 20.179688 37.132813 14 25 14 Z M 7.5 14.9375 C 6.039063 14.9375 4.652344 15.535156 3.59375 16.59375 C 1.871094 18.316406 1.515625 20.792969 2.5 22.84375 C 4.011719 19.917969 6.613281 17.421875 9.96875 15.5625 C 9.207031 15.175781 8.363281 14.9375 7.5 14.9375 Z M 42.5 14.9375 C 41.636719 14.9375 40.792969 15.175781 40.03125 15.5625 C 43.386719 17.421875 45.988281 19.917969 47.5 22.84375 C 48.484375 20.792969 48.128906 18.316406 46.40625 16.59375 C 45.347656 15.535156 43.960938 14.9375 42.5 14.9375 Z M 17 23 C 18.65625 23 20 24.34375 20 26 C 20 27.65625 18.65625 29 17 29 C 15.34375 29 14 27.65625 14 26 C 14 24.34375 15.34375 23 17 23 Z M 33 23 C 34.65625 23 36 24.34375 36 26 C 36 27.65625 34.65625 29 33 29 C 31.34375 29 30 27.65625 30 26 C 30 24.34375 31.34375 23 33 23 Z M 16.0625 34 C 16.3125 34.042969 16.558594 34.183594 16.71875 34.40625 C 16.824219 34.554688 19.167969 37.6875 25 37.6875 C 30.910156 37.6875 33.257813 34.46875 33.28125 34.4375 C 33.597656 33.988281 34.234375 33.867188 34.6875 34.1875 C 35.136719 34.503906 35.222656 35.109375 34.90625 35.5625 C 34.789063 35.730469 31.9375 39.6875 25 39.6875 C 18.058594 39.6875 15.210938 35.730469 15.09375 35.5625 C 14.777344 35.109375 14.859375 34.503906 15.3125 34.1875 C 15.539063 34.027344 15.8125 33.957031 16.0625 34 Z"/>
                                </svg>
                            </a>
                        </div>
                        <div class="shr-sm mts">
                            <a href="#" class="btn-action-block btn-subaction btnSocial" data-network="snapchat">
                                <svg fill="#19A975" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px">
                                    <title>Snapchat</title>
                                    <path d="M 46.773438 35.078125 C 40.96875 34.121094 38.316406 28.109375 38.230469 27.914063 C 38.21875 27.878906 38.191406 27.816406 38.175781 27.78125 C 38 27.429688 37.824219 26.933594 37.972656 26.582031 C 38.226563 25.980469 39.433594 25.597656 40.15625 25.367188 C 40.410156 25.285156 40.652344 25.210938 40.839844 25.136719 C 42.59375 24.441406 43.46875 23.535156 43.449219 22.433594 C 43.433594 21.546875 42.753906 20.734375 41.753906 20.382813 C 41.40625 20.234375 41.007813 20.160156 40.605469 20.160156 C 40.332031 20.160156 39.917969 20.199219 39.519531 20.382813 C 38.851563 20.695313 38.265625 20.863281 37.847656 20.882813 C 37.757813 20.878906 37.679688 20.871094 37.613281 20.859375 L 37.65625 20.171875 C 37.851563 17.0625 38.097656 13.1875 37.046875 10.832031 C 33.945313 3.890625 27.375 3.351563 25.433594 3.351563 L 24.550781 3.359375 C 22.613281 3.359375 16.054688 3.898438 12.960938 10.835938 C 11.910156 13.191406 12.152344 17.0625 12.351563 20.175781 L 12.359375 20.292969 C 12.371094 20.484375 12.382813 20.675781 12.394531 20.859375 C 11.960938 20.9375 11.113281 20.792969 10.234375 20.382813 C 9.039063 19.824219 6.886719 20.5625 6.589844 22.125 C 6.457031 22.816406 6.617188 24.128906 9.164063 25.132813 C 9.355469 25.210938 9.59375 25.285156 9.851563 25.367188 C 10.570313 25.597656 11.777344 25.976563 12.03125 26.582031 C 12.179688 26.933594 12.003906 27.429688 11.796875 27.855469 C 11.6875 28.109375 9.050781 34.121094 3.234375 35.078125 C 2.492188 35.199219 1.964844 35.855469 2.003906 36.613281 C 2.015625 36.8125 2.066406 37.011719 2.148438 37.207031 C 2.675781 38.445313 4.59375 39.296875 8.171875 39.878906 C 8.234375 40.089844 8.304688 40.402344 8.34375 40.574219 C 8.417969 40.929688 8.5 41.289063 8.609375 41.664063 C 8.714844 42.019531 9.078125 42.84375 10.210938 42.84375 C 10.554688 42.84375 10.929688 42.769531 11.332031 42.691406 C 11.925781 42.574219 12.667969 42.429688 13.621094 42.429688 C 14.152344 42.429688 14.699219 42.476563 15.25 42.566406 C 16.265625 42.734375 17.183594 43.386719 18.25 44.136719 C 19.914063 45.316406 21.800781 46.648438 24.726563 46.648438 C 24.804688 46.648438 24.882813 46.644531 24.957031 46.640625 C 25.0625 46.644531 25.171875 46.648438 25.28125 46.648438 C 28.207031 46.648438 30.09375 45.3125 31.761719 44.136719 C 32.777344 43.414063 33.738281 42.738281 34.757813 42.566406 C 35.308594 42.476563 35.855469 42.429688 36.386719 42.429688 C 37.304688 42.429688 38.03125 42.546875 38.679688 42.675781 C 39.140625 42.765625 39.507813 42.808594 39.847656 42.808594 C 40.605469 42.808594 41.1875 42.375 41.398438 41.648438 C 41.507813 41.28125 41.585938 40.925781 41.664063 40.566406 C 41.695313 40.433594 41.769531 40.097656 41.835938 39.875 C 45.414063 39.292969 47.332031 38.441406 47.855469 37.214844 C 47.941406 37.019531 47.988281 36.816406 48.003906 36.605469 C 48.042969 35.859375 47.515625 35.203125 46.773438 35.078125 Z"/>
                                </svg>
                            </a>                        
                            <a href="#" class="btn-action-block btn-subaction btnSocial" data-network="whatsapp">
                                <svg fill="#19A975" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px">    
                                    <title>WhatsApp</title>
                                    <path d="M25,2C12.318,2,2,12.318,2,25c0,3.96,1.023,7.854,2.963,11.29L2.037,46.73c-0.096,0.343-0.003,0.711,0.245,0.966 C2.473,47.893,2.733,48,3,48c0.08,0,0.161-0.01,0.24-0.029l10.896-2.699C17.463,47.058,21.21,48,25,48c12.682,0,23-10.318,23-23 S37.682,2,25,2z M36.57,33.116c-0.492,1.362-2.852,2.605-3.986,2.772c-1.018,0.149-2.306,0.213-3.72-0.231 c-0.857-0.27-1.957-0.628-3.366-1.229c-5.923-2.526-9.791-8.415-10.087-8.804C15.116,25.235,13,22.463,13,19.594 s1.525-4.28,2.067-4.864c0.542-0.584,1.181-0.73,1.575-0.73s0.787,0.005,1.132,0.021c0.363,0.018,0.85-0.137,1.329,1.001 c0.492,1.168,1.673,4.037,1.819,4.33c0.148,0.292,0.246,0.633,0.05,1.022c-0.196,0.389-0.294,0.632-0.59,0.973 s-0.62,0.76-0.886,1.022c-0.296,0.291-0.603,0.606-0.259,1.19c0.344,0.584,1.529,2.493,3.285,4.039 c2.255,1.986,4.158,2.602,4.748,2.894c0.59,0.292,0.935,0.243,1.279-0.146c0.344-0.39,1.476-1.703,1.869-2.286 s0.787-0.487,1.329-0.292c0.542,0.194,3.445,1.604,4.035,1.896c0.59,0.292,0.984,0.438,1.132,0.681 C37.062,30.587,37.062,31.755,36.57,33.116z"/>
                                </svg>
                            </a>
                            <a href="#" class="btn-action-block btn-subaction btnSocial" data-network="telegram">
                                <svg fill="#19A975" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px">
                                    <title>Telegram</title>
                                    <path d="M46.137,6.552c-0.75-0.636-1.928-0.727-3.146-0.238l-0.002,0C41.708,6.828,6.728,21.832,5.304,22.445	c-0.259,0.09-2.521,0.934-2.288,2.814c0.208,1.695,2.026,2.397,2.248,2.478l8.893,3.045c0.59,1.964,2.765,9.21,3.246,10.758	c0.3,0.965,0.789,2.233,1.646,2.494c0.752,0.29,1.5,0.025,1.984-0.355l5.437-5.043l8.777,6.845l0.209,0.125	c0.596,0.264,1.167,0.396,1.712,0.396c0.421,0,0.825-0.079,1.211-0.237c1.315-0.54,1.841-1.793,1.896-1.935l6.556-34.077	C47.231,7.933,46.675,7.007,46.137,6.552z M22,32l-3,8l-3-10l23-17L22,32z"/>
                                </svg>
                            </a>
                            <a href="#" class="btn-action-block btn-subaction btnSocial" data-network="skype">
                                <svg fill="#19A975" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px">
                                    <title>Skype</title>
                                    <path d="M 14.28125 0 C 6.410156 0 0 6.324219 0 14.09375 C 0 16.476563 0.621094 18.800781 1.78125 20.875 C 1.507813 22.3125 1.375 23.792969 1.375 25.25 C 1.375 38.25 12.074219 48.8125 25.25 48.8125 C 26.601563 48.8125 27.953125 48.722656 29.28125 48.5 C 31.257813 49.488281 33.480469 50 35.71875 50 C 43.589844 50 50 43.675781 50 35.90625 C 50 33.820313 49.539063 31.828125 48.65625 29.96875 C 48.976563 28.433594 49.15625 26.847656 49.15625 25.25 C 49.15625 12.253906 38.425781 1.6875 25.25 1.6875 C 24.011719 1.6875 22.761719 1.78125 21.53125 1.96875 C 19.335938 0.683594 16.847656 0 14.28125 0 Z M 25.09375 9.375 C 27.140625 9.375 28.933594 9.597656 30.4375 10.0625 C 31.945313 10.523438 33.222656 11.136719 34.21875 11.90625 C 35.226563 12.683594 35.996094 13.511719 36.46875 14.375 C 36.945313 15.246094 37.1875 16.132813 37.1875 16.96875 C 37.1875 17.777344 36.84375 18.484375 36.21875 19.125 C 35.59375 19.765625 34.808594 20.09375 33.875 20.09375 C 33.027344 20.09375 32.367188 19.898438 31.90625 19.5 C 31.476563 19.125 31.023438 18.554688 30.53125 17.71875 C 29.960938 16.648438 29.292969 15.777344 28.5 15.1875 C 27.730469 14.613281 26.421875 14.34375 24.65625 14.34375 C 23.015625 14.34375 21.675781 14.640625 20.6875 15.28125 C 19.730469 15.898438 19.28125 16.628906 19.28125 17.46875 C 19.28125 17.984375 19.441406 18.410156 19.75 18.78125 C 20.078125 19.171875 20.511719 19.496094 21.09375 19.78125 C 21.695313 20.078125 22.316406 20.332031 22.9375 20.5 C 23.574219 20.671875 24.660156 20.945313 26.125 21.28125 C 27.976563 21.675781 29.679688 22.089844 31.1875 22.5625 C 32.710938 23.046875 34.019531 23.652344 35.09375 24.34375 C 36.1875 25.046875 37.070313 25.949219 37.6875 27.03125 C 38.304688 28.113281 38.59375 29.441406 38.59375 31 C 38.589844 32.859375 38.066406 34.546875 37 36.03125 C 35.9375 37.511719 34.371094 38.703125 32.34375 39.53125 C 30.335938 40.351563 27.925781 40.75 25.1875 40.75 C 21.898438 40.75 19.148438 40.191406 17 39.0625 C 15.460938 38.246094 14.175781 37.117188 13.21875 35.75 C 12.242188 34.367188 11.75 33.011719 11.75 31.6875 C 11.75 30.863281 12.085938 30.152344 12.71875 29.5625 C 13.347656 28.984375 14.136719 28.6875 15.09375 28.6875 C 15.878906 28.6875 16.574219 28.914063 17.125 29.375 C 17.65625 29.816406 18.105469 30.472656 18.46875 31.3125 C 18.875 32.230469 19.308594 32.980469 19.78125 33.59375 C 20.226563 34.175781 20.863281 34.679688 21.6875 35.0625 C 22.515625 35.453125 23.652344 35.65625 25.03125 35.65625 C 26.925781 35.65625 28.460938 35.253906 29.625 34.46875 C 30.765625 33.703125 31.34375 32.785156 31.34375 31.65625 C 31.34375 30.765625 31.03125 30.046875 30.4375 29.5 C 29.8125 28.925781 28.992188 28.492188 28 28.1875 C 26.957031 27.871094 25.558594 27.519531 23.8125 27.15625 C 21.4375 26.652344 19.417969 26.046875 17.8125 25.375 C 16.167969 24.683594 14.84375 23.722656 13.875 22.53125 C 12.890625 21.316406 12.375 19.820313 12.375 18.03125 C 12.375 16.324219 12.902344 14.761719 13.9375 13.4375 C 14.957031 12.125 16.449219 11.105469 18.375 10.40625 C 20.273438 9.710938 22.539063 9.375 25.09375 9.375 Z"/>
                                </svg>
                            </a>
                        </div>
                        <div class="shr-sm mts">
                            <a href="#" class="btn-action-block btn-subaction btnSocial" data-network="pinterest">
                                <svg fill="#19A975" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 32 32" width="18px" height="18px">
                                    <title>Snapchat</title>
                                    <path d="M16,4C9.3732309,4,4,9.3732309,4,16c0,5.0838451,3.1629233,9.4260006,7.6269226,11.1738453	c-0.1047688-0.9489231-0.1998463-2.4060001,0.0419998-3.4421539c0.2178469-0.9359989,1.4072313-5.964922,1.4072313-5.964922	s-0.3590775-0.7190762-0.3590775-1.7810774c0-1.6689224,0.9669228-2.9141541,2.1710777-2.9141541	c1.0241537,0,1.5180006,0.7689228,1.5180006,1.6901541c0,1.0301542-0.6549234,2.568924-0.994154,3.9950771	c-0.2829237,1.1949234,0.5990772,2.1692314,1.7769222,2.1692314c2.1327686,0,3.7721539-2.2490788,3.7721539-5.4950771	c0-2.8730774-2.0639992-4.8821545-5.0118465-4.8821545c-3.4139996,0-5.4180002,2.5610771-5.4180002,5.2080002	c0,1.0310764,0.396924,2.1369228,0.8930769,2.7387676c0.097846,0.1190777,0.112154,0.2229252,0.0830774,0.3438454	c-0.0909233,0.3789234-0.2930775,1.1940022-0.333231,1.3610783c-0.0521545,0.2201538-0.1740007,0.2658463-0.4010763,0.1601543	c-1.4990768-0.6978474-2.4360008-2.8887691-2.4360008-4.6490774c0-3.7850771,2.7498465-7.2618456,7.9292316-7.2618456	c4.1630764,0,7.3979988,2.9658451,7.3979988,6.9309225c0,4.1358461-2.6081543,7.4639997-6.2270775,7.4639997	c-1.2161522,0-2.358922-0.6318455-2.7498455-1.3781528c0,0-0.6018467,2.2910767-0.7481537,2.8527679	c-0.2709236,1.0421543-1.0019999,2.3492317-1.4921541,3.1458454C13.5700006,27.8121529,14.7630768,28,16,28	c6.62677,0,12-5.37323,12-12S22.6272316,4,16,4z"/>
                                </svg>
                            </a>
                            <a href="#" class="btn-action-block btn-subaction btnSocial" data-network="blogger">
                                <svg fill="#19A975" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 30 30" width="18px" height="18px"> 
                                    <title>Blogger</title>
                                    <path d="M 6 4 C 4.895 4 4 4.895 4 6 L 4 24 C 4 25.105 4.895 26 6 26 L 24 26 C 25.105 26 26 25.105 26 24 L 26 6 C 26 4.895 25.105 4 24 4 L 6 4 z M 12.308594 8 L 15 8 C 17.38 8 19.325594 9.9567969 19.308594 12.341797 C 19.303594 12.923797 19.802766 13.384766 20.384766 13.384766 L 20.923828 13.384766 C 21.518828 13.384766 22 13.867891 22 14.462891 L 22 17.691406 C 22 20.061406 20.061406 22 17.691406 22 L 12.306641 22 C 9.9376406 22 8 20.061406 8 17.691406 L 8 15 L 8 12.308594 C 8 9.9385938 9.9385938 8 12.308594 8 z M 12.308594 11.230469 C 11.716594 11.230469 11.230469 11.716594 11.230469 12.308594 C 11.230469 12.900594 11.716594 13.384766 12.308594 13.384766 L 15 13.384766 C 15.592 13.384766 16.076172 12.900594 16.076172 12.308594 C 16.076172 11.716594 15.592 11.230469 15 11.230469 L 12.308594 11.230469 z M 12.306641 16.615234 C 11.714641 16.615234 11.230469 17.099406 11.230469 17.691406 C 11.230469 18.283406 11.714641 18.769531 12.306641 18.769531 L 17.691406 18.769531 C 18.283406 18.769531 18.769531 18.283406 18.769531 17.691406 C 18.769531 17.099406 18.284406 16.615234 17.691406 16.615234 L 12.306641 16.615234 z"/>
                                </svg>
                            </a>
                            <a href="#" class="btn-action-block btn-subaction btnSocial" data-network="evernote">
                                <svg fill="#19A975" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="18px" height="18px">
                                    <title>Evernote</title>
                                    <path d="M 20 2 C 17.242188 2 15 4.242188 15 7 L 15 12 C 15 12.550781 14.550781 13 14 13 L 9 13 C 6.839844 13 5.0625 14.742188 5.039063 16.886719 C 4.992188 21.289063 5.472656 25.53125 6.3125 28.230469 C 7.277344 31.304688 9.199219 33.296875 11.71875 33.839844 L 18.789063 35.449219 C 19.875 35.679688 20.980469 35.460938 21.894531 34.832031 C 22.808594 34.203125 23.410156 33.253906 23.589844 32.066406 L 23.75 29.730469 C 24.898438 31.167969 26.800781 32 29 32 L 32 32 C 34.207031 32 36 33.792969 36 36 L 36 39 C 36 40.652344 34.652344 42 33 42 L 30.105469 42 C 29.570313 42 29.085938 41.640625 29.015625 41.175781 C 28.964844 40.871094 29.042969 40.582031 29.234375 40.355469 C 29.425781 40.128906 29.707031 40 30 40 L 32 40 C 32.554688 40 33 39.550781 33 39 L 33 35 C 33 34.449219 32.554688 34 32 34 L 29 34 C 25.691406 34 23 36.691406 23 40 L 23 42 C 23 45.308594 25.691406 48 29 48 L 34 48 C 44 48 44 33.816406 44 27 C 44 20.09375 43.835938 15.574219 42.96875 11.46875 C 42.28125 8.226563 40.324219 6.320313 37.101563 5.804688 C 36.839844 5.777344 31.136719 5.199219 27.839844 5.03125 C 27.285156 3.375 25.390625 2 23.40625 2 Z M 13.453125 4.546875 L 6.390625 11.609375 C 7.179688 11.222656 8.066406 11 9 11 L 13 11 L 13 7 C 13 6.136719 13.164063 5.3125 13.453125 4.546875 Z M 34.5 20 C 35.882813 20 37 21.121094 37 22.5 C 37 23.09375 36.785156 23.628906 36.441406 24.058594 C 35.683594 23.429688 34.210938 23 32.5 23 C 32.347656 23 32.203125 23.011719 32.058594 23.019531 C 32.019531 22.851563 32 22.679688 32 22.5 C 32 21.117188 33.117188 20 34.5 20 Z"/>
                                </svg>
                            </a>
                            <a href="#" class="btn-action-block btn-subaction btnSocial" data-network="messenger">
                                <svg fill="#19A975" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 30 30" width="18px" height="18px">  
                                    <title>Messenger</title>
                                    <path d="M 15 3 C 8.373 3 3 8.149 3 14.5 C 3 17.901215 4.5506695 20.947232 7 23.052734 L 7 28 L 11.835938 25.582031 C 12.845524 25.846308 13.903007 26 15 26 C 21.627 26 27 20.851 27 14.5 C 27 8.149 21.627 3 15 3 z M 13.861328 11.357422 L 16.8125 14.3125 L 22.083984 11.357422 L 16.138672 17.800781 L 13.255859 14.703125 L 7.8457031 17.730469 L 13.861328 11.357422 z"/>
                                </svg>
                            </a>
                        </div>                        
                    </div>                
                </div>
            </div>            
            
            
            <div class="shr-download shr-item" data-item="download">
                <h2>Download</h2>
                <div class="shr-code">
                    <div class="code-sect">
                        <div class="btn-subaction-group">
                            <div class="btn-subaction btn-sq-lg btnDownloadFile">
                                <svg class="alt-stroke" width="26px" height="26px" viewBox="0 0 24 24" stroke-width="1.3" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <title>Flipbook file</title>
                                    <path d="M4 21.4V2.6C4 2.26863 4.26863 2 4.6 2H16.2515C16.4106 2 16.5632 2.06321 16.6757 2.17574L19.8243 5.32426C19.9368 5.43679 20 5.5894 20 5.74853V21.4C20 21.7314 19.7314 22 19.4 22H4.6C4.26863 22 4 21.7314 4 21.4Z" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M16 2V5.4C16 5.73137 16.2686 6 16.6 6H20" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                                <span>Download Flipbook</span>
                            </div>
                            <div class="btn-subaction-extra">
                                <div class="btn-subaction-extra-check">
                                    <label>
                                        <input type="checkbox" class="chkDownloadFileEnabled" />
                                        <span>Enable link for sharing</span>
                                    </label>
                                </div>
                                <div class="btnDownloadFileCopy btn-subaction-extra-btn btn-subaction-extra-btn-mid" title="Copy link for sharing">
                                    <span>
                                        <svg class="alt-stroke" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M19.4 20H9.6C9.26863 20 9 19.7314 9 19.4V9.6C9 9.26863 9.26863 9 9.6 9H19.4C19.7314 9 20 9.26863 20 9.6V19.4C20 19.7314 19.7314 20 19.4 20Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 
                                            <path d="M15 9V4.6C15 4.26863 14.7314 4 14.4 4H4.6C4.26863 4 4 4.26863 4 4.6V14.4C4 14.7314 4.26863 15 4.6 15H9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>
                                    </span>
                                </div>
                                <div class="btnDownloadFileOpen btn-subaction-extra-btn btn-subaction-extra-btn-append" title="Open link for sharing">
                                    <span>
                                        <svg class="alt-stroke" width="24" height="24" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M14.0003 35H34.667C35.2193 35 35.667 34.5523 35.667 34V6C35.667 5.44772 35.2193 5 34.667 5H6.66699C6.11471 5 5.66699 5.44772 5.66699 6V26.6667" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 
                                            <path d="M20.6667 20H14M6.5 34.1667L20.6667 20L6.5 34.1667ZM20.6667 20V26.6667V20Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>
                                    </span>
                                </div>                                   
                            </div>
                        </div>
                        <div class="btn-subaction-group">
                            <div class="btn-subaction btn-sq-lg btnDownloadApp">                                
                                <svg class="alt-stroke" width="26px" height="26px" viewBox="0 0 24 24" stroke-width="1.3" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <title>App</title>
                                    <path d="M2 19V5C2 3.89543 2.89543 3 4 3H20C21.1046 3 22 3.89543 22 5V19C22 20.1046 21.1046 21 20 21H4C2.89543 21 2 20.1046 2 19Z" stroke="currentColor" stroke-width="1.3"></path>
                                    <path d="M2 7L22 7" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M5 5.01L5.01 4.99889" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M8 5.01L8.01 4.99889" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M11 5.01L11.01 4.99889" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>

<span>Download Reader App</span>
                            </div>
                            <div class="btn-subaction-extra">
                                <div class="btn-subaction-extra-check">
                                    <label>
                                        <input type="checkbox" class="chkDownloadAppEnabled" />
                                        <span>Enable link for sharing</span>
                                    </label>
                                </div>
                                <div class="btnDownloadAppCopy btn-subaction-extra-btn btn-subaction-extra-btn-mid" title="Copy link for sharing">
                                    <span>
                                        <svg class="alt-stroke" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M19.4 20H9.6C9.26863 20 9 19.7314 9 19.4V9.6C9 9.26863 9.26863 9 9.6 9H19.4C19.7314 9 20 9.26863 20 9.6V19.4C20 19.7314 19.7314 20 19.4 20Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 
                                            <path d="M15 9V4.6C15 4.26863 14.7314 4 14.4 4H4.6C4.26863 4 4 4.26863 4 4.6V14.4C4 14.7314 4.26863 15 4.6 15H9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>
                                    </span>
                                </div>
                                <div class="btnDownloadAppOpen btn-subaction-extra-btn btn-subaction-extra-btn-append" title="Open link for sharing">
                                    <span>
                                        <svg class="alt-stroke" width="24" height="24" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M14.0003 35H34.667C35.2193 35 35.667 34.5523 35.667 34V6C35.667 5.44772 35.2193 5 34.667 5H6.66699C6.11471 5 5.66699 5.44772 5.66699 6V26.6667" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 
                                            <path d="M20.6667 20H14M6.5 34.1667L20.6667 20L6.5 34.1667ZM20.6667 20V26.6667V20Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>
                                    </span>
                                </div>                                
                            </div>                                                    
                        </div>
                    </div>
                    <div class="shr-copy">
                     
                    </div>                
                </div>
                <div class="shr-note">
                    Are you a developer? <a href="#" class="btnDownloadSource">Download the flipbook source code</a>
                </div>
            </div>              
            
        </div>
    </div>
</div>            </div>            
        </div>
    </div>

<div id="mdlPay" class="backdrop modal-pay" style="display: none;">        
    <div class="content">
        <div>
            <div class="close">
                <img src="/assets/img/icon/close.png" alt="close" />
            </div>
            <div class="pay-loading">
                <div class="loading-spinner">
                    <div class="loading">
                        <div></div><div></div><div></div><div></div>
                    </div>
                </div>
            </div>                
            <h2 id="payHeader"></h2>
            <div id="payPrice" class="pay-price"></div>
            <form action="/payment/subscription" method="post" class="payment-form" data-rewardful>
                <div class="form-row">
                    <div class="pay-user-type">
                        <label><input type="radio" name="usertype" value="individual" checked />Personal</label>
                        <label><input type="radio" name="usertype" value="business"/>Business</label>
                    </div>
                    <div class="pay-individual">
                        <div class="pay-field-group">
                            <div class="pay-field" style="width: 100%;">
                                <label for="iname">Name and Surname:</label>
                                <input type="text" id="iname" name="legal" />
                            </div>
                        </div>
                    </div>
                    <div class="pay-business" style="display: none;">
                        <div class="pay-field-group">
                            <div class="pay-field">
                                <label for="legal">Legal name:</label>
                                <input type="text" id="legal" name="legal" />
                            </div>
                            <div class="pay-field">
                                <label for="taxid">Tax ID:</label>                        
                                <input type="text" id="taxid" name="taxid" />
                            </div>
                        </div>
                        <div class="pay-field-group">
                            <div class="pay-field">
                                <label for="address">Address:</label>                                                
                                <input type="text" id="address" name="address" />
                            </div>
                            <div class="pay-field">
                                <label for="town">City:</label>                                                                        
                                <input type="text" id="town" name="town" />
                            </div>
                        </div>
                        <div class="pay-field-group">
                            <div class="pay-field">
                                <label for="address">ZIP / Postal code:</label>                                                                                                
                                <input type="text" id="zip" name="zip" />
                            </div>
                            <div class="pay-field">
                                <label for="state">State / Province:</label>                                                                                                
                                <input type="text" id="state" name="state" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <label for="card-element">
                      Credit or debit card:
                    </label>
                    <div class="card-element">
                    </div>

<div class="card-errors" role="alert"></div>
                </div>
                <input type="hidden" class="payPlan" name="plan" value="SUBS_STANDARD" />
                <div>
                    <button class="btn-action btn-pay">Confirm payment</button>
                    <div style="clear: both;">&nbsp;</div>
                </div>
            </form>

<p class="pay-info">You can cancel the renewal at any time. We use Stripe as our payment processor so we do not collect or store any personal payment information.            By clicking "Confirm payment" you are accepting the heyzine <a target="_BLANK" href="/legal/terms-of-service">terms and conditions</a>.            </p>
            
            <div class="product-currency-note" style="font-size: 12px;display: flex;align-items: center;">
                <div style="margin-right: 10px;" style="">
                    <select class="product-currency selCurrency">
                                            <option value="USD" selected>$ U.S. Dollar</option>
                                            <option value="EUR" >€ Euro</option>
                                            <option value="GBP" >£ British Pound</option>
                                            <option value="AUD" >A$ Australian Dollar</option>
                                            <option value="CAD" >CA$ Canadian Dollar</option>
                                        </select>
                </div> 
                <p style="margin-bottom: 0">All prices are in <span product-currency-note>U.S. Dollar</span>. Taxes included.</p>
            </div>             
        </div>
    </div>
</div>

<h2>Add additional flipbooks or flipbook downloads</h2>
            <div id="payPrice" class="pay-price"></div>
            <form action="/payment/keep" method="post" class="payment-form" data-rewardful>
                <div class="form-row">
                    <button type="button" class="btn btn-action btnPack" data-id="37">10 flipbooks for <span data-pack-price="37">$29</span></button>
                    <button type="button" class="btn btn-subaction btnPack" data-id="38">15 flipbooks for <span data-pack-price="38">$33</span></button>
                    <button type="button" class="btn btn-subaction btnPack" data-id="39">25 flipbooks for <span data-pack-price="39">$39</span></button>
                    <button type="button" class="btn btn-subaction btnPack" data-id="40">50 flipbooks for <span data-pack-price="40">$55</span></button>
                </div>
                                
                <div class="form-row">
                    <label for="card-element">
                      Credit or debit card:
                    </label>
                    <div class="card-element">
                    </div>

<div class="card-errors" role="alert"></div>
                </div>
                <input type="hidden" class="payPlan" name="plan" value="37" />
                <div>
                    <img src="/assets/img/stripe.png" alt="powered by stripe" class="stripe-powered" />
                    <button class="btn-action btn-pay pull-right">Confirm payment</button>
                    <div style="clear: both;">&nbsp;</div>
                </div>               
            </form>

<p class="pay-info">We use Stripe and Paypal as payment systems so we do not collect or store any personal payment information.                By clicking "Confirm payment" you are accepting the heyzine <a target="_BLANK" href="/legal/terms-of-service">terms and conditions</a>.            
            </p>
            
            <div class="product-currency-note" style="font-size: 12px;display: flex;align-items: center;">
                <div style="margin-right: 10px;" style="">
                    <select class="product-currency selCurrency" data-refresh-intent="true">
                                            <option value="USD" selected>$ U.S. Dollar</option>
                                            <option value="EUR" >€ Euro</option>
                                            <option value="GBP" >£ British Pound</option>
                                            <option value="AUD" >A$ Australian Dollar</option>
                                            <option value="CAD" >CA$ Canadian Dollar</option>
                                        </select>
                </div> 
                <p style="margin-bottom: 0">All prices are in <span product-currency-note>U.S. Dollar</span>. Taxes included.</p>
            </div>             
        </div>
    </div>
</div>

<div id="mdlPayKeepPurchase" class="backdrop modal-pay" style="display: none;">
    
    <div class="content">
        <div>
            <div class="close">
                <img src="/assets/img/icon/close.png" alt="close" />
            </div>
            <div class="pay-loading">
                <div class="loading-spinner">
                    <div class="loading">
                        <div></div><div></div><div></div><div></div>
                    </div>
                </div>           
            </div>
            
            <h2 id="payHeaderPurchase"></h2>
            <div id="payPricePurchase" class="pay-price"></div>
            
            <form action="/payment/keep" method="post" class="payment-form" data-rewardful>
                <div class="form-row">
                    <label for="card-element">
                      Credit or debit card:
                    </label>
                    <div class="card-element">
                    </div>

<div class="card-errors" role="alert"></div>
                </div>
                <input type="hidden" class="payPlan" name="plan" value="" />
                <div>
                    <img src="/assets/img/stripe.png" alt="powered by stripe" class="stripe-powered" />
                    <button class="btn-action btn-pay" style="float: right;">Confirm payment</button>
                    <div style="clear: both;">&nbsp;</div>
                </div>
            </form>

<p class="pay-info">We use Stripe as payment system so we do not collect or store any personal payment information.                By clicking "Confirm payment" you are accepting the heyzine <a target="_BLANK" href="/legal/terms-of-service">terms and conditions</a>.            
            </p>
        </div>
    </div>
</div>

<div id="mdlPayProcess" style="display: none;">
    <p>Your payment is being processed, please wait...</p>
</div>

<div id="mdlPayBackFail" class="backdrop modal-pay" style="display: none;">
    <div class="close">
        <img src="/assets/img/icon/close.png" alt="close" />
    </div>        
    <div class="content">
        <div>
            <h2>There was an error processing your payment</h2>
            <p class="error"></p>
        </div>
    </div>
</div>     
    
<div id="mdlLogin" class="backdrop" style="display: none;">
    
    <div class="content">
                    <div class="close">
                <img src="/assets/img/icon/close.png" alt="close" />
            </div>  
                
            
        
        <div class="login-register sectLoginRegister">
            
            <div class="login" style="display: none;">
                <h5>Log In</h5>

<h6>Sign In with google</h6>
                <div class="login-section">
                    <div id="g_id_onload"
                         data-client_id="498400725588-i1umghu2hku43louerdr1p1fnu0o7i9s.apps.googleusercontent.com"
                         data-context="signup"
                         data-ux_mode="popup"
                         data-callback="onSignIn"
                         data-auto_prompt="false">
                    </div>

<div class="g_id_signin"
                         data-type="standard"
                         data-shape="rectangular"
                         data-theme="outline"
                         data-text="signin_with"
                         data-size="large"
                         data-logo_alignment="center"
                         data-width="300">
                    </div>
                </div>              
                
                <h6>Or use your email</h6>
                <div class="login-section framed">
                    <div class="input-placeholder">
                        <label for="txtEmail">Email</label>
                        <input type="email" class="txtEmailLogin" id="txtEmailLogin" placeholder="Email" />
                    </div>

<div class="input-placeholder">
                        <label for="txtPassword">Password</label>
                        <input type="password" autocomplete="off" class="txtPasswordLogin" id="txtPasswordLogin" placeholder="Password" />
                    </div>

<div>
                        <button type="button" class="btn-register btn-action btn-action-block btnLogin">Log In</button>
                    </div>                    
                </div>
                
                <div class="login-section tac">
                    <p>Forgot your password? <a href="#password-forgot" class="btnPassForgot">Recover it here.</a></p>
                    <p>Don't have an account? <a href="#login" class="btnModalRegister">Sign up here</a></p>
                </div>                
            </div>
            
            
            <div class="register" style="">
                <h5>Register</h5>
                
                <h6>Sign Up with google</h6>
                <div class="login-section">

<div class="g_id_signin"
                         data-type="standard"
                         data-shape="rectangular"
                         data-theme="outline"
                         data-text="signup_with"
                         data-size="large"
                         data-logo_alignment="center"
                         data-width="300">
                    </div>
                </div>
                
                <h6>Or use your email</h6>
                <div class="login-section framed">
                    <div class="input-placeholder">
                        <label for="txtEmail">Email</label>
                        <input type="email" class="txtEmail" id="txtEmail" placeholder="Email" />
                    </div>

<div class="input-placeholder">
                        <label for="txtPassword">Password</label>
                        <input type="password" autocomplete="off" class="txtPassword" id="txtPassword" placeholder="Password" />
                    </div>

<div class="input-placeholder">
                        <label for="txtPasswordRepeat">Repeat password</label>
                        <input type="password" autocomplete="off" class="txtPasswordRepeat" id="txtPasswordRepeat" placeholder="Repeat password" />
                    </div>
                    <div>
                        <label class="chkConditions"><input type="checkbox" /> I agree to the <a href="/legal/terms-of-service" target="_blank">terms and conditions of use</a> and the <a href="/legal/privacy-policy" target="_blank">privacy policy</a></label>
                    </div>
                    <div>
                        <button type="button" class="btn-register btn-action btn-action-block btnRegister">Register</button>
                    </div>
                </div>
                
                <div class="login-section tac">
                    <p>Already have an account? <a href="#login" class="btnModalLogin">Login here.</a></p>
                </div>
            </div>            
        </div>
        
        <div class="sectPassForgot" style="display: none;">
            
            <h6>Password forgot</h6>
            
            <div class="input-placeholder">
                <label for="txtEmail">Email</label>
                <input type="email" class="txtEmail" id="txtEmailForgot" placeholder="Email" />
            </div>

<p>
                <button type="button" class="btn-register btn-action btn-action-block btnSendForgot">Send recovery link</button>
            </p>  
            <p class="txtMessageForgot">
            </p>
            <div class="login-section tac mvm">
                <p>Don't have an account? <a href="#login" class="btnModalRegister">Sign up here</a></p>
            </div>
        </div>            
    </div>
</div>
    
    <footer>
    <div class="footer-nav">
        <div>
            <div class="title"><strong>Navigation</strong></div>
            <div class="footer-link"><a href="/admin#login">Log In</a></div>
            <div class="footer-link"><a href="/#contact">Contact</a></div>            
            <div class="footer-link"><a href="/#conversion">Flipbook maker</a></div>
            <div class="footer-link"><a href="/#flipbook-features">Features</a></div>
            <div class="footer-link"><a href="/#examples">Flipbook examples</a></div>
            <div class="footer-link"><a href="/flipbook-ideas">Flipbook ideas</a></div>
        </div>
        <div>
            <div class="title"><strong>Resources</strong></div>
            <div class="footer-link"><a href="/faq">FAQ</a></div>
            <div class="footer-link"><a href="/how-to/">Guides</a></div>
            <div class="footer-link"><a href="/developers">Developers</a></div>
            <div class="footer-link"><a href="/flipbook-app">Flipbook App</a></div>            
            <div class="footer-link"><a href="/feature/canva-flipbook">Canva flipbook</a></div>
            <div class="footer-link"><a href="/feature/digital-lookbook">Digital lookbook</a></div>
        </div>
                <div>
            <div class="title"><strong>Featured posts</strong></div>
            <div class="footer-link"><a href="/how-to/what-is-a-flipbook/">What is a flipbook?</a></div>
            <div class="footer-link"><a href="/how-to/make-an-interactive-pdf/">Make an interactive PDF</a></div>
            <div class="footer-link"><a href="/how-to/create-your-first-flipbook-in-4-easy-steps/">How to create a flipbook</a></div>
            <div class="footer-link"><a href="/how-to/how-to-create-a-digital-bookshelf/">How to create a digital bookshelf</a></div>
            <div class="footer-link"><a href="/how-to/what-is-a-digital-catalog/">How to make a digital catalog</a></div>
            <div class="footer-link"><a href="/how-to/make-a-travel-brochure/">How to make a travel brochure</a></div>
        </div>
                <div>
            <div class="title"><strong>Company</strong></div>
            <div class="footer-link"><a href="/legal/terms-of-service">Terms of service</a></div>
            <div class="footer-link"><a href="/legal/privacy-policy">Privacy policy</a></div>
            <div class="footer-link"><a href="/legal/cookie-policy">Cookies policy</a></div>
            <div class="footer-link"><a href="/plans/affiliate">Affiliate program</a></div>
            <div class="footer-link"><a href="/about-us">About us</a></div>
        </div>
        <div>
            <div class="title"><strong>Get in touch</strong></div>
            <div class="footer-link"><a href="https://www.facebook.com/heyzinehq">Facebook</a></div>
            <div class="footer-link"><a href="https://instagram.com/heyzinehq">Instagram</a></div>
            <div class="footer-link"><a href="https://twitter.com/heyzinehq">X Twitter</a></div>
            <div class="footer-link"><a href="https://www.linkedin.com/company/heyzine/">Linkedin</a></div>
            <div class="footer-link"><a href="https://feedly.com/i/subscription/feed/https://heyzine.com/how-to/rss/">RSS Feed</a></div>
            <div class="footer-link"><a href="mailto:support@heyzine.com">support@heyzine.com</a></div>
        </div>
    </div>
    <div class="footer-brand">
        <img src="/img/logo-text-heyzine-alt.png" alt="Heyzine logo" />
        <span>&copy2025 Heyzine.com. All rights reserved.</span>
    </div>
</footer>    
    <div class="cookies" style="display: none;">
    <div>
        <div class="btnAcceptCookies" style="position: absolute;top: 1rem;right: 1rem;cursor: pointer;">
            <svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
                <title>close</title>
                <path d="M10.368 2.2682C10.5437 2.09246 10.5437 1.80754 10.368 1.6318C10.1922 1.45607 9.90729 1.45607 9.73156 1.6318L5.99976 5.3636L2.26795 1.6318C2.09222 1.45607 1.80729 1.45607 1.63156 1.6318C1.45582 1.80754 1.45582 2.09246 1.63156 2.2682L5.36336 6L1.63156 9.7318C1.45582 9.90754 1.45582 10.1925 1.63156 10.3682C1.80729 10.5439 2.09222 10.5439 2.26795 10.3682L5.99976 6.6364L9.73156 10.3682C9.90729 10.5439 10.1922 10.5439 10.368 10.3682C10.5437 10.1925 10.5437 9.90754 10.368 9.7318L6.63615 6L10.368 2.2682Z" fill="white"></path>
            </svg>
        </div>        
        <h8><a href="/legal/cookie-policy">Cookies policy</a></h8>
        <p>On heyzine we only use technical cookies necessary to guarantee the correct functioning of the website. Check <a href="/legal/privacy-policy" target="_blank">the privacy policy</a> and <a href="/legal/cookie-policy">the cookie policy</a> for more information.</p>
        <button type="button">Accept</button>
    </div>
</div>

</body>
</html>

Ответ сервера