| Server IP : 69.164.203.165 / Your IP : 216.73.216.219 Web Server : nginx/1.18.0 System : Linux localhost 6.14.3-x86_64-linode168 #1 SMP PREEMPT_DYNAMIC Mon Apr 21 19:47:55 EDT 2025 x86_64 User : www-data ( 33) PHP Version : 8.1.31 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /opt/matlock/flipbook/ |
Upload File : |
<!doctype html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<!-- viewport -->
<meta content="width=device-width,initial-scale=1" name="viewport">
<!-- title -->
<title>Newspaper FlipBook in jQuery</title>
<!-- style css -->
<style>
html,body {
margin: 0;
padding: 0;
width:100%;
height:100%;
overflow:hidden;
}
.bcg-intro{
border:1px solid #033;
width:100%;
height:100%;
background: none no-repeat center center;
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
background-image:url(img/bg.jpg);
}
.btn{
text-decoration:none;
color:#FFFFFF;
border-radius: 8px 8px 8px 8px;
padding:10px;
font-size:17px;
font-family:Arial;
font-weigh:normal;
background-color: #9B7D59;
color: #FFFFFF;
display:block;
/*float:left;/*/
margin:10px;
text-align:center;
width:200px;
opacity:1;
box-shadow: 0px 0px 5px #68543C;
}
.btn:hover{
color:#9B7D59;
background-color:#FFFFFF;
}
.cont-btn{
display:block;
position:absolute;
left:50%;
top:50%;
margin:0px;
padding:0px;
margin-left:-110px;
transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
}
</style>
</head>
<body>
<div class="bcg-intro">
<div class="cont-btn">
<a class="btn" href="full-area.html" target="_blank">Full Area</a>
<a class="btn" href="full-area-pdf.html" target="_blank">Full Area - pdf</a>
<a class="btn" href="responsive.html" target="_blank">Responsive</a>
<a class="btn" href="not-responsive.html" target="_blank">Not Responsive</a>
<a class="btn" href="lightbox.html" target="_blank">Lightbox</a>
<a class="btn" href="lightbox-autostart.html" target="_blank">Lightbox autostart</a>
</div>
</div>
</body>
</html>