<!DOCTYPE html>
<head>
<title>segar4dslot Author Profile | FlipHTML5 Publisher</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="fliphtml5.com" />
<meta name="description" content="Stay updated with segar4dslot's latest publications on FlipHTML5! Explore segar4dslot's author profile and discover a collection of 0 engaging digital publications. Follow segar4dslot to access, read, and download their digital content!" />
<meta name="keywords" content="segar4dslot homepage, digital publications, flipbook publihser, flipbook download" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="canonical" href="http://fliphtml5.com/homepage/wtsrh/segar4dslot/" />
<meta name="robots" content="all"/>
<script type="text/javascript" language="javascript" src="/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" language="javascript" src="/js/lib/jquery-ui.min.js"></script>
<script type="text/javascript" language="javascript" src="/center/js/ff-utils.js"></script>
<script type="text/javascript" language="javascript" src="/js/utils/statistic.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge"><meta http-equiv="Content-Language" content="en" /><meta name="viewport" content="width=device-width, initial-scale=1"><link type="text/css" rel="stylesheet" href="/css/build/build.min.css?1d6cd3e207a40f2f8c2fd80b6e60cf497"/>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.defer= true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NQZ5BM7');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Ads: 605106599 -->
<script async defer src="https://www.googletagmanager.com/gtag/js?id=AW-605106599"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-605106599');
</script>
<!--Start of track user clicks Script-->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.defer=true;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "gbf3zuttf4");
</script>
<!--End of track user clicks Script-->
<link rel="stylesheet" type="text/css" href="/center/css/center.css" />
<link rel="stylesheet" type="text/css" href="/center/css/ff-common.css" />
<link rel="stylesheet" type="text/css" href="/center/exploring/css/explore.css" />
<link rel="stylesheet" type="text/css" href="/css/WaterPanel.css" />
<link rel="stylesheet" type="text/css" href="/center/home/home.css" />
<link rel="stylesheet" type="text/css" href="/center/home/album.css" />
<link rel="stylesheet" type="text/css" href="/center/home/SettingPart.css" />
<link rel="stylesheet" type="text/css" href="/center/home/UploadImgLogo.css" />
<link rel="stylesheet" type="text/css" href="/center/home/SettingModule.css" />
<link rel="stylesheet" type="text/css" href="/center/home/AddBookcaseToShow.css">
<link rel="stylesheet" type="text/css" href="/center/home/SycnBookFloder.css">
<link rel="stylesheet" type="text/css" href="/center/home/SecurityPage.css">
<script type="text/javascript" src="/js/build/fileupload.min.js"></script>
<script type="text/javascript" src="/js/lib/spectrum.min.js"></script>
<link type="text/css" rel="stylesheet" href="/css/lib/spectrum.css" />
<script type="text/javascript" language="javascript" src="//connect.facebook.net/en_US/all.js" defer="defer" aysn="aysn"></script>
<script type="text/javascript" src="/js/lib/carousel/carousel.js"></script>
<script type="text/javascript" src="/center/home/CarouselBooks.js"></script>
<script type="text/javascript" src="/center/home/BookFolderDetails.js"></script>
<script type="text/javascript" src="/center/home/SettingPart.js"></script>
<script type="text/javascript" src="/center/home/UploadImgLogo.js?1"></script>
<script type="text/javascript" src="/center/home/SettingModule.js"></script>
<script type="text/javascript" src="/center/home/AddBookcaseToShow.js"></script>
<script type="text/javascript" src="/center/home/SycnBookFloder.js"></script>
<script type="text/javascript" src="/center/home/SecurityPage.js"></script>
<script type="text/javascript" src="/center/home/SaveHomepage.js"></script>
</head>
<body id="h5-homepage" class="center-background cc-scroll-y">
<script type="text/javascript">
var fh5 = {
debug: "",
lang: "en",
uId: "",
uType: "0",
isLoggedIn: false,
database: {},
pageData: {},
uLink: "",
uEmail: "",
userHash: "",
uName: "",
uAddress: "",
uPhone: "",
caption: "",
website: "https://fliphtml5.com/",
AS3BucketName: "online.fliphtml5.com",
settingsBookLogo: "",
settingsWebsite: "",
protocol: document.domain.match(/fliphtml5/) ? "https://" : "http://",
templateId : 0,
themeId: 0,
header: "http://newstat.fliphtml5.com",
hashKey: "fliphtml5",
session_output: "",
config_output_limit: "0",
session_points: parseInt("0"),
config_outputCount: "",
sessionDefaultCId: "",
sessionDefaultCTitle: "",
session_currency: "",
session_paypal: "",
session_auth_login: "0",
session_registrationDate: "",
primaryAccountId:"",
accountlogoUrl: "https://online.fliphtml5.com//",
quickUploadLink: "/quick-upload/",
isUnActivate: "1" == '0' && "1" == '0',
customDomain: "",
isDomainHttps: parseInt("0"),
editorTime: '2022-06-16 01:00:35'
};
</script>
<script type="text/javascript" src="/js/i18n/md5/md5.min.js?2f577924085ebbe12e29f3ff706397d0"></script><script type="text/javascript" src="/js/i18n/hf_i18n.js?23870d5933c01c9ee8350888fdffc742"></script><script type="text/javascript" src="/js/build/build.min.js?0fd1cd4b823d5265df191a0d891eb1e2"></script><link type="text/css" rel="stylesheet" href="//fliphtml5.com/css/sidebar.css"/>
<aside class="flip-side-bar">
<div class='sidebar-toTop-container'>
<a href="//fliphtml5.com/app/" class='ios' title='iOS & Android App' target="_blank"
rel='nofollow'>APP</a>
<a class='sidebar-to-top' title='back to top'></a>
</div>
</aside>
<script>
(function ($) {
$(function () {
const $sideBarToTopContainer = $(".sidebar-toTop-container"),
$toTop = $(".sidebar-to-top");
const homepageFlag = Number("1");
const dashboardFlag = Number("0");
const customDomainFlag = window.location.host.includes('fliphtml5.com');
const isInHomepage = document.querySelector('#h5-homepage') || homepageFlag;
// 新工作台个人主页、自定义域名不显示APP按钮
if (isInHomepage && (!customDomainFlag || dashboardFlag)) {
$sideBarToTopContainer.addClass("onlyToTop");
}
function toggleSidebarToTop() {
const scrollTop = $(window).scrollTop();
const sidebarToTop = $(".sidebar-toTop-container .sidebar-to-top");
if (scrollTop > 0) {
sidebarToTop.css('display', 'block');
} else {
sidebarToTop.hide();
}
}
toggleSidebarToTop();
$(window).scroll(toggleSidebarToTop);
$toTop.on("click", function () {
$("html,body").animate({scrollTop: 0}, 700);
return false;
});
// 阻止滚动冒泡
$('.sidebar-lang-scroll-box').on('scroll', function(event) {
event.stopPropagation();
});
})
})(window.jQuery)
</script>
<script type="text/javascript" src="/js/data/fh5-lang.js"></script>
<script type="text/javascript">
/**
* 检测是否需要询问用户切换网站语言
* */
utils.checkPreferLang();
</script>
<script>
// (function (i, s, o, g, r, a, m) {
// i['GoogleAnalyticsObject'] = r;
// i[r] = i[r] || function () {
// (i[r].q = i[r].q || []).push(arguments)
// }, i[r].l = 1 * new Date();
// a = s.createElement(o),
// m = s.getElementsByTagName(o)[0];
// a.async = 1;
// a.src = g;
// m.parentNode.insertBefore(a, m)
// })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
// ga('create', 'UA-43815984-1', 'fliphtml5.com');
// ga('send', 'pageview');
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQZ5BM7"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- <script type="text/javascript">
window._pt_lt = new Date().getTime();
window._pt_sp_2 = [];
_pt_sp_2.push('setAccount,51ea57ca');
var _protocol = (("https:" == document.location.protocol) ? " https://" : " //");
(function() {
var atag = document.createElement('script'); atag.type = 'text/javascript'; atag.async = true;
atag.src = _protocol + 'js.ptengine.cn/51ea57ca.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(atag, s);
})();
</script> -->
<script type="text/javascript" language="javascript" src="/js/utils/dataLayer.js?b4f1270627569f352cb17b7d1081167c"></script>
<script type="text/javascript" language="javascript" async defer src="/js/utils/intercom.js?ab42429070bf73063c5b57d98c831fca"></script>
<script>
if(window.fh5 && window.fh5.session_auth_login == "1"){
if(typeof dataLayerFun !='undefined' && dataLayerFun.uploadBook){
dataLayerFun.login()
}
}
</script>
<script>
window.onload=function(){
if(!document.getElementById('intercom-none')){
if(typeof intercomFun !='undefined' && intercomFun.pushInterCom){
intercomFun.pushInterCom()
}
}else {
console.log("没有该组件")
}
}
</script>
<script>
(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/ytqvmvl2';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
</script>
<div id="trial_banner">
<!-- <img id="trial_banner_close_btn" class="trial_banner_close_btn" src="/images/closeIcon.png" title="Close"></img> -->
<div id="trial_banner_close_btn" class='trial_close_btn' title="Close"></div>
</div>
<div id="trial_tips">
<div>
Enjoying your free trial? Only
<span id="trial_day">9</span> days left!
<span> Upgrade Now</span>
</div>
<div id="trial_tips_close_btn" class='trial_close_btn' title="Close"></div>
</div>
<!--top new start-->
<!--fh5-header t-content-fixed-width id 不要删除-->
<header class="fh5-header t-fixed-top">
<div id="topbar-em-box" class="t-content-fixed-width">
<nav id="fh5-navbar" class="t-navbar ">
<div class="t-nav-brand t-flex">
<a class="t-nav-brand-link" href="/">
<img class="t-brand-logo" src="/images/header/logo.png" alt="FLIPHTML5 logo">
</a>
</div>
<div class="t-nav-wrapper t-flex">
<ul class="t-nav-list t-nav-left">
<li class="t-nav-item dropdown-trigger dropdown-toggle-3">
<a class="t-nav-item-link" href="/features/">
<span>Features</span>
<span class="icon_header icon_header_grey_arrow"></span>
</a>
<div class="t-dropdown-menu feature">
<div class="t-dropdown-menu-content-fixed">
<div class="t-menu-wrapper">
<div class="t-menu-l" style="max-width: 761px;">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_create"></span>
<span class="title-text">Create Digital Content</span>
</div>
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_connect"></span>
<span class="title-text">Connect Content with People</span>
</div>
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_empower"></span>
<span class="title-text">Empower Marketing Efforts</span>
</div>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/convert/">Convert</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/templates/">Templates</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/interactivity/">Interactivity</a>
</li>
<li class="t-menu-item-li">
<a class="t-menu-item fire"
href="/features/ai/">AI Assistant <span class="icon_header_fire"></span>
</a>
</li>
</ul>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/share/">Online Sharing</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/share?id=offline_reading">Offline Reading</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/embed/">Embed</a>
</li>
</ul>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/custom-domain/">Custom Domain</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/branding/">Branding & Self-hosting</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/add-links/">Add Links</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/seo/">SEO Friendly</a>
</li>
</ul>
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_turn"></span>
<span class="title-text">Turn Content into Income</span>
</div>
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_know">
</span>
<span class="title-text">Know Content & Audience</span>
</div>
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_pk">
</span>
<span class="title-text">Office Tools</span>
</div>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item fire"
href="/features/digital-sales/">
Digital Sales </a>
</li>
</ul>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/statistics/">Statistics</a>
</li>
</ul>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/online-tools/merge-pdf/">PDF/Image/Audio/Video Tools</a>
</li>
</ul>
<ul></ul>
<ul></ul>
<ul style="margin-top: -25px;">
<li class="t-menu-item-li">
<a class="t-menu-item-all" href="/features/">
All Features <span class="icon_header icon_header_blue_arrow"></span>
</a>
</li>
</ul>
</div>
<div class="t-menu-r">
<a href="/features/" target="_blank">
<figure>
<picture>
<source
srcset="/images/header/discover-features-of-fliphtml5-online-flipbook-maker.webp"
type="image/webp">
<img
src="/images/header/discover-features-of-fliphtml5-online-flipbook-maker.png"
alt="discover-features-of-fliphtml5-online-flipbook-maker"
loading="lazy">
</picture>
</figure>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="t-nav-item dropdown-trigger dropdown-toggle-2">
<a class="t-nav-item-link" href="/exploring/">
<span>Explore</span>
<!-- <span class="icon_header icon_header_grey_arrow"></span>-->
</a>
<!-- <div class="t-dropdown-menu explore">-->
<!-- <div class="t-dropdown-menu-content-fixed">-->
<!-- <div class="t-menu-wrapper">-->
<!-- <div class="t-menu-l row" style="max-width: 684px;">-->
<!-- <div class="col">-->
<!-- <ul>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <div class="col ">-->
<!-- <ul>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <div class="col">-->
<!-- <ul>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- <div>-->
<!-- <a class="t-menu-item-all" href="--><!--">-->
<!-- --><!-- <span class="icon_header icon_header_blue_arrow"></span>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="t-menu-r">-->
<!-- <figure>-->
<!-- <picture>-->
<!-- <source-->
<!-- srcset="/images/header/explore-digital-publications-with-fliphtml5.webp"-->
<!-- type="image/webp">-->
<!-- <img-->
<!-- src="/images/header/explore-digital-publications-with-fliphtml5.png"-->
<!-- alt="--><!--">-->
<!-- </picture>-->
<!-- </figure>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</li>
<li class="t-nav-item dropdown-trigger dropdown-toggle-2">
<a class="t-nav-item-link" href="/templates/">
<span>Templates</span>
<span class="icon_header icon_header_grey_arrow"></span>
</a>
<div class="t-dropdown-menu templates">
<div class="t-dropdown-menu-content-fixed">
<div class="t-menu-wrapper">
<ul class="t-menu-l" style="max-width: 686px;">
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/magazine/">Magazines</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/catalog/">Catalogs</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/brochure/">Brochures</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/lookbook/">Lookbooks</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/recipe-and-cookbook/">Recipes & Cookbooks</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/guidebook/">Guidebooks</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/photo-albums/">Photo Albums</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/newsletter/">Newsletters</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/menus/">Menus</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/profile/">Profiles</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/pamphlet/">Pamphlets</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/handbook/">Handbooks</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/portfolio/">Portfolios</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/booklet/">Booklets</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/invitation/">Invitations</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/flipbook/">Flipbooks</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/presentation/">Presentations</a>
</li>
<a class="t-menu-item-all" href="/templates/">
All Templates <span class="icon_header icon_header_blue_arrow"></span>
</a>
</ul>
<div class="t-menu-r">
<a href="/templates/" target="_blank">
<figure>
<picture>
<source srcset="/images/header/free-online-template-customize-fliphtml5.webp" type="image/webp">
<img
src="/images/header/free-online-template-customize-fliphtml5.png"
alt="free-online-template-customize-fliphtml5"
loading="lazy">
</picture>
</figure>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="t-nav-item dropdown-trigger dropdown-toggle-1">
<a class="t-nav-item-link" href="/learning-center/solutions/">
<span>Solutions</span>
<span class="icon_header icon_header_grey_arrow"></span>
</a>
<div class="t-dropdown-menu solutions">
<div class="t-dropdown-menu-content-fixed">
<div class="t-menu-wrapper">
<div class="t-menu-l" style="max-width: 784px;">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_popular">
</span>
<span class="title-text">Popular Uses</span>
</div>
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_industries">
</span>
<span class="title-text">Industries</span>
</div>
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_types">
</span>
<span class="title-text">Content Types</span>
</div>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-publishing/">Publishing</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-sell-pdf/">Sell Content</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-business/">Business</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-marketing/">Marketing</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-edu/">Education</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-embed-pdf/">Embed PDF</a>
</li>
</ul>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-real-estate/">Real Estate</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-travel/">Travel</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-nonprofit/">Nonprofit</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-menu/">Restaurant</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-ecommerce/">Ecommerce</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-lookbook/">Fashion & Beauty</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-retail-wholesale/">Retail & Wholesale</a>
</li>
</ul>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/pdf-to-flipbook/">Flipbook</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-catalog/">Catalog</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/pdf-to-ebook/">Ebook</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-brochure/">Brochure</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-employee-handbook/">Handbook</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-booklet/">Booklet</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-textbook/">Textbook</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-report/">Report</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-brand-guidelines/">Brand Book</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/interactive-presentation/">Presentation</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-magazine/">Magazine</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-pitch-deck/">Pitch Deck</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-portfolio/">Portfolio</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-lookbook/">Lookbook</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-cookbook/">Cookbook</a>
</li>
<li class="t-menu-item-li">
<a
class="t-menu-item-all" target="_blank"
href="/learning-center/create/">
All Articles <span class="icon_header icon_header_blue_arrow"></span>
</a>
</li>
</ul>
</div>
<div class="t-menu-r">
<a href="/learning-center/create/" target="_blank">
<figure>
<picture>
<source
srcset="/images/header/Digital-Publishing-Solution-for-All-Industries-fliphtml5.webp"
type="image/webp">
<img
src="/images/header/Digital-Publishing-Solution-for-All-Industries-fliphtml5.png"
alt="Digital-Publishing-Solution-for-All-Industries-fliphtml5"
loading="lazy">
</picture>
</figure>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="t-nav-item dropdown-trigger dropdown-toggle-1">
<a class="t-nav-item-link" href="//help.fliphtml5.com/">
<span>Support</span>
<span class="icon_header icon_header_grey_arrow"></span>
</a>
<div class="t-dropdown-menu support">
<div class="t-dropdown-menu-content-fixed">
<div class="t-menu-wrapper">
<div class="t-menu-l row">
<a class="col" href="https://help.fliphtml5.com/" target="_blank">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_help">
</span>
<span class="title-text">Help Center</span>
</div>
<div>Check out our knowledge base with detailed tutorials and FAQs.</div>
</a>
<a class="col" href="/learning-center/" target="_blank">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_learning"></span>
<span class="title-text">Learning Center</span>
</div>
<div>Read latest article about digital publishing solutions.</div>
</a>
<a class="col" href="/learning-center/upcoming-events/" target="_blank">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_webinars">
</span>
<span class="title-text">Webinars</span>
</div>
<div>Check out the upcoming free live Webinars, and book the sessions you are interested.</div>
</a>
<a class="col" href="/contact-us/" target="_blank">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_contact">
</span>
<span class="title-text">Contact Us</span>
</div>
<div>Please feel free to leave us a message.</div>
</a>
</div>
<div class="t-menu-r">
<a href="https://help.fliphtml5.com/" target="_blank">
<figure>
<picture>
<source srcset="/images/header/FlipHTML5-support-Aand-hel-center.webp" type="image/webp">
<img
src="/images/header/FlipHTML5-support-Aand-hel-center.png"
alt="FlipHTML5-support-Aand-hel-center"
loading="lazy">
</picture>
</figure>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="t-nav-item dropdown-trigger dropdown-toggle-3">
<a class="t-nav-item-link" href="/fliphtml5-pricing.php">
<span>Pricing</span>
<span></span>
</a>
</li>
</ul>
<div class="t-nav-right">
<ul class="t-nav-r-list">
<li class="t-nav-item search dropdown-trigger dropdown-toggle-1">
<div class="t-nav-search-wrapper">
<span class="t-search-icon t-nav-search-btn">
<!-- <img src="/images/svg/header/icon_search.svg" alt="">-->
<img src="/images/header/icon_search.png" alt="">
</span>
<input
class="t-search-input t-nav-search-box" type="text"
placeholder="Search books">
</div>
</li>
<span class="border-gray search"></span>
<li class="t-nav-item language dropdown-trigger dropdown-toggle-4">
<a class="t-nav-item-link t-nav-lang" href="javascript: void(0);">
<img src="/images/svg/lang/lang_earth.svg" alt="lang">
<span>EN</span>
<span class="icon_header icon_header_grey_arrow"></span>
</a>
<div class="t-lang-menu t-dropdown-menu">
<div class="t-dropdown-menu-content-fixed">
<div class="t-menu-wrapper">
<ul class="t-lang-menu-box">
<li class="t-lang-item" data-lang="en">
<a href="/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>English</span>
</a>
</li>
<li class="t-lang-item" data-lang="de">
<a
href="/de/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Deutsch</span>
</a>
</li>
<li class="t-lang-item" data-lang="fr">
<a
href="/fr/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Français</span>
</a>
</li>
<li class="t-lang-item" data-lang="es">
<a
href="/es/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Español</span>
</a>
</li>
<li class="t-lang-item" data-lang="pt">
<a
href="/pt/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Português</span>
</a>
</li>
<li class="t-lang-item" data-lang="it">
<a
href="/it/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Italiano</span>
</a>
</li>
<li class="t-lang-item" data-lang="ar">
<a
href="/ar/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>عربي</span>
</a>
</li>
<li class="t-lang-item" data-lang="zh_tw">
<a
href="/zh_tw/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>繁體中文</span>
</a>
</li>
<li class="t-lang-item" data-lang="ja">
<a
href="/ja/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>日本語</span>
</a>
</li>
<li class="t-lang-item" data-lang="ko">
<a
href="/ko/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>한국어</span>
</a>
</li>
<li class="t-lang-item" data-lang="nl">
<a
href="/nl/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Nederlands</span>
</a>
</li>
<li class="t-lang-item" data-lang="ru">
<a
href="/ru/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Русский</span>
</a>
</li>
<li class="t-lang-item" data-lang="sv">
<a
href="/sv/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Svenska</span>
</a>
</li>
<li class="t-lang-item" data-lang="da">
<a
href="/da/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Dansk</span>
</a>
</li>
<li class="t-lang-item" data-lang="pl">
<a
href="/pl/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Polski</span>
</a>
</li>
<li class="t-lang-item" data-lang="fi">
<a
href="/fi/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Suomi</span>
</a>
</li>
<li class="t-lang-item" data-lang="tr">
<a
href="/tr/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Türkçe</span>
</a>
</li>
<li class="t-lang-item" data-lang="he">
<a
href="/he/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>עִברִית</span>
</a>
</li>
<li class="t-lang-item" data-lang="cs">
<a
href="/cs/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Čeština</span>
</a>
</li>
<li class="t-lang-item" data-lang="hu">
<a
href="/hu/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Magyar</span>
</a>
</li>
<li class="t-lang-item" data-lang="ro">
<a
href="/ro/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Română</span>
</a>
</li>
<li class="t-lang-item" data-lang="uk">
<a
href="/uk/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Українська</span>
</a>
</li>
<li class="t-lang-item" data-lang="el">
<a
href="/el/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Ελληνικά</span>
</a>
</li>
<li class="t-lang-item" data-lang="th">
<a
href="/th/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>ไทย</span>
</a>
</li>
<li class="t-lang-item" data-lang="hi">
<a
href="/hi/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Hindi</span>
</a>
</li>
<li class="t-lang-item" data-lang="ms">
<a
href="/ms/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Bahasa Melayu</span>
</a>
</li>
<li class="t-lang-item" data-lang="id">
<a
href="/id/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Bahasa Indonesia</span>
</a>
</li>
<li class="t-lang-item" data-lang="vi">
<a
href="/vi/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Tiếng Việt</span>
</a>
</li>
<li class="t-lang-item" data-lang="zh_cn">
<a
href="/zh_cn/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>简体中文</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<span class="border-gray"></span>
</li>
<li class="t-nav-item sign-in">
<a class="t-nav-sign-in-link" href="/login.php">Log in</a>
</li>
<li class="t-nav-item sign-up dropdown-toggle-4">
<a class="t-nav-sign-up-link" href="/login.php?register">Try for Free</a>
</li>
</ul>
</div>
</div>
<div class="t-nav-wrapper-m t-flex">
<a href="/login.php"
class="t-nav-sign-in-link">Log in </a>
<div
class="t-collapsed-btn collapsed"
data-toggle="collapse"
data-target="#t-collapse"
aria-expanded="false"
aria-controls="t-collapse">
<span class="no-expand">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none">
<path
d="M0 9C0 8.44772 0.447715 8 1 8H13C13.5523 8 14 8.44772 14 9C14 9.55228 13.5523 10 13 10H1C0.447716 10 0 9.55228 0 9Z"
fill="black" />
<path
d="M0 5C0 4.44772 0.447715 4 1 4H13C13.5523 4 14 4.44772 14 5C14 5.55228 13.5523 6 13 6H1C0.447716 6 0 5.55228 0 5Z"
fill="black" />
<path
d="M0 1C0 0.447715 0.447715 0 1 0H13C13.5523 0 14 0.447715 14 1C14 1.55228 13.5523 2 13 2H1C0.447716 2 0 1.55228 0 1Z"
fill="black" />
</svg>
</span>
<span class="expand">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
<path
d="M6.89949 8.31375L2.36396 12.8493C1.97344 13.2398 1.34027 13.2398 0.949747 12.8493C0.559223 12.4588 0.559223 11.8256 0.949747 11.4351L5.48528 6.89954L0.949747 2.364C0.559223 1.97348 0.559223 1.34031 0.949747 0.949789C1.34027 0.559265 1.97344 0.559265 2.36396 0.949789L6.89949 5.48532L11.435 0.949789C11.8256 0.559265 12.4587 0.559263 12.8492 0.949788C13.2398 1.34031 13.2398 1.97348 12.8492 2.364L8.31371 6.89954L12.8492 11.4351C13.2398 11.8256 13.2398 12.4588 12.8492 12.8493C12.4587 13.2398 11.8256 13.2398 11.435 12.8493L6.89949 8.31375Z"
fill="black" />
</svg>
</span>
</div>
</div>
</nav>
<div class="collapse t-collapse-list" id="t-collapse">
<div class="t-nav-item t-collapse-search dropdown-trigger dropdown-toggle-1">
<input class="t-search-input" type="text" placeholder="Search">
<svg
class="t-search-icon" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"
fill="none">
<path
d="M5.46594 0C8.48469 0 10.9319 2.44719 10.9319 5.46594C10.9319 6.73208 10.5014 7.89774 9.7787 8.82439L11.8023 10.848C12.0659 11.1116 12.0659 11.5388 11.8023 11.8023C11.5388 12.0659 11.1116 12.0659 10.848 11.8023L8.82439 9.7787C7.89774 10.5014 6.73208 10.9319 5.46594 10.9319C2.44719 10.9319 0 8.48469 0 5.46594C0 2.44719 2.44719 0 5.46594 0ZM5.46594 1.34962C3.19251 1.34962 1.34962 3.19251 1.34962 5.46594C1.34962 7.73937 3.19251 9.58227 5.46594 9.58227C7.73937 9.58227 9.58227 7.73937 9.58227 5.46594C9.58227 3.19251 7.73937 1.34962 5.46594 1.34962Z"
fill="black" />
</svg>
</div>
<ul>
<li class="t-nav-item features dropdown-trigger dropdown-toggle-3">
<div class="t-nav-item-link dropdown-toggle" data-toggle="dropdown">
<span>Features</span>
<span class="icon_header icon_header_grey_arrow"></span>
</div>
<ul class="t-dropdown-menu-2" >
<li class="t-dropdown-menu-2-item">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_create">
</span>
<span class="title-text">Create Digital Content</span>
</div>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/convert/">Convert</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/templates/">Templates</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/interactivity/">Interactivity</a>
</li>
<li class="t-menu-item-li">
<a class="t-menu-item fire"
href="/features/ai/">AI Assistant <span class="icon_header_fire"></span>
</a>
</li>
</ul>
</li>
<li class="t-dropdown-menu-2-item">
<div class="t-menu-section-title t-section-title-top">
<span class="t-menu-icon icon_header icon_header_turn"></span>
<span class="title-text">Turn Content into Income</span>
</div>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item fire"
href="/learning-center/digital-sales/">
Digital Sales </a>
</li>
</ul>
</li>
<li class="t-dropdown-menu-2-item">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_connect">
</span>
<span class="title-text">Connect Content with People</span>
</div>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/share/">Online Sharing</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/share?id=offline_reading">Offline Reading</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/embed/">Embed</a>
</li>
</ul>
</li>
<li class="t-dropdown-menu-2-item">
<div class="t-menu-section-title t-section-title-top">
<span class="t-menu-icon icon_header icon_header_know">
</span>
<span class="title-text">Know Content & Audience</span>
</div>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/statistics/">Statistics</a>
</li>
</ul>
</li>
<li class="t-dropdown-menu-2-item">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_empower">
</span>
<span class="title-text">Empower Marketing Efforts</span>
</div>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/custom-domain/">Custom Domain</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/branding/">Branding & Self-hosting</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/add-links/">Add Links</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/features/seo/">SEO Friendly</a>
</li>
</ul>
</li>
<li class="t-dropdown-menu-2-item">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_empower">
</span>
<span class="title-text">Office Tools</span>
</div>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/online-tools/merge-pdf/">PDF/Image/Audio/Video Tools</a>
</li>
</ul>
</li>
<div>
<a class="t-menu-item-all" href="/features/">
All Features <span class="icon_header icon_header_blue_arrow"></span>
</a>
</div>
</ul>
</li>
<li class="t-nav-item explore dropdown-trigger dropdown-toggle-2">
<a href="/exploring/" class="t-nav-item-link">
<span>Explore</span>
<span></span>
</a>
<!-- <div class="t-nav-item-link dropdown-toggle" data-toggle="dropdown">-->
<!-- <span>--><!--</span>-->
<!-- <span class="icon_header icon_header_grey_arrow"></span>-->
<!-- </div>-->
<!-- <ul class="t-dropdown-menu-2" >-->
<!-- <li class="t-dropdown-menu-2-item">-->
<!-- <ul>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </li>-->
<!-- <li class="t-dropdown-menu-2-item">-->
<!-- <ul>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </li>-->
<!-- <li class="t-dropdown-menu-2-item">-->
<!-- <ul>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- <li class="t-menu-item-li"><a-->
<!-- class="t-menu-item"-->
<!-- href="--><!--">--><!--</a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </li>-->
<!-- <div>-->
<!-- <a class="t-menu-item-all" href="--><!--">-->
<!-- --><!-- <span class="icon_header icon_header_blue_arrow"></span>-->
<!-- </a>-->
<!-- </div>-->
<!-- </ul>-->
</li>
<li class="t-nav-item templates dropdown-trigger dropdown-toggle-2">
<div class="t-nav-item-link dropdown-toggle" data-toggle="dropdown">
<span>Templates</span>
<span class="icon_header icon_header_grey_arrow"></span>
</div>
<ul class="t-dropdown-menu-2 col-2-ul" >
<li class="t-dropdown-menu-2-item">
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/magazine/">Magazines</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/brochure/">Brochures</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/recipe-and-cookbook/">Recipes & Cookbooks</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/photo-albums/">Photo Albums</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/menus/">Menus</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/pamphlet/">Pamphlets</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/portfolio/">Portfolios</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/invitation/">Invitations</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/presentation/">Presentations</a>
</li>
</ul>
</li>
<li class="t-dropdown-menu-2-item">
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/catalog/">Catalogs</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/lookbook/">Lookbooks</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/guidebook/">Guidebooks</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/newsletter/">Newsletters</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/profile/">Profiles</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/handbook/">Handbooks</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/booklet/">Booklets</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item"
href="/templates/flipbook/">Flipbooks</a>
</li>
</ul>
<div>
<a class="t-menu-item-all" href="/templates/">
All Templates <span class="icon_header icon_header_blue_arrow"></span>
</a>
</div>
</li>
</ul>
</li>
<li class="t-nav-item dropdown-trigger dropdown-toggle-1 solutions">
<div class="t-nav-item-link dropdown-toggle" data-toggle="dropdown">
<span>Solutions</span>
<span class="icon_header icon_header_grey_arrow"></span>
</div>
<ul class="t-dropdown-menu-2" >
<li class="t-dropdown-menu-2-item">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_popular">
</span>
<span class="title-text">Popular Uses</span>
</div>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-publishing/">Publishing</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-sell-pdf/">Sell Content</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-business/">Business</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-marketing/">Marketing</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-edu/">Education</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-embed-pdf/">Embed PDF</a>
</li>
</ul>
</li>
<li class="t-dropdown-menu-2-item">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_industries">
</span>
<span class="title-text">Industries</span>
</div>
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-real-estate/">Real Estate</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-travel/">Travel</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-nonprofit/">Nonprofit</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-menu/">Restaurant</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-ecommerce/">Ecommerce</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-lookbook/">Fashion & Beauty</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/solution-retail-wholesale/">Retail & Wholesale</a>
</li>
</ul>
</li>
<li class="t-dropdown-menu-2-item">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_types">
</span>
<span class="title-text">Content Types</span>
</div>
<ul class="col-2-ul">
<li class="t-dropdown-menu-2-item">
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/pdf-to-flipbook/">Flipbook</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/pdf-to-ebook/">Ebook</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-employee-handbook/">Handbook</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-textbook/">Textbook</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-brand-guidelines/">Brand Book</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-magazine/">Magazine</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-portfolio/">Portfolio</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-cookbook/">Cookbook</a>
</li>
<div>
<a class="t-menu-item-all" href="/learning-center/create/">
All Articles <span class="icon_header icon_header_blue_arrow"></span>
</a>
</div>
</ul>
</li>
<li class="t-dropdown-menu-2-item">
<ul>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-catalog/">Catalog</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-brochure/">Brochure</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-booklet/">Booklet</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-report/">Report</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/interactive-presentation/">Presentation</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-pitch-deck/">Pitch Deck</a>
</li>
<li class="t-menu-item-li"><a
class="t-menu-item" target="_blank"
href="/learning-center/create/digital-lookbook/">Lookbook</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="t-nav-item dropdown-trigger dropdown-toggle-1 support">
<div class="t-nav-item-link dropdown-toggle" data-toggle="dropdown">
<span>Support</span>
<span class="icon_header icon_header_grey_arrow"></span>
</div>
<ul class="t-dropdown-menu-2" >
<li class="t-dropdown-menu-2-item col">
<a href="https://help.fliphtml5.com/" target="_blank">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_help"></span>
<span class="title-text">Help Center</span>
</div>
<div>Check out our knowledge base with detailed tutorials and FAQs.</div>
</a>
</li>
<li class="t-dropdown-menu-2-item col">
<a href="/learning-center/" target="_blank">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_learning"></span>
<span class="title-text">Learning Center</span>
</div>
<div>Read latest article about digital publishing solutions.</div>
</a>
</li>
<li class="t-dropdown-menu-2-item col">
<a href="/learning-center/upcoming-events/" target="_blank">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_webinars"></span>
<span class="title-text">Webinars</span>
</div>
<div>Check out the upcoming free live Webinars, and book the sessions you are interested.</div>
</a>
</li>
<li class="t-dropdown-menu-2-item col">
<a href="/contact-us/" target="_blank">
<div class="t-menu-section-title">
<span class="t-menu-icon icon_header icon_header_contact"></span>
<span class="title-text">Contact Us</span>
</div>
<div>Please feel free to leave us a message.</div>
</a>
</li>
</ul>
</li>
<li class="t-nav-item dropdown-trigger dropdown-toggle-3 pricing">
<a href="/fliphtml5-pricing.php" class="t-nav-item-link">
<span>Pricing</span>
<span></span>
</a>
</li>
<li class="t-nav-item dropdown-trigger dropdown-toggle-4 language">
<div class="t-nav-item-link dropdown-toggle" data-toggle="dropdown">
<div class="t-lang-nf-box">
<img class="t-lang-nf" alt="English" src="/images/svg/lang/lang_earth.svg" loading="lazy">
<span>English</span>
</div>
<span class="icon_header icon_header_grey_arrow"></span>
</div>
<ul class="t-dropdown-menu-2 t-lang-menu-box" >
<li class="t-lang-item" data-lang="en">
<a href="/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>English</span>
</a>
</li>
<li class="t-lang-item" data-lang="de">
<a
href="/de/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Deutsch</span>
</a>
</li>
<li class="t-lang-item" data-lang="fr">
<a
href="/fr/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Français</span>
</a>
</li>
<li class="t-lang-item" data-lang="es">
<a
href="/es/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Español</span>
</a>
</li>
<li class="t-lang-item" data-lang="pt">
<a
href="/pt/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Português</span>
</a>
</li>
<li class="t-lang-item" data-lang="it">
<a
href="/it/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Italiano</span>
</a>
</li>
<li class="t-lang-item" data-lang="ar">
<a
href="/ar/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>عربي</span>
</a>
</li>
<li class="t-lang-item" data-lang="zh_tw">
<a
href="/zh_tw/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>繁體中文</span>
</a>
</li>
<li class="t-lang-item" data-lang="ja">
<a
href="/ja/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>日本語</span>
</a>
</li>
<li class="t-lang-item" data-lang="ko">
<a
href="/ko/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>한국어</span>
</a>
</li>
<li class="t-lang-item" data-lang="nl">
<a
href="/nl/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Nederlands</span>
</a>
</li>
<li class="t-lang-item" data-lang="ru">
<a
href="/ru/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Русский</span>
</a>
</li>
<li class="t-lang-item" data-lang="sv">
<a
href="/sv/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Svenska</span>
</a>
</li>
<li class="t-lang-item" data-lang="da">
<a
href="/da/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Dansk</span>
</a>
</li>
<li class="t-lang-item" data-lang="pl">
<a
href="/pl/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Polski</span>
</a>
</li>
<li class="t-lang-item" data-lang="fi">
<a
href="/fi/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Suomi</span>
</a>
</li>
<li class="t-lang-item" data-lang="tr">
<a
href="/tr/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Türkçe</span>
</a>
</li>
<li class="t-lang-item" data-lang="he">
<a
href="/he/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>עִברִית</span>
</a>
</li>
<li class="t-lang-item" data-lang="cs">
<a
href="/cs/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Čeština</span>
</a>
</li>
<li class="t-lang-item" data-lang="hu">
<a
href="/hu/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Magyar</span>
</a>
</li>
<li class="t-lang-item" data-lang="ro">
<a
href="/ro/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Română</span>
</a>
</li>
<li class="t-lang-item" data-lang="uk">
<a
href="/uk/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Українська</span>
</a>
</li>
<li class="t-lang-item" data-lang="el">
<a
href="/el/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Ελληνικά</span>
</a>
</li>
<li class="t-lang-item" data-lang="th">
<a
href="/th/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>ไทย</span>
</a>
</li>
<li class="t-lang-item" data-lang="hi">
<a
href="/hi/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Hindi</span>
</a>
</li>
<li class="t-lang-item" data-lang="ms">
<a
href="/ms/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Bahasa Melayu</span>
</a>
</li>
<li class="t-lang-item" data-lang="id">
<a
href="/id/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Bahasa Indonesia</span>
</a>
</li>
<li class="t-lang-item" data-lang="vi">
<a
href="/vi/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>Tiếng Việt</span>
</a>
</li>
<li class="t-lang-item" data-lang="zh_cn">
<a
href="/zh_cn/homepage/wtsrh">
<!-- <img-->
<!-- class="t-lang-nf" alt="--><!--"-->
<!-- src="--><!--">-->
<span>简体中文</span>
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</header>
<!--top new end-->
<!-- <div class='cc-top-lang' style=" z-index: 999;background: #ccc;height: auto;">
<ul class='cc-face-ul'>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/center/homepage.php">
英语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/de/center/homepage.php">
德语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/fr/center/homepage.php">
法语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/es/center/homepage.php">
西班牙语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/pt/center/homepage.php">
葡萄牙语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/it/center/homepage.php">
意大利语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/ar/center/homepage.php">
阿拉伯语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/zh_tw/center/homepage.php">
繁体中文 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/ja/center/homepage.php">
日语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/ko/center/homepage.php">
韩语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/nl/center/homepage.php">
荷兰语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/ru/center/homepage.php">
俄罗斯语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/sv/center/homepage.php">
瑞典语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/da/center/homepage.php">
丹麦语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/pl/center/homepage.php">
波兰语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/fi/center/homepage.php">
芬兰语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/tr/center/homepage.php">
土耳其语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/el/center/homepage.php">
希腊语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/cs/center/homepage.php">
捷克语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/hu/center/homepage.php">
匈牙利语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/ro/center/homepage.php">
罗马尼亚语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/uk/center/homepage.php">
乌克兰语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/he/center/homepage.php">
希伯来语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/th/center/homepage.php">
泰语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/hi/center/homepage.php">
印地语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/ms/center/homepage.php">
马来西亚语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/id/center/homepage.php">
印度尼西亚语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/vi/center/homepage.php">
越南语 </a>
</>
<li style="float:none;padding:3px 0px">
<a style="display:block;" href="/zh_cn/center/homepage.php">
简体中文 </a>
</>
</ul>
</div> -->
<!--new dashboard-->
<script type="text/javascript">
if(document.getElementById('new_dashboard_button')) {
document.getElementById('new_dashboard_button').addEventListener('click', () => {
let mask = document.getElementById('new_dashboard_mask')
if (mask) mask.style.display = 'block'
})
}
if(document.getElementById('new_dashboard_box_cancel_button')) {
document.getElementById('new_dashboard_box_cancel_button').addEventListener('click', () => {
let mask = document.getElementById('new_dashboard_mask')
if (mask) mask.style.display = 'none'
})
}
$(window).on("pageshow", function(event){
console.log(window.performance)
console.log(window.performance.navigation.type)
// 浏览器执行了回退,就改变一次登录状态,避免因缓存,状态还保持着未登录
if(event.persisted || window.performance && window.performance.navigation.type == 2){
// 如果回退的是价格页,刷新一次,避免苹果端回退出现缓存问题
if (window.location.href.match("pricing")) {
window.location.reload();
return;
}
utils.changeTopBar();
}
});
</script>
<script>
(function($) {
$(function() {
var $win = $(window),
$body = $('body'),
$trialBanner = $('#trial_banner'),
$ccTopTar = $('.cc-top-bar'),
$centerLeftMain = $('.center-left-main'),
$ccSubMenu=$('#top-user-menu > .cc-sub-menu'),
$trialBannerBg=$('#trial_banner_bg')
$bannerCloseBtn = $('#trial_banner_close_btn'),
$trialTips=$('#trial_tips'),
$tipsCloseBtn = $('#trial_tips_close_btn'),
$trialDayText = $('#trial_day'),
$solutionMenu = $('#solution-menu');
var isCanTrial = false // 是否有资格可以试用
var showBannerType = ''
var userType = -1 //会员等级
var isTrial = null // 是否处于试用期 1处于 0不处于
var isLogin = false // 是否登录
var trialStatus = '' // 订阅状态 Active / Cancelled
var trialDay = "" //到期时间
var subEnd = null // ubEnd=0代表取消但是会员未到期,subEnd=1代表取消并且会员到期
var ishiddenTrialBanner = utils.getLocalStorage('trial_banner_hidden') || false // 是否隐藏 banner
var tipsHiddenTime = Number(utils.getLocalStorage('trial_tipsBanner_time') || '0')
var ishiddenTrialTips = tipsHiddenTime===0 ? false : (new Date().getTime() - tipsHiddenTime)> 24*60*60*1000 ? false: true // 是否隐藏取消订阅提示
// 设置solution menu 位置
// var menuLeft = document.getElementById('solution-link').getBoundingClientRect().left.toFixed(2);
// menuLeft = Number(menuLeft);
// $solutionMenu.css('left', '-' + (menuLeft - 40) + 'px');
setBanner() // 设置banner
if(!$body.hasClass('body_trial_banner') && !$body.hasClass('body_trial_tips')) {
$win.off("resize",function() {
bindWindowEven()
});
$win.off("scroll", function() {
bindWindowEven()
});
}
async function setBanner() {
if(window.location.href.indexOf('payinfo.php') > -1) return
// if(ishiddenTrialBanner && ishiddenTrialTips) return
if(ishiddenTrialTips) return
if(isLogin) { // 登录后 非免费会员
await getTrialStatus()
await getBillingInfo()
}
// else {
// if(!ishiddenTrialBanner) {
// showBannerType = 'banner'
// setBannerPosition()
// }
// }
}
// 获取是否有试用的资格
function getTrialStatus() {
$.ajax({
type: 'POST',
dataType: 'json',
url: '/api/billing/get-trial-target-user',
success: function(res) {
if(res.code == 'OK') isCanTrial = true
else isCanTrial = false
},
error: function(res) {
console.log(res)
}
})
}
// 获取会员订阅信息
function getBillingInfo() {
$.ajax({
type: 'POST',
dataType: 'json',
url: '/api/billing/get-billing-center-info',
success: function(res) {
if(res.code == 'OK') {
isTrial = res.data.isTrial
userType = Number(res.data.userType)
trialStatus = res.data.userType > 0 ? res.data.status : '' // 会员等级 大于0(即非免费用户)才有status
trialDay = res.data.trialDay
subEnd = res.data.subEnd
isShowTrialBox()
}
},
error: function(res) {
console.log(res)
}
})
}
function isShowTrialBox () {
if(Number(userType) > 0) {
if(isTrial == 1 && trialStatus == 'Cancelled' && subEnd == 0 && !ishiddenTrialTips) { // 试用中且取消的用户且未关闭
showBannerType = 'tips'
$trialDayText.text(trialDay)
setBannerPosition()
}
}
// else {
// if(isCanTrial && !ishiddenTrialBanner) { //免费用户 有试用资格 且未关闭banner图
// showBannerType = 'banner'
// setBannerPosition()
// }
// }
}
function closeBtnClick() {
$ccTopTar.css({ top: 0});
$centerLeftMain.css({top: 50})
$ccSubMenu.css({top: 50})
var isBanner = showBannerType == 'banner'
const bodyClassName = isBanner ? 'body_trial_banner' : 'body_trial_tips'
$('body').removeClass(bodyClassName)
$('body').removeAttr("style")
setKeyStorage()
showBannerType = '' // 不需要处理页面变化情况
$win.off("resize", function() {
bindWindowEven()
});
$win.off("scroll", function() {
bindWindowEven()
});
}
// 设置元素位置: 顶部导航栏 / 申请试用banner图 / 用户后台中心 / 左菜单栏 / 用户下拉工具栏
function setBannerPosition() {
var isBanner = showBannerType == 'banner'
var trialBannerHeight = !isBanner ? 46 : $win.width() > 640 ? 64 : 32
var topValue = 50 + trialBannerHeight
const bodyClassName = isBanner ? 'body_trial_banner' : 'body_trial_tips'
if($win.scrollTop() > 0){
$ccTopTar.css({ top: 0, position: 'fixed'});
$centerLeftMain.css({top: 50})
$ccSubMenu.css({top: 50})
$('body').removeClass(bodyClassName)
$('body').removeAttr("style")
} else {
$ccTopTar.css({ top: trialBannerHeight, position: 'fixed'})
$centerLeftMain.css({top: topValue})
$ccSubMenu.css({top: topValue})
$('body').addClass(bodyClassName)
$('body').css({top: trialBannerHeight })
}
}
// 打开价格页
function openPricePage() {
window.open("/fliphtml5-pricing.php","_self");
}
function setKeyStorage() {
if(showBannerType === 'banner') localStorage.setItem('trial_banner_hidden', true)
// else document.cookie="trial_tipsBanner_hidden=true" // 设置cookie
else localStorage.setItem('trial_tipsBanner_time', new Date().getTime())
}
// 点击banner图
$trialBanner.on('click', function () {
setKeyStorage()
openPricePage()
})
// 关闭banner图
$bannerCloseBtn.on("click", function(event) {
event.stopPropagation();
closeBtnClick()
});
// 悬浮banner-close按钮
$bannerCloseBtn.hover(function(event) {
$bannerCloseBtn.attr('src', '/images/closeIcon_hover.png')
},function(event) {
$bannerCloseBtn.attr('src', '/images/closeIcon.png')
});
//点击试用提示
$trialTips.on('click', function () {
openPricePage()
})
// 关闭banner图
$tipsCloseBtn.on("click", function(event) {
event.stopPropagation();
closeBtnClick()
});
function bindWindowEven() {
if(showBannerType !== '') {
setBannerPosition()
}
}
$win.on("resize", function() {
bindWindowEven()
});
$win.on("scroll", function() {
bindWindowEven()
});
});
})(window.jQuery);
</script>
<script>
(function ($) {
$(function () {
const $navSearchItem = $(".t-nav-item.search"),
$navSearchWrapper = $(".t-nav-search-wrapper"),
$navSearchBox = $(".t-nav-search-box"),
$collapsedBtn = $(".t-collapsed-btn"),
$navBarLink = $(".t-navbar .dropdown-trigger"),
$langLink = $(".t-lang-item a"),
$navItemLink = $('.t-nav-wrapper .t-nav-item-link');
$navSearchWrapper.on("mouseenter", function () {
$navSearchItem.addClass("open");
setTimeout(() => {
$navSearchBox.focus();
},300)
});
$navSearchWrapper.on("mouseleave", function () {
$navSearchItem.removeClass("open");
});
$collapsedBtn.on("click", function () {
$(this).toggleClass("collapsed")
});
$navBarLink.on("mouseenter", function () {
if ($(".t-collapse-list").hasClass("in")) {
$("#t-collapse").collapse('hide');
$(".t-collapsed-btn").addClass("collapsed");
}
});
/**
* dataLayer记录多语言切换
* */
function languageClicksDataLayer () {
if(typeof dataLayerFun !='undefined' && dataLayerFun.languageClicks){
const lang = $(this).parent().attr("data-lang");
dataLayerFun.languageClicks(lang);
}
}
/**
* 本地记录多语言控件切换
* */
function languageClicksLocal (lang) {
localStorage.setItem('h5_user_lang', lang)
}
$langLink.on("click", function () {
const lang = $(this).parent().attr('data-lang');
languageClicksLocal(lang);
languageClicksDataLayer();
})
/**
* 移动端下拉列菜单交互
* */
if (utils.isMobile()) {
$navItemLink.on('click', function () {
if (!$(this).hasClass('t-nav-lang')) {
$('.t-nav-item-link.t-nav-lang').parent().removeClass('open');
} else {
$('.t-nav-item-link:not(.t-nav-lang)').parent().removeClass('open');
}
$(this).parent().siblings().removeClass('open');
$(this).parent().toggleClass('open');
});
$(document).on('click', function(event) {
if (!$(event.target).closest('.t-dropdown-menu').length && !$(event.target).closest('.t-nav-item-link').length) {
$('.t-navbar .dropdown-trigger').removeClass('open');
}
});
}
});
})(window.jQuery);
</script>
<script>
if (typeof dataLayerFun != 'undefined' && dataLayerFun.updateLoginDataLayer) {
dataLayerFun.updateLoginDataLayer()
}
</script>
<div id="center-mian" class="center-main full ">
<div id="center-right-main" class="center-right-mian center-right-margin-40">
<div id="center-right-content" class="center-right-inner ">
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"ProfilePage","dateCreated":"2022-11-09T13:56:34-05:00","dateModified":"2022-11-09T13:56:34-05:00","mainEntity":{"@type":"Organization","name":"segar4dslot","alternateName":"segar4dslot","identifier":"wtsrh","interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https:\/\/schema.org\/FollowAction","userInteractionCount":0}],"description":"Situs Slot Online Resmi 2022 Aman & Terpercaya, pastinya gampang menang 24 jam.","image":"accountlogo.jpg","sameAs":["http:\/\/fliphtml5.com\/homepage\/wtsrh","http:\/\/fliphtml5.com\/homepage\/wtsrh\/segar4dslot\/"]},"hasPart":[]}</script>
<div class="center-right-inner-main center-clear-box-shadow">
<div class="center-homepage-AllInfo">
<div class='homepage-qrcode-container'></div>
<div class="center-homepage-upper">
<div id="center-banner-image" class="center-homepage-banner-context" style="background-image: url(https://online.fliphtml5.com/bannerlogo.jpg?1668020194424 )">
<ul class="center-homepage-share-button">
<li>
<a id="center-homepage-share-in-facebook" href="javascript:void(0);" rel="nofollow">
<img src="//fliphtml5.com/center/images/social_facebook.png">
</a>
</li>
<li>
<a id="center-homepage-share-in-twitter" href="javascript:void(0);" rel="nofollow">
<img src="//fliphtml5.com/center/images/social_twitter.png">
</a>
</li>
</ul>
</div>
<div class="center-homepage-user-info">
<div id="center-user-image" class="center-homepage-user-avatar">
<img class="user-img cc-hide" src="https://online.fliphtml5.com/wtsrh/accountlogo.jpg?1668020194424" />
</div>
<div class="center-homepage-info-centent">
<div id="center-hompage-info" class="center-homepage-info-centent-inner center-homepage-info-margin">
<div class="center-homepage-button col-md-3 col-xs-12">
<div class="center-homepage-subscribe">
<div id="center-home-subscribe-btn" class="center-homepage-subBtn-common button-pure button-pure-blue">
<span class='center-home-subscribe-label'>
<span class="fa fa-rss"></span>
<span> Follow</span>
</span>
<span class='center-home-subscribed-label' style="display:none;">
<span class="fa fa-check"></span>
<span>Following</span>
</span>
<span class='center-home-unsubscribe-label' style="display:none;">
<span class="fa fa-times"></span>
<span>Unfollow</span>
</span>
<div></div>
</div>
<span id="center-homepage-subscribe-count" class="center-homepage-subscribe-count"></span>
</div>
</div>
<div class="center-homepage-info col-lg-8 col-md-6 col-xs-12">
<div class="center-homepage-info-name">
<div class="name-info">segar4dslot</div>
</div>
<div class="center-homepage-info-des" title="Situs Slot Online Resmi 2022 Aman & Terpercaya, pastinya gampang menang 24 jam.">Situs Slot Online Resmi 2022 Aman & Terpercaya, pastinya gampang menang 24 jam.</div>
<div class="center-homepage-info-web"><a rel="nofollow" target="_blank" style="cursor:pointer;" href="https://www.segar4d.com/">https://www.segar4d.com/</a></div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="center-dimensions-code">
</div>
</div>
</div>
<div class="center-homepage-lower">
<div class="center-title center-homepage-title">
<div id="center-homepage-albumText" class="center-title-text album-current-title">Home</div>
<div id="center-homepage-aboutText" class="center-title-text album-not-current-title">About</div>
<div id="center-homepage-count" class="center-title-count">
<span>Total: </span>
<span>
0 </span>
</div>
</div>
<div class="center-clear-float">
<div id="center-homepage-centent" class="center-homepage-content">
<div class="center-homepage-pages">
<div id="center-homepage-albumBig">
<div id="center-homepage-album-centent" class="center-homepage-album-centent" style="text-align:center;min-height:200px;padding-top:100px;">
no books yet!
</div>
<div class="center-homepage-album-footer">
<div class="albumFooterLoading"><i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading');?>...</span>
</div>
</div>
</div>
<script>
var uId = 52368128;
var isInCustomDomain = '0';
var carouselBooks = "";
var bookData = {"user":{"name":"segar4dslot","uType":0,"uLink":"wtsrh","website":"https:\/\/www.segar4d.com\/","about":"Situs Slot Online Resmi 2022 Aman & Terpercaya, pastinya gampang menang 24 jam.","accountlogo":"https:\/\/online.fliphtml5.com\/wtsrh\/accountlogo.jpg","bannerlogo":"https:\/\/online.fliphtml5.com\/bannerlogo.jpg","updateTime":1668020194424},"module":{"isShowLatestBookModule":1,"isShowContact":1,"isShowShare":1},"book":[{"folderId":3514659,"folderIsSync":"1","folderSyncPosition":0,"folderName":"Default","folderDesc":"","selectedBooks":[],"notSelectedBooks":[]}],"security":{"status":1,"pass":""}};
// custom domain should use absolute path
var host = location.host.match("localhost") || location.host.match("fliphtml5.com") ? "" : "//fliphtml5.com";
setTimeout(()=>{
$('.albumFooterLoading').remove();
carouselBooks = new CarouselBooks(bookData ,$('.center-homepage-album-footer'), isInCustomDomain);
}, 1000)
//autofit img
$('.album-cover').each(function() {
var img = $(this).find('.album-img');
utils.autoFit($(this), img);
})
//延迟触发resize
var throtte = function(fn, interval, width) {
var _self = fn, //保存需要被延迟执行的函数引用
timer, //定时器
firstTime = true; //是否第一次调用
return function() {
var args = arguments,
_me = this;
if (firstTime) { //如果第一次调用,不需要延迟执行
_self.apply(_me, args);
return firstTime = false;
}
if (timer) { //如果定时器还在,证明上一次的延迟执行还没有完成
return false;
}
timer = setTimeout(function() { //延迟一段时间执行
clearTimeout(timer);
timer = null;
_self.apply(_me, args);
}, interval || 500);
};
};
var reMatch = function() {
if (document.body.clientWidth == document.clientWidth) {
return false;
} else {
document.clientWidth = document.body.clientWidth;
}
if ($('.center-homepage-album-floder').length > 0 && typeof carouselBooks == 'object') {
carouselBooks.removeContainer();
carouselBooks = null;
carouselBooks = new CarouselBooks(bookData, $('.center-homepage-album-footer'), isInCustomDomain);
}
}
// $(window).resize(function(){
// throtte(function(){
// console.log(1)
// },500);
// })
document.clientWidth = document.body.clientWidth;
window.onresize = throtte(reMatch, 500);
window.addEventListener('resize', function () {
$('.album-cover').each(function() {
var img = $(this).find('.album-img');
utils.autoFit($(this), img);
})
})
</script></div>
<div class="center-homepage-pages"><div id="center-homepage-about-info" class="center-homepage-about-userInfo">
<div id="center-homepage-about-description" class="center-flip-widget">
<div class="center-flip-widget-front ">
<div id="center-homepage-about-text" class="center-homepage-about-text">Situs Slot Online Resmi 2022 Aman & Terpercaya, pastinya gampang menang 24 jam.</div>
</div>
</div>
<div id="center-homepage-about-web" class="center-flip-widget">
<div class="center-flip-widget-front ">
<div class="center-homepage-about-web-container">
<div>
<a id="center-homepage-web-text" rel="nofollow" target="_blank" style="cursor:pointer;" href="https://www.segar4d.com/">
<!-- <img src="http://www.521php.com/api/fav/?url=https://www.segar4d.com/"/> -->
<span>https://www.segar4d.com/</span>
</a>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
$(function () {
});
})(window.jQuery);
</script></div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function($) {
$(function() {
var isFlipH5 = document.domain == 'fliphtml5.com' || document.domain == 'online.fliphtml5.com' || document.domain == 'test.fliphtml5.com';
if (isFlipH5) {
$(".homepage-exploring-btn").removeClass("cc-hide");
} else {
$(".homepage-exploring-btn").addClass("cc-hide");
}
});
})(window.jQuery);
</script>
<script type="text/javascript" src="/js/lib/jquery.qrcode.min.js"></script>
<script type="text/javascript">
(function($) {
$(function() {
var bookcaseURL = "http://fliphtml5.com/bookcase/";
document.hasOpenSetting = true;
//SettingPart
$centerRightMain = $('.center-right-inner-main');
$settingButton = $('#center-homepage-album-setting');
$settingButton.click(function() {
if (document.hasOpenSetting) {
$('.center-homepage-AllInfo').hide();
if ($('.center-homapeg-hide-to-others').length != 0) {
$('.center-homapeg-hide-to-others').hide();
}
var host = location.host.match("localhost") || location.host.match("fliphtml5.com") ? "" : "//fliphtml5.com";
$.ajax({
url: host + "/center/db/get-homepage-config-online.php",
type: "get",
dataType: "jsonp",
data: {
userid: fh5.uId
},
beforeSend: function() {
this.loading = $('<div class="center-homepage-SettingLoading"><i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span></div>');
this.loading.appendTo($centerRightMain);
},
success: function(data, textStatus, jqXHR) {
this.loading.remove();
var settingPart = new SettingPart(fh5.uId, data, $centerRightMain);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
}
});
document.hasOpenSetting = false;
}
});
//
$(".homepage-qrcode-container").qrcode({
width: 76,
height: 76,
text: this.location.href
});
var $userImg = $("#center-user-image"),
$bannerImg = $("#center-banner-image"),
$centent = $("#center-homepage-centent"),
$albumBtn = $("#center-homepage-albumText"),
// $homeBtn = $("#center-homepage-homeText"),
$aboutBtn = $("#center-homepage-aboutText"),
$loading = $("#center-hmePage-loading"),
$bookCount = $("#center-homepage-count"),
uEmail = "segar4dslot@gmail.com";
utils.autoFit($userImg, $userImg.find(".user-img"));
// utils.fullFill($bannerImg, $bannerImg.find(".banner-img"));
utils_ff.center.name = "segar4dslot";
utils_ff.center.about = "Situs Slot Online Resmi 2022 Aman & Terpercaya, pastinya gampang menang 24 jam.";
utils_ff.center.web = "https://www.segar4d.com/";
utils_ff.center.caption = "segar4dslot";
// $("title").html("segar4dslot" + "") . " | " . _gettext("FlipHTML5");
var $count = $("#center-homepage-subscribe-count");
var $followerNum = $(".fans-num .num");
$count.html(utils_ff.fromatInt("0")).attr("title", "0");
var isSubscribedFlag = "", // true: 已订阅 , false: 未订阅
subcribeBtn = $("#center-home-subscribe-btn"),
subscribe = subcribeBtn.find(".center-home-subscribe-label").css({
display: isSubscribedFlag ? "none" : "inline"
}),
subscribed = subcribeBtn.find(".center-home-subscribed-label").css({
display: isSubscribedFlag ? "inline" : "none"
}),
unsubscribe = subcribeBtn.find(".center-home-unsubscribe-label").hide(),
isSubAble = true;
subcribeBtn.removeClass(isSubscribedFlag ? "button-pure-blue" : "button-pure-green").addClass(isSubscribedFlag ? "button-pure-green" : "button-pure-blue");
var subscribeFn = function() {
if (isSubAble) {
if (isSubscribedFlag) {
$.ajax({
url: "/center/db/del-subscribe-online.php",
type: "post",
dataType: "json",
data: {
userid: fh5.uId,
sub_userid: "52368128"
},
beforeSend: function() {
utils.addSpin(subcribeBtn);
isSubAble = false;
},
success: function(data) {
if (data.status == "1") {
subcribeBtn.removeClass("button-pure-green").addClass("button-pure-blue");
subscribe.show();
unsubscribe.hide();
subscribed.hide();
isSubscribedFlag = false;
var l = "wtsrh";
var countNum = parseInt($count.attr('title')) - 1;
var countNum = parseInt($count.attr('title')) - 1;
// delSubscribe(l);
$count.html(countNum).attr("title", countNum);
// $followerNum.html(countNum);
} else {
subscribe.hide();
unsubscribe.hide();
subscribed.show();
}
utils.removeSpin(subcribeBtn);
isSubAble = true;
},
error: function(error) {
utils.removeSpin(subcribeBtn);
subscribe.hide();
unsubscribe.hide();
subscribed.show();
isSubAble = true;
}
});
} else {
$.ajax({
url: "/center/db/add-subscribe-online.php",
type: "post",
dataType: "json",
data: {
userid: fh5.uId,
sub_userid: "52368128"
},
beforeSend: function() {
utils.addSpin(subcribeBtn);
isSubAble = false;
},
success: function(data) {
if (data.status == "1") {
subcribeBtn.removeClass("button-pure-blue").addClass("button-pure-green");
subscribe.hide();
unsubscribe.hide();
subscribed.show();
isSubscribedFlag = true;
var uLogo = "accountlogo.jpg";
var name = "segar4dslot";
var countNum = parseInt($count.attr('title')) + 1;
//addSubscribe("//", "http://" + fh5.AS3BucketName + "/" + ((uLogo === "" || uLogo == null) ? "accountlogo.jpg" : "//" + "/" + uLogo), (name === "" || name == null) ? "//".match(/(.*)@/)[1] : name);
$count.html(countNum).attr("title", countNum);
// $followerNum.html(countNum);
} else {
subscribe.show();
unsubscribe.hide();
subscribed.hide();
}
isSubAble = true;
utils.removeSpin(subcribeBtn);
},
error: function(error) {
utils.removeSpin(subcribeBtn);
subscribe.show();
unsubscribe.hide();
subscribed.hide();
isSubAble = true;
}
});
}
}
};
subcribeBtn.on({
"mouseover": function() {
if (isSubscribedFlag) {
subscribe.hide();
subscribed.hide();
unsubscribe.show();
} else {
subscribe.show();
subscribed.hide();
unsubscribe.hide();
}
},
"mouseout": function() {
if (isSubscribedFlag) {
subscribe.hide();
subscribed.show();
unsubscribe.hide();
} else {
subscribe.show();
subscribed.hide();
unsubscribe.hide();
}
},
"click": function() {
if ("") {
return;
}
if ("1") {
new SignInPanel({
callback: function() {
subscribeFn();
setTimeout(function() {
location.reload();
}, 500);
}
});
} else {
subscribeFn();
}
}
});
$("#center-homepage-not-self-bookcase").on("click", function() {
new BookcaseEmbedPanel({
url: bookcaseURL,
caption: utils_ff.center.caption,
isSelf: false
});
});
$albumBtn.on("click", function() {
$bookCount.show();
$albumBtn.addClass("album-current-title").removeClass("album-not-current-title");
// $homeBtn.removeClass("album-current-title").addClass("album-not-current-title");
$aboutBtn.removeClass("album-current-title").addClass("album-not-current-title");
// $(".center-homepage-outer-centent").hide();
// $(".center-homepage-about-userInfo").hide();
// $(".center-homepage-album-centent").show();
$('.center-homepage-pages').eq(0).show().siblings('.center-homepage-pages').hide();
});
// $homeBtn.on("click", function(){
// $bookCount.show();
// $homeBtn.addClass("album-current-title").removeClass("album-not-current-title");
// $albumBtn.removeClass("album-current-title").addClass("album-not-current-title");
// $aboutBtn.removeClass("album-current-title").addClass("album-not-current-title");
// // $(".center-homepage-outer-centent").show();
// // $(".center-homepage-about-userInfo").hide();
// // $(".center-homepage-album-centent").hide();
// $('.center-homepage-pages').eq(1).show().find('#center-homepage-outer-centent').show().end().siblings('.center-homepage-pages').hide();
// });
$aboutBtn.on("click", function() {
$bookCount.hide();
$aboutBtn.addClass("album-current-title").removeClass("album-not-current-title");
// $homeBtn.removeClass("album-current-title").addClass("album-not-current-title");
$albumBtn.removeClass("album-current-title").addClass("album-not-current-title");
// $(".center-homepage-outer-centent").hide();
// $(".center-homepage-album-centent").hide();
// $(".center-homepage-about-userInfo").show();
//删去home之后,这个eq变了1
$('.center-homepage-pages').eq(1).show().find('#center-homepage-about-info').show().end().siblings('.center-homepage-pages').hide();
});
sta.homepageVisit("52368128");
var shareUrl = window.encodeURIComponent("http://fliphtml5.com/homepage/wtsrh/segar4dslot/"),
openName = "segar4dslot",
openWidth = 580,
openHeight = 330,
oprnLeft = (window.innerWidth - 20 - openWidth) / 2,
openTop = (window.innerHeight - 10 - openHeight) / 2,
$facebookShareBtn = $("#center-homepage-share-in-facebook"),
$googleShareBtn = $("#center-homepage-share-in-google"),
$twitterShareBtn = $("#center-homepage-share-in-twitter"),
$isInCustomDomain = "0";
if ($isInCustomDomain == '1') {
shareUrl = this.location.href;
}
// console.log(shareUrl, 'shareUrl')
if (typeof FB != "undefined") {
FB.init({
appId: "1491555767729165",
status: true,
cookie: true
});
}
var dynamicLoad = function(jsFlie, callbackFn) {
var _doc = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', jsFlie);
_doc.appendChild(script);
script.onload = script.onreadystatechange = function() {
if (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete') {
callbackFn();
}
script.onload = script.onreadystatechange = null;
}
}
$facebookShareBtn.on("click", function() {
if ($isInCustomDomain == '1') {
var openUrl = "https://www.facebook.com/sharer/sharer.php?u=" + shareUrl;
window.open(openUrl, openName, "height=" + openHeight + ", width=" + openWidth + ", top=" + openTop + ", left=" + oprnLeft);
} else {
if (typeof FB != "undefined") {
var obj = {
method: 'feed',
link: "http://fliphtml5.com/homepage/wtsrh/segar4dslot/".replace("http", "https"),
picture: 'http://online.fliphtml5.com/wtsrh/wtsrh.png',
description: "Situs Slot Online Resmi 2022 Aman & Terpercaya, pastinya gampang menang 24 jam."
};
FB.ui(obj);
} else {
dynamicLoad("//connect.facebook.net/en_US/all.js", function() {
FB.init({
appId: "1491555767729165",
status: true,
cookie: true
});
var obj = {
method: 'feed',
link: "http://fliphtml5.com/homepage/wtsrh/segar4dslot/".replace("http", "https"),
picture: 'http://online.fliphtml5.com/wtsrh/wtsrh.png',
description: "Situs Slot Online Resmi 2022 Aman & Terpercaya, pastinya gampang menang 24 jam."
};
FB.ui(obj);
});
}
}
});
$googleShareBtn.on("click", function() {
var openUrl = "https://plus.google.com/share?url=" + ($isInCustomDomain == '1' ? shareUrl : shareUrl.replace("http", "https"));
window.open(openUrl, openName, "height=" + openHeight + ", width=" + openWidth + ", top=" + openTop + ", left=" + oprnLeft);
});
$twitterShareBtn.on("click", function() {
var openUrl = "https://www.twitter.com/share?url=" + ($isInCustomDomain == '1' ? shareUrl : shareUrl.replace("http", "https"));
window.open(openUrl, openName, "height=" + openHeight + ", width=" + openWidth + ", top=" + openTop + ", left=" + oprnLeft);
});
$facebookShareBtn.add($googleShareBtn).add($twitterShareBtn).on("click", function() {
sta.homepageShare("52368128");
});
var $emailContext = $("<div class='center-homepage-share-email'></div>"),
$sendContent = $("<div class='center-homepage-share-email-content'></div>"),
$fromEmail = $("<div><input class='cc-input-text' placeholder='Your Email...'/></div>"),
$fromName = $("<div><input class='cc-input-text' placeholder='Your Name...'/></div>"),
$message = $("<div><textarea class='cc-input-text' rows='4' placeholder='Message...'></textarea></div>"),
$sendButton = $("<div class='center-homepage-share-email-button cc-float-fix'></div>"),
$emailWarn = $("<span class='cc-success-color'></span>");
$sendBtn = $("<div class='center-homepage-share-email-send button-pure button-pure-blue'>Send</div>"),
$cancelBtn = $("<div class='center-homepage-share-email-cancel button-pure'>Cancel</div>"),
$outArrow = $("<div class='center-homepage-add-out-arrow'></div>"),
$arrow = $("<div class='center-homepage-add-inner-arrow'></div>"),
$emailTitle = $("<div class='center-homepage-contact-title'><span>Contact segar4dslot</span></div>");
$emailContext
.append($outArrow)
.append($arrow)
.append($emailTitle)
.append($sendContent
.append($fromName)
.append($fromEmail)
.append($message)
)
.append($sendButton
.append($emailWarn)
.append($sendBtn)
.append($cancelBtn)
).appendTo($("body"));
$fromEmail.children('input').add($fromName.children('input')).on("input propertychange change", function() {
$(this).removeClass("cc-validate-fail");
});
var shareInEmailFn = function() {
//return;
var $fromEmailInput = $fromEmail.children("input"),
$fromNameInput = $fromName.children("input"),
$messageInput = $message.children("textarea"),
fromEmailVal = $fromEmailInput.val().trim(),
fromNameVal = $fromNameInput.val().trim(),
messageVal = $messageInput.val().trim();
if (fromNameVal == "") {
$fromNameInput.addClass("cc-validate-fail");
$fromNameInput[0].focus();
$emailWarn.addClass('cc-error-color').removeClass('cc-success-color').html("<i class='icon icon-exclamation-sign'></i> Please enter your name.").show();
return;
}
$fromNameInput.removeClass("cc-validate-fail");
if (fromEmailVal == "") {
$fromEmailInput.addClass("cc-validate-fail");
$fromEmailInput[0].focus();
$emailWarn.addClass('cc-error-color').removeClass('cc-success-color').html("<i class='icon icon-exclamation-sign'></i> Please enter your email.").show();
return;
} else {
var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
if (!reg.test(fromEmailVal)) {
$fromEmailInput.addClass("cc-validate-fail");
$fromEmailInput[0].focus();
$emailWarn.addClass('cc-error-color').removeClass('cc-success-color').html("<i class='icon icon-exclamation-sign'></i> Invalid email address.").show();
return;
}
}
$fromEmailInput.removeClass("cc-validate-fail");
$emailWarn.addClass('cc-error-color').removeClass('cc-success-color').html("");
$.ajax({
url: "/center/db/contact-homepage-user.php",
type: "post",
dataType: "json",
data: {
fromName: fromNameVal,
fromEmail: fromEmailVal,
fromMessage: messageVal,
toLink: "wtsrh"
},
beforeSend: function() {
utils.addSpin($emailContext);
},
success: function(data) {
utils.removeSpin($emailContext);
if (data.status == '1') {
$emailWarn.addClass('cc-success-color').removeClass('cc-error-color').html("<i class='icon icon-ok'></i> Sent successfully!").show();
} else {
$emailWarn.addClass('cc-error-color').removeClass('cc-success-color').html(fh5.pageData.tips.ConnectionError).show();
}
//$emailContext.hide();
//emailFlag = false;
},
error: function(error) {
utils.removeSpin($emailContext);
$emailWarn.addClass('cc-error-color').removeClass('cc-success-color').html(fh5.pageData.tips.ConnectionError).show();
}
});
};
var emailFlag = false;
$("#center-homepage-contact-email").on("click", function(event) {
if (fh5.isLoggedIn) {
if (emailFlag) {
$emailContext.hide();
emailFlag = false;
} else {
$emailContext.css({
left: $(this).offset().left - 420 / 2 + 12,
top: $(this).offset().top + $(this).outerHeight() + 10
}).show();
$fromEmail.children('input').add($fromName.children('input')).add($message.children("textarea")).val("");
$fromName.children('input').removeClass("cc-validate-fail").focus();
$fromEmail.children('input').removeClass("cc-validate-fail");
$emailWarn.addClass('cc-error-color').removeClass('cc-success-color').html("");
emailFlag = true;
}
event.preventDefault();
event.stopPropagation()
return false;
} else {
new SignInPanel({
callback: function() {
location.reload();
}
});
}
});
$cancelBtn.on("click", function(event) {
$emailContext.hide();
emailFlag = false;
event.preventDefault();
event.stopPropagation()
return false;
});
$sendBtn.on("click", function(event) {
shareInEmailFn();
event.preventDefault();
event.stopPropagation()
return false;
});
$emailContext.on("click", function(event) {
event.preventDefault();
event.stopPropagation()
return false;
});
$(document).on("click", function(event) {
if (emailFlag) {
$emailContext.hide();
emailFlag = false;
}
});
});
})(window.jQuery);
</script> </div>
</div>
</div>
</body>
</html>