1#@!#!123s

https 1#@!#!123s
: / home2 / hershinecreation / public_html / highclassint.co.uk / flipbook /
Filename : flip.php
back
<!doctype html>
	<html>
	<head>
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
	<meta content="width=device-width,initial-scale=1" name="viewport">
	<meta name="generator" content="Y2F0YWxvZy53bGltZy5jb20=">
	<title>High Class International Trade Limited</title>
	<!-- <link rel="shortcut icon" href="images/logo.png" type="image/x-icon"> -->
	<link type="text/css" href="flip/aa.css" rel="stylesheet">
	<link type="text/css" href="flip/style.css" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">	
	<link href="flip/mini.css" rel="stylesheet">
    <script src="flip/j.js"></script>
    <script src="flip/t.js"></script>              
	<script src="flip/b.js"></script>
	<script src="flip/mini.js"></script>
	<script src="flip/theme.js"></script>
	<!-- style css  -->
	<style>	
	html,body {
		margin: 0;
		padding: 0;
		overflow:auto !important; font:12px Arial,sans-serif;
		background:url('flip/bg.jpg');
		background-position:center center;
	
	}
	
	</style>
	
	<style>
	#fancybox-wrap, #fancybox-wrap div{box-sizing:content-box;}
	button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;overflow:visible;}
	button[disabled],input[disabled]{cursor:default;}
	button::-moz-focus-inner,input::-moz-focus-inner{border:0;}
	button,.button{padding:5px 10px;}
	#aside{top:10px;left:-196px;position:absolute;z-index:99}
	form{display:inline}
	select{width:125px;border-radius:3px;padding:2px 5px;font-size: 1.3em;}
	#aside #show-modify-theme{
		float:right;padding:5px;background:#ff8000;border:1px solid rgba(255,255,255,.5);
		-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;
		-webkit-box-shadow:0 0 5px #ff8000;-moz-box-shadow:0 0 5px #ff8000;box-shadow:0 0 5px #ff8000;
	}
	#modify-theme{
		background:#ff8000;background:rgba(255,255,255,.9);padding:20px 10px;border:1px solid #444;margin-right:30px;width:175px;
		-webkit-border-radius:0 0 10px 0;-moz-border-radius:0 0 10px 0;border-radius:0 0 10px 0;
		-webkit-box-shadow:0 0 10px #ff8000;-moz-box-shadow:0 0 10px #ff8000;box-shadow:0 0 10px #ff8000;
	}
	#modify-theme > p{margin:0 0 5px;font-weight:bold;}
	#fb5 .fb5-menu .counter{width:120px; white-space:nowrap}
	
	</style>
	
	<style id="styleBodyBgColor">
	html,#fb5 .fb5-bcg-book{
	
			background-image:url(flip/bg.jpg)
			}
	</style>
	
	<style id="styleFooterBgColor">
	#bottom,#fb5 #fb5-footer,#fb5 .fb5-nav-arrow{background:#1c594b}
	</style>
	
	<style id="styleFooterColor">
	#bottom, #bottom a,#fb5 #fb5-footer,#fb5 #fb5-footer a,#fb5 .fb5-nav-arrow{color:#fff;}
	</style>
	
	</head>
	<body>
		
	<!-- DIV YOUR WEBSITE --> 
	<div style="width:100%;margin:0 auto" >
	
	<!-- BEGIN FLIPBOOK STRUCTURE -->  
	<div id="fb5-ajax">
	
	<!-- BEGIN HTML BOOK -->
	<div data-current="book5" class="fb5" id="fb5">
	
	<!-- PRELOADER -->
	<div id="Page_loader" class="fb5-preloader">
	<div class="AniDG"></div>
	</div>
	
	<!-- BACKGROUND FOR BOOK -->  
	<div class="fb5-bcg-book"></div> 
	
	<!-- BEGIN CONTAINER BOOK -->
	<div id="fb5-container-book">
	
	<!-- BEGIN deep linking -->  
	<section id="fb5-deeplinking">
    <ul>
         
					            <li data-address="cover" data-page="1"></li>
								<li data-address="page1-2" data-page="2"></li>
								<li data-address="page2-3" data-page="3"></li>
								<li data-address="page3-4" data-page="4"></li>
								<li data-address="page4-5" data-page="5"></li>
								<li data-address="page5-6" data-page="6"></li>
								<li data-address="page6-7" data-page="7"></li>
								<li data-address="page7-8" data-page="8"></li>
								<li data-address="page8-9" data-page="9"></li>
								<li data-address="page9-10" data-page="10"></li>
								<li data-address="page10-11" data-page="11"></li>
								<li data-address="page11-12" data-page="12"></li>
								<li data-address="page12-13" data-page="13"></li>
								
								<li data-address="end" data-page="14"></li>
							    
					
    </ul>
    </section>
	<!-- END deep linking -->
	
	<!-- BEGIN BOOK -->
	<div id="fb5-book">
	<div data-background-image="flip/front.gif" style="background-size:100% 100%; color: #ff8000;" >
	<div class="fb5-cont-page-book">
  
    </div>
	</div>
    <!-- ------------------------------------About Page ----------------------------------------------------------------- -->

	

    <!-- ------------------------------------Product page-1 ----------------------------------------------------------------- -->
    <div data-background-image="flip/1.jpg" style="background-size:100% 100%;">
	<div class="fb5-cont-page-book">
	</div>
	</div>


    <div data-background-image="flip/2.jpg" style="background-size:100% 100%;">
	<div class="fb5-cont-page-book">

			  
	  
	 
	</div>
	</div>


