Scribd
Upload
52 views

Flipbook Url Upload

The document is a long HTML document that defines the structure and styling of a flipbook viewer. It includes scripts to load the flipbook, handle interactions, and includes analytics tracking code.

Uploaded by

yylam
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
52 views

Flipbook Url Upload

The document is a long HTML document that defines the structure and styling of a flipbook viewer. It includes scripts to load the flipbook, handle interactions, and includes analytics tracking code.

Uploaded by

yylam
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 5

<!

doctype html>
<html lang="en">
<head>
<title>Flipbook</title>
<meta name="description" content="Flipbook ">
<meta name="robots" content="noindex, nofollow">
<!-- <meta name="viewport" content="width = 1050, user-scalable = no" /> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:image"
content="https://www.flipbookpdf.net/web/files/flipbooks/1eda3b1594401834fe1c8e6c06
07ecf80801fae8202211.pdf/1-thumb.jpg">
<link href='https://fonts.googleapis.com/css?family=Indie+Flower|
Open+Sans:400,700|Ubuntu:400,700|Great+Vibes' rel='stylesheet' type='text/css'>

<script type="text/javascript"
src="/web/site/flipbook/extras/jquery.min.1.7.js"></script>
<script type="text/javascript" src="/web/site/flipbook/extras/jquery-ui-
1.8.20.full.min.js"></script>
<script type="text/javascript"
src="/web/site/flipbook/extras/modernizr.2.5.3.min.js"></script>
<script type="text/javascript" src="/web/site/flipbook/lib/hash.js"></script>
<script type="text/javascript">
var flipbookcfg={
url:
"..\/files\/flipbooks\/1eda3b1594401834fe1c8e6c0607ecf80801fae8202211.pdf\/",
cover: 0,
numPages: 24,
textTip: "Press ESC to exit. Use the keyboard arrows to change the
page.",
background: "..\/..\/lib\/assets\/files\/backgrounds\/back14.svg",
showSlider: null,
showSocial: null,
showformat: 1,
companyLogo:
"https:\/\/fanyv88.com:443\/https\/www.flipbookpdf.net\/web\/site\/img\/logonet.png",
title: "",
tagtitle: "Flipbook",
description: "",
showDownload: null,
backlink: "https:\/\/fanyv88.com:443\/https\/www.flipbookpdf.net",
opacity: 0.40000000000000002220446049250313080847263336181640625,
name: "1eda3b1594401834fe1c8e6c0607ecf80801fae8202211.pdf",
direction: "ltr",
flipsound: null,
widthimg: 1517,
heightimg: 1913

};
</script>
<style>
.logo-backs {
opacity: 0.4;
}
.form-element1 input[type=text], .form-element1 select, .form-element1 textarea {
border: 1px solid gray;
padding: 5px;
min-width: 74px;
resize: vertical;
}

.form-element1 {
margin-top: 10px;
margin-bottom: 12px;
margin-left: 65px;
}

@media only screen and (max-width: 750px) {


.flipbook-title {
display:none!important;
}
.zoom-icon {
display:none;
}

.controls-pdf {
right: 20px!important;
}

#ads {
z-index:100;
position: fixed;
bottom:14px;
text-align: center;
padding: 2px;
width: 100%;
}

</style>

<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-


cbid="5261d235-39be-49cc-9546-c44067be9bee" data-blockingmode="auto"
type="text/javascript"></script>

</head>
<body>

<div class="logo-backs"></div>

<audio id="audio" src="/web/site/flipbook/pics/page-flip.mp3"></audio>

<a href="https://www.flipbookpdf.net">
<img src="https://www.flipbookpdf.net/web/site/img/logonet.png" style="position:
absolute;bottom:15px;left: 15px;z-index: 100;height: auto; width: auto; max-width:
16%; max-height: 19%;"></a>

<div class="flipbook-title" style="display: none;">


<h1></h1>
<h2></h2>
<p></p>
</div>

<div id="canvas">

<!--<div class="close-icon">
<img src="/web/site/flipbook/pics/close.png" style="cursor:
pointer;" />
</div>
-->

<div class="controls-pdf">
<div class="controlzoom" style="display:none">
<a href="#" id="zoomin" style="font-size:16px; color:#808080; text-
decoration: none; font-weight:bold"><img
src="/web/site/flipbook/pics/zoomin.png" /></a>
<a href="#" id="zoomout" style="font-size:16px; color:#808080; text-
decoration: none; font-weight:bold"><img
src="/web/site/flipbook/pics/zoomout.png" /></a>

</div>

<a
href="../files/uploads/1eda3b1594401834fe1c8e6c0607ecf80801fae8202211.pdf"
target="_blank" ><img class="down-pdf" src="/web/site/flipbook/pics/down-
pdf.png" /></a>
<div class="zoom-icon zoom-icon-in"></div>
<input type="image" class="fs" src="/web/site/flipbook/pics/fs.png"
onclick="openFullscreen();"/>
<a href="#" id="prev"></a>
<a href="#" id="next"></a>
</div>

<div class="magazine-viewport" id="flipfull">

<div class="container">
<div class="magazine">

<div ignore="1" class="next-button"></div>


<div ignore="1" class="previous-button"></div>
</div>
</div>
<div class="bottom">
<div id="slider-bar" class="turnjs-slider">
<div id="slider"></div>
</div>
</div>
</div>
</div>

<script type="text/javascript" src="/web/site/flipbook/js/core.js"></script>


<script type="text/javascript">
yepnope({
test: Modernizr.csstransforms,
yep: ['/web/site/flipbook/lib/turn.min.js'],
nope: ['/web/site/flipbook/lib/turn.html4.min.js',
'/web/site/flipbook/css/jquery.ui.html4.css'],
both: ['/web/site/flipbook/lib/zoom.min.js',
'/web/site/flipbook/css/jquery.ui.css', '/web/site/flipbook/js/magazinenolink.js',
'/web/site/flipbook/css/magazine.css'],
complete: loadApp
});
</script>

<!-- Global site tag (gtag.js) - Google Analytics -->


<script async src="https://www.googletagmanager.com/gtag/js?id=UA-144220429-1"></
script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-144220429-1');
</script>

<script type="text/javascript"
src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5d6ec09e6b312392"
defer></script>

<script>
var elem = document.getElementById("flipfull");
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) { /* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();
} else if (elem.webkitEnterFullscreen) {
elem.webkitEnterFullscreen(); //for iphone this code worked
}
}
</script>

</body>
</html>

You might also like