PETITTO STUDIO
Oil paintings by Andrea Petitto
<!doctype html>
<html lang="en">
<head>
<title>Flipbook</title>
<meta name="description" content="Flipbook Little Women A dozen small paintings">
<meta name="robots" content="index, 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//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="flipbook/extras/jquery.min.1.7.js"></script>
<script type="text/javascript" src="flipbook/extras/jquery-ui-1.8.20.full.min.js"></script>
<script type="text/javascript" src="flipbook/extras/modernizr.2.5.3.min.js"></script>
<script type="text/javascript" src="flipbook/lib/hash.js"></script>
<script type="text/javascript">
var flipbookcfg={
url: ".\/data\/",
cover: 0,
numPages: 26,
textTip: "Press ESC to exit. Use the keyboard arrows to change the page.",
background: ".\/flipbook\/files\/backgrounds\/back14.svg",
showSlider: "null",
showSocial: "null",
showformat: "1",
companyLogo: "https:\/\/www.flipbookpdf.net\/web\/site\/img\/logonet.png",
title: "Little Women",
tagtitle: "Flipbook",
description: "A dozen small paintings",
showDownload: "null",
backlink: "https:\/\/www.flipbookpdf.net",
opacity: "0.4",
name: "93ab3a88e6b949daf9edab1d53c027eb43171671FBP20625972.pdf",
direction: "ltr",
flipsound: "null",
widthimg: "1921",
heightimg: "2560"
};
</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;
}
}
</style>
</head>
<body>
<div class="logo-backs"></div>
<audio id="audio" src="flipbook/pics/page-flip.mp3"></audio>
<a href="https://www.flipbookpdf.net"><img src="https://www.flipbookpdf.net/web/site/img/logonet.png?img=1606856192" 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="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="flipbook/pics/zoomin.png" /></a>
<a href="#" id="zoomout" style="font-size:16px; color:#808080; text-decoration: none; font-weight:bold"><img src="flipbook/pics/zoomout.png" /></a>
</div>
<a href="./PDF/93ab3a88e6b949daf9edab1d53c027eb43171671FBP20625972.pdf" target="_blank" ><img style="display:none;" src="flipbook/pics/down-pdf.png" /></a>
<div class="zoom-icon zoom-icon-in"></div>
<input type="image" class="fs" src="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="flipbook/js/core.js"></script>
<script type="text/javascript">
yepnope({
test: Modernizr.csstransforms,
yep: ['flipbook/lib/turn.min.js'],
nope: ['flipbook/lib/turn.html4.min.js', 'flipbook/css/jquery.ui.html4.css'],
both: ['flipbook/lib/zoom.min.js', 'flipbook/css/jquery.ui.css', 'flipbook/js/magazineoff.js', '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"></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>