<!-- ------------------------------------Product page-2 ----------------------------------------------------------------- -->
<div data-background-image="flip/3.jpg" style="background-size:100% 100%;">
	<div class="fb5-cont-page-book">

			  
	  
	 
	</div>
	</div>


<!-- ------------------------------------Product page-3 ----------------------------------------------------------------- -->
<div data-background-image="flip/4.jpg" style="background-size:100% 100%;">
	<div class="fb5-cont-page-book">

			  
	  
	 
	</div>
	</div>
 
<!-- ------------------------------------Product page-4 ----------------------------------------------------------------- -->


<div data-background-image="flip/5.jpg" style="background-size:100% 100%;">
	<div class="fb5-cont-page-book">

			  
	  
	 
	</div>
	</div>

<!-- ------------------------------------Product page-5 ----------------------------------------------------------------- -->

<div data-background-image="flip/6.jpg" style="background-size: cover;">
	<div class="fb5-cont-page-book">
	 
	</div>
</div>
<div data-background-image="flip/7.jpg" style="background-size: cover;">
	<div class="fb5-cont-page-book">
	 
	</div>
</div>
<div data-background-image="flip/8.jpg" style="background-size: cover;">
	<div class="fb5-cont-page-book">
	 
	</div>
</div>
<div data-background-image="flip/9.jpg" style="background-size: cover;">
	<div class="fb5-cont-page-book">
	 
	</div>
</div>
<div data-background-image="flip/10.jpg" style="background-size: cover;">
	<div class="fb5-cont-page-book">
	 
	</div>
</div>
<div data-background-image="flip/11.jpg" style="background-size: cover;">
	<div class="fb5-cont-page-book">
	 
	</div>
</div>
<div data-background-image="flip/12.jpg" style="background-size: cover;">
	<div class="fb5-cont-page-book">
	 
	</div>
</div>

<!-- ------------------------------------Product page-6 ----------------------------------------------------------------- -->


<!-- ------------------------------------Product page-7 ----------------------------------------------------------------- -->











<!-- ------------------------------------Contact Us page----------------------------------------------------------------- -->

	<div data-background-image="flip/end.gif" style="background-size:100% 100%;">
		<div class="fb5-cont-page-book">

     
        </div>
	</div>

