Heray-Was-Here
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
Directory :  /opt/matlock/flipbook/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /opt/matlock/flipbook/responsive.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>responsive Newspaper FlipBook -jQuery</title>        
        
    <!-- add css style -->
    <link type="text/css" href="css/style.css" rel="stylesheet">
	<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Play:400,700">
    <link type="text/css" href="css/font-awesome.min.css" rel="stylesheet">
    
    <!-- add js code -->
	<script src="js/jquery.js"></script>
    <script src="js/jquery_no_conflict.js"></script>
    <script src="js/turn.js"></script>              
    <script src="js/wait.js"></script>
	<script src="js/jquery.fullscreen.js"></script>
    <script src="js/jquery.address-1.6.min.js"></script>
	<script src="js/compatibility.js"></script>
    <script src="js/pdf.js"></script>
	<script src="js/onload.js"></script>


	<style>
    html, body {
        margin: 0;
        padding: 0;
		overflow:auto !important;
    }
    </style> 
      
  </head> 
<body>
  


<!-- begin flipbook  -->
<div id="fb5-ajax" data-cat="your_book_name"> 			

    <!-- BACKGROUND FLIPBOOK -->
	<div class="fb5-bcg-book"></div>     
        
    <!-- BEGIN STRUCTURE HTML FLIPBOOK -->      
    <div class="fb5" id="fb5">      
        
        <!-- CONFIGURATION BOOK -->
        <section id="config">
         <ul>
            <li key="page_width">918</li>               <!-- width for page -->
            <li key="page_height">1298</li>             <!-- height for page -->
            <li key="gotopage_width">25</li>            <!-- width for field input goto page -->
            <li key="zoom_double_click">1</li>          <!-- value zoom after double click -->
            <li key="zoom_step">0.06</li>				<!-- zoom step ( if click icon zoomIn or zoomOut -->
            <li key="toolbar_visible">true</li>			<!-- enabled/disabled toolbar -->
            <li key="tooltip_visible">true</li>			<!-- enabled/disabled tooltip for icon -->
            <li key="deeplinking_enabled">true</li>   	<!-- enabled/disabled deeplinking -->  
            <li key="lazy_loading_pages">true</li>		<!-- enabled/disabled lazy loading for pages in flipbook -->
            <li key="lazy_loading_thumbs">false</li>	<!-- enabled/disabled lazdy loading for thumbs -->
            <li key="double_click_enabled">true</li> 	<!-- enabled/disabled double click mouse for flipbook -->                 
            <li key="rtl">false</li>					<!-- enabled/disabled 'right to left' for eastern countries -->
            <li key="pdf_url"></li>		                <!-- pathway to a pdf file ( the file will be read live ) -->
            <li key="pdf_scale">1</li>					<!-- to live a pdf file (if you want to have a strong zoom - increase the value) -->
        </ul> 
        </section>
        
        <!-- BEGIN PRELOADER -->
        <div class="fb5-preloader"></div>
        <!-- END PRELOADER -->  
      
        <!-- BEGIN BACK BUTTON -->
        <a href="http://www.page-flip.info/newspaper_wp" id="fb5-button-back">&lt; Back </a>
        <!-- END BACK BUTTON -->                        
      
        <!-- BEGIN CONTAINER BOOK -->
        <div id="fb5-container-book">
     
            <!-- BEGIN deep linking -->  
            <section id="fb5-deeplinking">
              <ul>
                  <li data-address="page1" data-page="1"></li>
                  <li data-address="page2-page3" data-page="2"></li>
                  <li data-address="page2-page3" data-page="3"></li>
                  <li data-address="page4-page5" data-page="4"></li>
                  <li data-address="page4-page5" data-page="5"></li>
                  <li data-address="page6-page7" data-page="6"></li>
                  <li data-address="page6-page7" data-page="7"></li>
                  <li data-address="page8-page9" data-page="8"></li>
                  <li data-address="page8-page9" data-page="9"></li>
                  <li data-address="page10-page11" data-page="10"></li>
                  <li data-address="page10-page11" data-page="11"></li>
                  <li data-address="page12" data-page="12"></li>
              </ul>
            </section>
            <!-- END deep linking -->  
                
            <!-- BEGIN ABOUT -->
            <section id="fb5-about">
            </section>
            <!-- END ABOUT -->
            
            
            <!-- BEGIN LINKS -->
            <section id="links">
            
                    <!-- begin links for PAGE 1 -->
                    <div data-page="1" class="links">                                 
                            <a href="http://codecanyon.net/user/flashmaniac" target="_blank">
                                 <div class="link" style="left:100px;top:1055px;width:735px;height:80px"></div> 
                            </a>
                            <a href="http://codecanyon.net/user/flashmaniac" target="_blank">
                                 <div class="link" style="left:36px;top:338px;width:144px;height:183px"></div>
                            </a>
                            <a href="http://codecanyon.net/user/flashmaniac" target="_blank">
                                 <div class="link" style="left:36px;top:539px;width:144px;height:146px"></div>
                            </a>  
                            <a href="http://codecanyon.net/user/flashmaniac" target="_blank">
                                 <div class="link" style="left:36px;top:765px;width:148px;height:80px"></div>
                            </a>
                            <a href="javascript:setPage(2)" target="_blank">
                                 <div class="link" style="left:703px;top:361px;width:200px;height:347px"></div>
                            </a>
                            <a href="javascript:setPage(2)" target="_blank">
                                 <div class="link" style="left:622px;top:708px;width:268px;height:160px"></div>
                            </a>                                                
                     </div>
                     <!-- end links for PAGE 1 -->
           
           </section>     
           <!-- END LINKS --> 
    
            <!-- BEGIN PAGES -->
            <div id="fb5-book">                       
                                     
                        <!-- begin page 1 -->          
                        <div data-background-image="pages/1.jpg">          
                               
                                     <!-- container page book --> 
                                     <div class="fb5-cont-page-book">
                                     
                                            <!-- gradient for page -->
                                            <div class="fb5-gradient-page"></div>                
                                         
                                            <!-- PDF.js --> 
                                            <canvas id="canv1"></canvas>                                                               
                                           
                                            <!-- description for page --> 
                                            <div class="fb5-page-book">
                                                             
                                            </div> 
                                                      
                                     
                                      </div> <!-- end container page book --> 
                                
                          </div>
                         <!-- end page 1 -->                    
                        
                          
                                     
                         <!-- begin page 2 -->          
                        <div data-background-image="pages/2.jpg">
                          
                               
                             <!-- container page book --> 
                             <div class="fb5-cont-page-book">
                             
                                <!-- gradient for page -->
                                <div class="fb5-gradient-page"></div>
                                
                             
                                <!-- PDF.js --> 
                                <canvas id="canv2"></canvas> 
                                                                              
                               
                                <!-- description for page --> 
                                <div class="fb5-page-book">
                                                 
                                </div> 
                          
                              </div> <!-- end container page book --> 
                                
                        </div>
                        <!-- end page 2 --> 
                          
                        
                      
                                     
                                     
                         <!-- begin page 3 -->         
                        <div data-background-image="pages/3.jpg">
                          
                               
                             <!-- container page book --> 
                             <div class="fb5-cont-page-book">
                             
                                <!-- gradient for page -->
                                <div class="fb5-gradient-page"></div>
                                
                             
                                <!-- PDF.js --> 
                                <canvas id="canv3"></canvas> 
                                                                              
                               
                                 <!-- description for page from WYSWIG --> 
                                <div class="fb5-page-book">
                                                 
                                </div> 
                         
                                
                              </div> <!-- end container page book --> 
                                
                        </div>
                        <!-- end page 3 -->
                          
                        
                      
                                     
                                     
                         <!-- begin page 4 -->          
                        <div data-background-image="pages/4.jpg">
                          
                               
                             <!-- container page book --> 
                             <div class="fb5-cont-page-book">
                             
                                <!-- gradient for page -->
                                <div class="fb5-gradient-page"></div>                            
                             
                                <!-- PDF.js --> 
                                <canvas id="canv4"></canvas>                                                                           
                               
                                 <!-- description for page  --> 
                                <div class="fb5-page-book">
                                                 
                                </div> 
                
                                
                              </div> <!-- end container page book --> 
                                
                        </div>
                        <!-- end page 4 -->
                          
                        
                      
                                     
                                     
                         <!-- begin page 5 -->          
                        <div data-background-image="pages/5.jpg">
                          
                               
                             <!-- container page book --> 
                             <div class="fb5-cont-page-book">
                             
                                <!-- gradient for page -->
                                <div class="fb5-gradient-page"></div>
                                
                             
                                <!-- PDF.js --> 
                                <canvas id="canv5"></canvas> 
                                                                              
                               
                                 <!-- description for page from WYSWIG --> 
                                <div class="fb5-page-book">
                                                 
                                </div> 
                   
                                
                              </div> <!-- end container page book --> 
                                
                        </div>
                        <!-- end page 5 -->
                          
                        
                      
                                     
                                     
                         <!-- begin page 6 -->         
                        <div data-background-image="pages/6_7.jpg" class="fb5-double fb5-first">
                          
                               
                             <!-- container page book --> 
                             <div class="fb5-cont-page-book">
                             
                                <!-- gradient for page -->
                                <div class="fb5-gradient-page"></div>
                                
                             
                                <!-- PDF.js --> 
                                <canvas id="canv6"></canvas> 
                                                                              
                               
                                 <!-- description for page from WYSWIG --> 
                                <div class="fb5-page-book">
                                                 
                                </div> 
                
                                
                              </div>
                              <!-- end container page book --> 
                                
                        </div>
                        <!-- end page 6 -->
                          
                        
                      
                                     
                                     
                         <!-- begin page 7 -->          
                        <div data-background-image="pages/6_7.jpg" class="fb5-double fb5-second">
                          
                               
                             <!-- container page book --> 
                             <div class="fb5-cont-page-book">
                             
                                <!-- gradient for page -->
                                <div class="fb5-gradient-page"></div>
                                
                             
                                <!-- PDF.js --> 
                                <canvas id="canv7"></canvas> 
                                                                              
                               
                                 <!-- description for page --> 
                                <div class="fb5-page-book">
                                                 
                                </div> 
                 
                              </div>
                              <!-- end container page book --> 
                                
                        </div>
                        <!-- end page 7 -->
                          
                        
                      
                                     
                                     
                         <!-- begin page 8 -->          
                        <div data-background-image="pages/8_9.jpg" class="fb5-double fb5-first">
                          
                               
                             <!-- container page book --> 
                             <div class="fb5-cont-page-book">
                             
                                <!-- gradient for page -->
                                <div class="fb5-gradient-page"></div>
                                
                             
                                <!-- PDF.js --> 
                                <canvas id="canv8"></canvas> 
                                                                              
                               
                                 <!-- description for page --> 
                                <div class="fb5-page-book">
                                                 
                                </div> 
                   
                              </div> <!-- end container page book --> 
                                
                        </div>
                        <!-- end page 8 -->               
                      
                                     
                                     
                         <!-- begin page 9 -->          
                        <div data-background-image="pages/8_9.jpg" class="fb5-double fb5-second">
                          
                               
                             <!-- container page book --> 
                             <div class="fb5-cont-page-book">
                             
                                <!-- gradient for page -->
                                <div class="fb5-gradient-page"></div>
    
                                
                             
                                <!-- PDF.js --> 
                                <canvas id="canv9"></canvas> 
                                                                              
                               
                                 <!-- description for page  --> 
                                <div class="fb5-page-book">
                                                 
                                </div> 
                  
                                
                              </div>
                              <!-- end container page book --> 
                                
                        </div>
                        <!-- end page 9 -->
                          
                        
                      
                                     
                                     
                         <!-- begin page 10 -->          
                        <div data-background-image="pages/10.jpg">
                          
                               
                             <!-- container page book --> 
                             <div class="fb5-cont-page-book">
                             
                                <!-- gradient for page -->
                                <div class="fb5-gradient-page"></div>
                                
                             
                                <!-- PDF.js --> 
                                <canvas id="canv10"></canvas> 
                                                                              
                               
                                 <!-- description for page --> 
                                <div class="fb5-page-book">
                                                 
                                </div> 
                                          
                                                
                              </div> <!-- end container page book --> 
                                
                        </div>
                        <!-- end page 10 -->
                          
                        
                      
                                     
                                     
                         <!-- begin page 11 -->          
                        <div data-background-image="pages/11.jpg">
                          
                               
                             <!-- container page book --> 
                             <div class="fb5-cont-page-book">
                             
                                <!-- gradient for page -->
                                <div class="fb5-gradient-page"></div>
                                
                             
                                <!-- PDF.js --> 
                                <canvas id="canv11"></canvas> 
                                                                              
                               
                                 <!-- description for page --> 
                                <div class="fb5-page-book">
                                                 
                                </div> 
                   
                              </div> <!-- end container page book --> 
                                
                        </div>
                        <!-- end page 11 -->
                          
                        
                      
                                     
                                     
                         <!-- begin page 12 -->          
                        <div data-background-image="pages/12.jpg">
                          
                               
                             <!-- container page book --> 
                             <div class="fb5-cont-page-book">
                             
                                <!-- gradient for page -->
                                <div class="fb5-gradient-page"></div>
                                
                             
                                <!-- PDF.js --> 
                                <canvas id="canv12"></canvas> 
                                                                              
                               
                                 <!-- description for page --> 
                                <div class="fb5-page-book">
                                                 
                                </div> 
                  
                                
                              </div> <!-- end container page book --> 
                                
                        </div>
                        <!-- end page 12 -->
              
            
          
              
            </div>
            <!-- END PAGES -->
            
        </div>
        <!-- END CONTAINER BOOK -->
    
        <!-- BEGIN FOOTER -->
        <div id="fb5-footer">
        
            <div class="fb5-bcg-tools"></div>
            
            
             
            <a id="fb5-logo" target="_blank" href="http://codecanyon.net/user/flashmaniac?ref=flashmaniac">
                <img alt="" src="img/logo.png">
                 
            </a>
            
            <div class="fb5-menu" id="fb5-center">
                <ul>
                
                    <!-- icon_home -->
                    <li>
                        <a title="show home page" class="fb5-home"><i class="fa fa-home"></i></a>
                    </li>
                                    
                    
                    <!-- icon download -->
                    <li>
                        <a title="download pdf" class="fb5-download" href="img/file.zip"><i class="fa fa-download"></i></a>
                    </li>
                                
                            
                    <!-- icon arrow left -->
                    <li>
                        <a title="prev page" class="fb5-arrow-left"><i class="fa fa-chevron-left"></i>
    </a>
                    </li>
                                    
                    
                      <!-- icon arrow right -->
                    <li>
                        <a title="next page" class="fb5-arrow-right"><i class="fa fa-chevron-right"></i>
    </a>
                    </li>
                                    
                    
                    <!-- icon_zoom_in -->                     
                    <li>
                        <a title="zoom in" class="fb5-zoom-in"><i class="fa fa-search-plus"></i></a>
                    </li>
                                                
                               
                    
                    <!-- icon_zoom_out -->                 
                    <li>
                        <a title="zoom out" class="fb5-zoom-out"><i class="fa fa-search-minus"></i></a>
                    </li>
                                    
                    
                     <!-- icon_zoom_auto -->
                    <li>
                        <a title="zoom auto" class="fb5-zoom-auto"><i class="fa fa-search"></i></a>
                    </li>
                                    
                               
                    <!-- icon_allpages -->
                    <li>
                        <a title="show all pages" class="fb5-show-all"><i class="fa fa-list"></i></a>
                    </li>
                                                    
                    
                    <!-- icon fullscreen -->                 
                    <li>
                        <a title="full/normal screen" class="fb5-fullscreen"><i class="fa fa-expand"></i></a>
                    </li>
                                    
                  
                    
                </ul>
            </div>
            
            <div class="fb5-menu" id="fb5-right">
                <ul>              
                    <!-- icon page manager -->                 
                    <li class="fb5-goto">
                        <label for="fb5-page-number" id="fb5-label-page-number"></label>
                        <input type="text" id="fb5-page-number" style="width: 25px;"> 
                        <span id="fb5-page-number-two"></span>
                        
                    </li>                
                </ul>
            </div>
            
            
        
        </div>
        <!-- END FOOTER -->
     
        <!-- BEGIN ALL PAGES -->
        <div id="fb5-all-pages" class="fb5-overlay">
    
          <section class="fb5-container-pages">
    
            <div id="fb5-menu-holder">
    
                <ul id="fb5-slider">       	 
                                            
                                             <!-- thumb 1 -->
                                             <li class="1">
                                                  <img alt="" data-src="pages/1_.jpg">
                                              
                                             </li>
                                                                                                                             
                                             <!-- thumb 2 -->
                                             <li class="2">
                                                <img alt="" data-src="pages/2_.jpg">										  
                                             </li>
                                        
                                                
                                             <!-- thumb 3 -->
                                             <li class="3">
                                                  <!-- img -->
                                                  <img alt="" data-src="pages/3_.jpg">
                                              
                                             </li>
                                             
                                             
                                             <!-- thumb 4 -->
                                             <li class="4">
                                                  <!-- img -->
                                                  <img alt="" data-src="pages/4_.jpg">
                                              
                                             </li>
                                             
                                             
                                             <!-- thumb 5 -->								 	
                                             <li class="5">
                                                  <!-- img -->
                                                  <img alt="" data-src="pages/5_.jpg">
                                              
                                             </li>
                                             
                                             <!-- thumb 6 and 7 -->
                                             <li class="6">
                                                  <!-- img -->
                                                  <img alt="" data-src="pages/6_7_.jpg">
                                              
                                             </li>
                                             
                                                                             
                                             <!-- thumb 8 and 9 -->
                                             <li class="8">
                                                  <!-- img -->
                                                  <img alt="" data-src="pages/8_9_.jpg">
                                              
                                             </li>
                                             
                                                                        
                                             <!-- thumb 10 -->
                                             <li class="10">
                                                  <!-- img -->
                                                  <img alt="" data-src="pages/10_.jpg">
                                              
                                             </li>
                                             
                                             <!-- thumb 11 -->
                                             <li class="11">
                                                  <!-- img -->
                                                  <img alt="" data-src="pages/11_.jpg">
                                              
                                             </li>
                                             
                                             
                                             <!-- thumb 12 -->
                                             <li class="12">
                                                  <!-- img -->
                                                  <img alt="" data-src="pages/12_.jpg">
                                              
                                             </li>
                                            
                                                     
    
                </ul>
            
            </div>
    
        </section>
    
       </div>
        <!-- END ALL PAGES -->           
      
        <!-- BEGIN CLOSE LIGHTBOX  -->
        <div id="fb5-close-lightbox">
         <i class="fa fa-times pull-right"></i>
        </div>  
        <!-- END CLOSE LIGHTBOX -->
    
    
    </div>
    <!-- END STRUCTURE HTML FLIPBOOK -->



     
</div>
<!-- end flipbook -->






</body>
</html>

Hry