</div>

	<!-- END BOOK -->
	
	<!-- arrows -->
	<a class="fb5-nav-arrow prev fa fa-angle-left" title="PREVIOUS PAGE"></a>
    <a class="fb5-nav-arrow next fa fa-angle-right" title="NEXT PAGE"></a>
    <!-- shadow -->
    <div class="fb5-shadow"></div>
	</div>
	<!-- END CONTAINER BOOK -->
	
	<!-- BEGIN FOOTER -->
	<div id="fb5-footer">
    <div class="fb5-bcg-tools"></div>
    <div class="fb5-menu" id="fb5-left">
	<ul>
    <li class="fb5-goto" title="JUMP TO">Jump: <select id="flipbook-select-menu">
        <option value="1">Cover</option>
        <option value="2">Page 2-3</option>
        <option value="4">Page 4-5</option>
        <option value="6">Page 6-7</option>
		<option value="8">Page 8-9</option>
		<option value="10">Page 10-11</option>
		<option value="12">Page 12-13</option>
		
		<option value="14">End</option>
        </select></li>
	<li class="counter" title="YOU ARE HERE"><p>Current: <span id="cur_pag"></span></p></li>
	</ul>
	</div>	
	
	<div class="fb5-menu" id="fb5-center">
	<ul>
	
	<!-- icon_home -->
    <li title="SHOW HOME PAGE">
        <a class="fb5-home"><i class="fa fa-home"></i></a>
    </li>
    
    <!-- icon_allpages -->
    <li title="SHOW ALL PAGES">
        <a class="fb5-show-all"><i class="fa fa-sitemap"></i></a>
    </li>
                        
    
    <!-- icon_zoom_in -->                              
    <li title="ZOOM IN">
        <a class="fb5-zoom-in"><i class="fa fa-search-plus"></i></a>
    </li>                               
    
    <!-- icon_zoom_out -->
     
    <li title="ZOOM OUT ">
        <a class="fb5-zoom-out"><i class="fa fa-search-minus"></i></a>
    </li>                                
    
    <!-- icon_zoom_auto -->
    <li title="ZOOM AUTO ">
        <a class="fb5-zoom-auto"><i class="fa fa-search"></i></a>
    </li>                                
    
    <!-- icon_zoom_original -->
    <li title="ZOOM ORIGINAL (SCALE 1:1)">
        <a class="fb5-zoom-original"><i class="fa fa-eye"></i></a>
    </li>
	
	</ul>
	</div>
	
	<div class="fb5-menu" id="fb5-right">
	<ul>   
	
	<!-- icon contact form -->                 
	<li title="DOWNLOAD (PDF)">
			<a class="fb5-download" href="flip/HighClass InternationalTradeLimited.pdf" target="_blank"><i class="fa fa-download"></i></a>
			</li>                          
	
	<!-- icon fullscreen -->                 
	<li title="FULL / NORMAL SCREEN">
    <a class="fb5-fullscreen"><i class="fa fa-arrows-alt"></i></a>
	</li>                                       
	
	</ul>
	</div>
	
	</div>
	
	<div id="fb5-all-pages" class="fb5-overlay">
	
	<section class="fb5-container-pages">
	
	<div id="fb5-menu-holder">
	
    <ul id="fb5-slider">	
	<li class="1"><img alt="" data-src="flip/front.gif" style="width:182px;"></li>
	<li class="2"><img alt="" data-src="flip/1.jpg" style="width:182px;"></li>
	<li class="3"><img alt="" data-src="flip/2.jpg" style="width:182px;"></li>
	<li class="4"><img alt="" data-src="flip/3.jpg" style="width:182px;"></li>
	<li class="5"><img alt="" data-src="flip/4.jpg" style="width:182px;"></li>
	<li class="6"><img alt="" data-src="flip/5.jpg" style="width:182px;"></li>
	<li class="7"><img alt="" data-src="flip/6.jpg" style="width:182px;"></li>
	<li class="8"><img alt="" data-src="flip/7.jpg" style="width:182px;"></li>
    <li class="9"><img alt="" data-src="flip/8.jpg" style="width:182px;"></li>

	<li class="10"><img alt="" data-src="flip/9.jpg" style="width:182px;"></li>
	<li class="11"><img alt="" data-src="flip/10.jpg" style="width:182px;"></li>
	<li class="12"><img alt="" data-src="flip/11.jpg" style="width:182px;"></li>
	<li class="13"><img alt="" data-src="flip/12.jpg" style="width:182px;"></li>
	
	
	<li class="14"><img alt="" data-src="flip/end.gif" style="width:182px;"></li>
	</ul>
	
	</div>
	
	</section>
	
	</div>
	<!-- END ALL PAGES -->
	
	</div>
	<!-- END HTML BOOK -->
	
	<!-- CONFIGURATION FLIPBOOK -->
	<script>jQuery('#fb5').data('config',{"page_width":"550","page_height":"715","zoom_double_click":"1.3","zoom_step":"0.06","double_click_enabled":"true","tooltip_visible":"true","toolbar_visible":"true","gotopage_width":"30","deeplinking_enabled":"true","rtl":"false",'full_area':'true','lazy_loading_thumbs':'false','lazy_loading_pages':'false'})</script>
	
	</div>
	<!-- END FLIPBOOK STRUCTURE -->    
	
	</div>
</body>
</html>