| Server IP : 104.21.21.239 / Your IP : 216.73.216.11 Web Server : Apache/2.4.68 (Amazon Linux) OpenSSL/3.5.5 System : Linux ip-172-31-69-123.ec2.internal 6.1.176-223.369.amzn2023.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Jul 24 13:34:27 UTC 2026 x86_64 User : ec2-user ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/home2/cgny/public_html/steals/ |
Upload File : |
<!DOCTYPE HTML>
<html>
<head>
<title>Koupon - Lightbox</title>
<!-- meta info -->
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta name="keywords" content="Koupon HTML5 Template" />
<meta name="description" content="Koupon - Premiun HTML5 Template for Coupons Website">
<meta name="author" content="Tsoy">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Google fonts -->
<!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600' rel='stylesheet' type='text/css'> -->
<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
<!-- Bootstrap styles -->
<link rel="stylesheet" href="css/boostrap.css">
<link rel="stylesheet" href="css/boostrap_responsive.css">
<!-- Font Awesome styles (icons) -->
<link rel="stylesheet" href="css/font_awesome.css">
<!-- Main Template styles -->
<link rel="stylesheet" href="css/styles.css">
<!-- IE 8 Fallback -->
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->
<!-- Your custom styles (blank file) -->
<link rel="stylesheet" href="css/mystyles.css">
</head>
<body>
<!-- //////////////////////////////////
//////////////MAIN HEADER/////////////
////////////////////////////////////-->
<header class="main">
<div class="container">
<div class="row">
<div class="span2">
<a href="index.html">
<img src="img/logo-small.png" alt="logo" title="logo" class="logo">
</a>
</div>
<div class="span8">
<!-- MAIN NAVIGATION -->
<div class="flexnav-menu-button" id="flexnav-menu-button">Menu</div>
<nav>
<ul class="nav nav-pills flexnav" id="flexnav" data-breakpoint="800">
<li><a href="index.html">Home</a>
<ul>
<li><a href="index.html">Slider</a>
<ul>
<li><a href="index.html">Full Width</a>
</li>
<li><a href="index-slider-container.html">Container</a>
</li>
</ul>
</li>
<li><a href="index-hero-image.html">Hero Image</a>
</li>
<li><a href="index-no-top.html">No Top Area</a>
</li>
<li><a href="index-category-right.html">Category Nav</a>
<ul>
<li><a href="index-category-right.html">Side Right</a>
</li>
<li><a href="index-category-nav-inline-top.html">Inline Top</a>
</li>
<li><a href="index-category-nav-main.html">Main Nav</a>
</li>
</ul>
</li>
<li><a href="index-featured-item.html">Featured Item</a>
</li>
<li><a href="index-coupon-4-columns.html">Coupons</a>
<ul>
<li><a href="index-coupon-4-columns.html">4 Columns</a>
</li>
<li><a href="index-coupon-6-columns.html">6 columns</a>
</li>
<li><a href="index-coupon-category-icon.html">Category icons</a>
</li>
<li><a href="index-coupon-labels.html">Labels</a>
</li>
<li><a href="index-coupon-holded.html">Holded</a>
</li>
<li><a href="index-coupon-load-more.html">Load More Btn</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="coupon-page.html">Coupon page</a>
<ul>
<li><a href="coupon-page-meta-left.html">Meta Left</a>
</li>
<li><a href="coupon-page.html">Meta Right</a>
</li>
<li><a href="coupon-page-similar.html">Similar Offers</a>
</li>
<li><a href="coupon-page-image.html">Image Preview</a>
</li>
<li><a href="coupon-page-video-hosted.html">Video</a>
<ul>
<li><a href="coupon-page-video-hosted.html">Self Hosted</a>
</li>
<li><a href="coupon-page-video-vimeo.html">Vimeo</a>
</li>
<li><a href="coupon-page-video-youtube.html">Youtube</a>
</li>
</ul>
</li>
<li><a href="coupon-page-gallery-3-col.html">Gallery</a>
<ul>
<li><a href="coupon-page-gallery-3-col.html">3 columns</a>
</li>
<li><a href="coupon-page-gallery-4-col.html">4 Columns</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="active"><a href="features-typography.html">Features</a>
<ul>
<li><a href="features-typography.html">Typography</a>
</li>
<li><a href="features-elements.html">Elements</a>
</li>
<li><a href="features-grid.html">Grid</a>
</li>
<li><a href="features-icons.html">Icons</a>
</li>
<li><a href="features-image-hover.html">Image Hovers</a>
</li>
<li><a href="features-sliders.html">Sliders</a>
</li>
<li><a href="features-media.html">Media</a>
</li>
<li class="active"><a href="features-lightbox.html">Lightbox</a>
</li>
</ul>
</li>
<li><a href="page-full-width.html">Pages</a>
<ul>
<li><a href="page-full-width.html">Full Width</a>
</li>
<li><a href="page-sidebar-right.html">Sidebar Right</a>
</li>
<li><a href="page-sidebar-left.html">Sidebar Left</a>
</li>
<li><a href="page-faq.html">FAQ</a>
</li>
<li><a href="page-about-us.html">About Us</a>
</li>
<li><a href="page-team.html">Team</a>
</li>
<li><a href="page-payment.html">Payment</a>
</li>
<li><a href="page-sticky-header.html">Sticky Header</a>
</li>
<li><a href="page-sticky-search.html">Sticky Search</a>
</li>
<li><a href="page-sticky-header-search.html">Sticky Header & Seach</a>
</li>
<li><a href="page-no-search.html">No search</a>
</li>
<li><a href="page-404.html">404</a>
</li>
<li><a href="page-search-results.html">Search Results</a>
</li>
</ul>
</li>
<li><a href="blog-sidebar-right.html">Blog</a>
<ul>
<li><a href="blog-sidebar-right.html">Sidebar Right</a>
</li>
<li><a href="blog-sidebar-left.html">Sidebar Left</a>
</li>
<li><a href="blog-full-width.html">Full Width</a>
</li>
<li><a href="post-sidebar-right.html">Post</a>
<ul>
<li><a href="post-sidebar-right.html">Sidebar Right</a>
</li>
<li><a href="post-sidebar-left.html">Sidebar Left</a>
</li>
<li><a href="post-full-width.html">Full Width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="contact.html">Contact</a>
</li>
</ul>
</nav>
<!-- END MAIN NAVIGATION -->
</div>
<div class="span2">
<!-- LOGIN REGISTER LINKS -->
<ul class="login-register">
<li><a class="popup-text" href="#login-dialog" data-effect="mfp-move-from-top"><i class="icon-signin"></i>Sign in</a>
</li>
<li><a class="popup-text" href="#register-dialog" data-effect="mfp-move-from-top"><i class="icon-edit"></i>Sign up</a>
</li>
</ul>
</div>
</div>
</div>
</header>
<!-- LOGIN REGISTER LINKS CONTENT -->
<div id="login-dialog" class="mfp-with-anim mfp-hide mfp-dialog clearfix">
<i class="icon-signin dialog-icon"></i>
<h3>Member Login</h3>
<h5>Welcome back, friend. Login to get started</h5>
<div class="row-fluid">
<form class="dialog-form">
<label>E-mail</label>
<input type="text" placeholder="[email protected]" class="span12">
<label>Password</label>
<input type="password" placeholder="My secret password" class="span12">
<label class="checkbox">
<input type="checkbox">Remember me
</label>
<input type="submit" value="Sign in" class="btn btn-primary">
</form>
</div>
<ul class="dialog-alt-links">
<li><a class="popup-text" href="#register-dialog" data-effect="mfp-zoom-out">Not member yet</a>
</li>
<li><a class="popup-text" href="#password-recover-dialog" data-effect="mfp-zoom-out">Forgot password</a>
</li>
</ul>
</div>
<div id="register-dialog" class="mfp-with-anim mfp-hide mfp-dialog clearfix">
<i class="icon-edit dialog-icon"></i>
<h3>Member Register</h3>
<h5>Ready to get best offers? Let's get started!</h5>
<div class="row-fluid">
<form class="dialog-form">
<label>E-mail</label>
<input type="text" placeholder="[email protected]" class="span12">
<label>Password</label>
<input type="password" placeholder="My secret password" class="span12">
<label>Repeat Password</label>
<input type="password" placeholder="Type your password again" class="span12">
<div class="row-fluid">
<div class="span8">
<label>Your Area</label>
<input type="password" placeholder="Boston" class="span12">
</div>
<div class="span4">
<label>Postal/Zip</label>
<input type="password" placeholder="12345" class="span12">
</div>
</div>
<label class="checkbox">
<input type="checkbox">Get hot offers via e-mail
</label>
<input type="submit" value="Sign up" class="btn btn-primary">
</form>
</div>
<ul class="dialog-alt-links">
<li><a class="popup-text" href="#login-dialog" data-effect="mfp-zoom-out">Already member</a>
</li>
</ul>
</div>
<div id="password-recover-dialog" class="mfp-with-anim mfp-hide mfp-dialog clearfix">
<i class="icon-retweet dialog-icon"></i>
<h3>Password Recovery</h3>
<h5>Fortgot your password? Don't worry we can deal with it</h5>
<div class="row-fluid">
<form class="dialog-form">
<label>E-mail</label>
<input type="text" placeholder="[email protected]" class="span12">
<input type="submit" value="Request new password" class="btn btn-primary">
</form>
</div>
</div>
<!-- END LOGIN REGISTER LINKS CONTENT -->
<!-- PAGE TITLE -->
<div class="top-title-area">
<div class="container">
<h1 class="title-page">Lightbox</h1>
</div>
</div>
<!-- END PAGE TITLE -->
<!-- SEARCH AREA -->
<div class="search-area">
<div class="container">
<div class="row-fluid">
<div class="span8">
<label><i class="icon-search"></i>I am searching for</label>
<div class="search-area-division search-area-division-input">
<input class="span12" type="text" placeholder="Travel Vacation" />
</div>
</div>
<div class="span3">
<label><i class="icon-map-marker"></i>In</label>
<div class="search-area-division search-area-division-location">
<input class="span12" type="text" placeholder="Boston" />
</div>
</div>
<div class="span1">
<button class="btn btn-block btn-white search-btn" type="submit">Search</button>
</div>
</div>
</div>
</div>
<!-- END SEARCH AREA -->
<div class="gap"></div>
<!-- //////////////////////////////////
//////////////END MAIN HEADER//////////
////////////////////////////////////-->
<!-- //////////////////////////////////
//////////////PAGE CONTENT/////////////
////////////////////////////////////-->
<div class="container">
<div class="row">
<div class="span3">
<aside class="sidebar-left">
<ul class="nav nav-pills nav-stacked nav-arrow">
<li><a href="features-typography.html">Typography</a>
</li>
<li><a href="features-elements.html">Elements</a>
</li>
<li><a href="features-grid.html">Grid</a>
</li>
<li><a href="features-icons.html">Icons</a>
</li>
<li><a href="features-image-hover.html">Image Hovers</a>
</li>
<li><a href="features-sliders.html">Sliders</a>
</li>
<li><a href="features-media.html">Media</a>
</li>
<li class="active"><a href="features-lightbox.html">Lightbox</a>
</li>
</ul>
</aside>
</div>
<div class="span9">
<div class="row-fluid">
<div class="span3">
<h5>Default lightbox</h5>
<!-- HOVER IMAGE -->
<a class="hover-img popup-image" href="img/800x600.png">
<img src="img/800x600.png" alt="Image Alternative text" title="Our Coffee miss u" /><i class="icon-resize-full hover-icon"></i>
</a>
</div>
</div>
<div class="gap"></div>
<h3>Animation effects</h3>
<div class="row-fluid">
<div class="span3">
<h5>Zoom out</h5>
<!-- HOVER IMAGE -->
<a class="hover-img popup-image" href="img/800x600.png" data-effect="mfp-zoom-out">
<img src="img/800x600.png" alt="Image Alternative text" title="iPhone 5 iPad mini iPad 3" /><i class="icon-resize-full hover-icon"></i>
</a>
</div>
<div class="span3">
<h5>Fade</h5>
<!-- HOVER IMAGE -->
<a class="hover-img popup-image" href="img/800x600.png" data-effect="mfp-fade">
<img src="img/800x600.png" alt="Image Alternative text" title="Ana 29" /><i class="icon-resize-full hover-icon"></i>
</a>
</div>
<div class="span3">
<h5>Move horizontal</h5>
<!-- HOVER IMAGE -->
<a class="hover-img popup-image" href="img/800x600.png" data-effect="mfp-move-horizontal">
<img src="img/800x600.png" alt="Image Alternative text" title="Hot mixer" /><i class="icon-resize-full hover-icon"></i>
</a>
</div>
<div class="span3">
<h5>Move from top</h5>
<!-- HOVER IMAGE -->
<a class="hover-img popup-image" href="img/800x600.png" data-effect="mfp-move-from-top">
<img src="img/800x600.png" alt="Image Alternative text" title="cascada" /><i class="icon-resize-full hover-icon"></i>
</a>
</div>
</div>
<div class="gap gap-small"></div>
<div class="row-fluid">
<div class="span3">
<h5>Zoom in</h5>
<!-- HOVER IMAGE -->
<a class="hover-img popup-image" href="img/800x600.png" data-effect="mfp-zoom-in">
<img src="img/800x600.png" alt="Image Alternative text" title="The Hidden Power of the Heart" /><i class="icon-resize-full hover-icon"></i>
</a>
</div>
<div class="span3">
<h5>Newspaper</h5>
<!-- HOVER IMAGE -->
<a class="hover-img popup-image" href="img/800x600.png" data-effect="mfp-newspaper">
<img src="img/800x600.png" alt="Image Alternative text" title="The Violin" /><i class="icon-resize-full hover-icon"></i>
</a>
</div>
<div class="span3">
<h5>3D unfold</h5>
<!-- HOVER IMAGE -->
<a class="hover-img popup-image" href="img/800x600.png" data-effect="mfp-3d-unfold">
<img src="img/800x600.png" alt="Image Alternative text" title="the best mode of transport here in maldives" /><i class="icon-resize-full hover-icon"></i>
</a>
</div>
</div>
<div class="gap"></div>
<h3>Gallery</h3>
<div class="row-fluid" id="popup-gallery">
<div class="span3">
<!-- HOVER IMAGE -->
<a class="hover-img popup-gallery-image" href="img/800x600.png" data-effect="mfp-zoom-out">
<img src="img/800x600.png" alt="Image Alternative text" title="My Ice Cream and Your Ice Cream Spoons" /><i class="icon-resize-full hover-icon"></i>
</a>
</div>
<div class="span3">
<!-- HOVER IMAGE -->
<a class="hover-img popup-gallery-image" href="img/800x600.png" data-effect="mfp-zoom-out">
<img src="img/800x600.png" alt="Image Alternative text" title="Aspen Lounge Chair" /><i class="icon-resize-full hover-icon"></i>
</a>
</div>
<div class="span3">
<!-- HOVER IMAGE -->
<a class="hover-img popup-gallery-image" href="img/800x600.png" data-effect="mfp-zoom-out">
<img src="img/800x600.png" alt="Image Alternative text" title="a turn" /><i class="icon-resize-full hover-icon"></i>
</a>
</div>
<div class="span3">
<!-- HOVER IMAGE -->
<a class="hover-img popup-gallery-image" href="img/800x600.png" data-effect="mfp-zoom-out">
<img src="img/800x600.png" alt="Image Alternative text" title="Gamer Chick" /><i class="icon-resize-full hover-icon"></i>
</a>
</div>
</div>
<div class="gap"></div>
<h3>Non Image Content</h3>
<a class="popup-text" href="#small-dialog" data-effect="mfp-zoom-out">Modal HTML block</a>
<div id="small-dialog" class="mfp-with-anim mfp-hide mfp-dialog">
<h4>Dialog example</h4>
<p>This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.</p>
</div>
<br>
<br>
<h4>Iframe Content</h4>
<!-- LIGHTBOX --><a class="popup-iframe" href="https://vimeo.com/45830194" data-effect="mfp-fade">Vimeo video</a>
<br>
<!-- LIGHTBOX --><a class="popup-iframe" href="http://www.youtube.com/watch?v=0O2aH4XLbto" data-effect="mfp-fade">Youtube Video</a>
<br>
<!-- LIGHTBOX --><a class="popup-iframe" href="https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom" data-effect="mfp-fade">Google Map</a>
<div class="gap"></div>
</div>
</div>
</div>
<!-- //////////////////////////////////
//////////////END PAGE CONTENT/////////
////////////////////////////////////-->
<!-- //////////////////////////////////
//////////////MAIN FOOTER//////////////
////////////////////////////////////-->
<footer class="main">
<div class="footer-top-area">
<div class="container">
<div class="row row-wrap">
<div class="span3">
<a href="index.html">
<img src="img/logo.png" alt="logo" title="logo" class="logo">
</a>
</div>
<div class="span3">
<h5>Get it Anywhere</h5>
<p>Leo tempus ullamcorper lacinia pellentesque semper nunc mi massa himenaeos ipsum eleifend potenti tempor pretium nunc magnis dignissim molestie fermentum natoque ornare faucibus imperdiet cursus class ad lacus viverra tempor</p>
<ul class="list list-app-download">
<li>
<a href="#" class="icon-windows box-icon" title="Get Windows Phone App" data-toggle="tooltip"></a>
</li>
<li>
<a href="#" class="icon-apple box-icon" title="Get iPhone App" data-toggle="tooltip"></a>
</li>
<li>
<a href="#" class="icon-android box-icon" title="Get Android App" data-toggle="tooltip"></a>
</li>
</ul>
</div>
<div class="span3">
<h5>Koupon on Twitter</h5>
<!-- START TWITTER -->
<div class="twitter-ticker" id="twitter-ticker"></div>
<!-- END TWITTER -->
</div>
<div class="span3">
<h5>Recent News</h5>
<ul class="list post-list">
<li class="post-thumb">
<h5 class="title"><a href="#">Congue cursus volutpat</a></h5><small>06 August, 2013</small>
<p class="post-desciption">At ultricies porttitor tincidunt varius sociis elit lacinia lacinia scelerisque</p>
</li>
<li class="post-thumb">
<h5 class="title"><a href="#">Imperdiet felis</a></h5><small>27 July, 2013</small>
<p class="post-desciption">Tellus facilisis egestas sagittis consequat facilisi habitant morbi mauris erat</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row row-wrap">
<div class="span3">
<h5>About Koupon</h5>
<p>Cras mollis eros sociosqu nulla faucibus porttitor fermentum vel sociosqu mollis dapibus class potenti luctus pretium mattis aliquam purus sociis dictum in aptent sociosqu nascetur tempus nunc neque odio class</p>
</div>
<div class="span2">
<h5>Company</h5>
<ul class="list">
<li><a href="#">Home</a>
</li>
<li><a href="#">Blog</a>
</li>
<li><a href="#">Press</a>
</li>
<li><a href="#">Jobs</a>
</li>
<li><a href="#">Investors</a>
</li>
</ul>
</div>
<div class="span2">
<h5>For Business</h5>
<ul class="list">
<li><a href="#">Advertising</a>
</li>
<li><a href="#">Runnig a Deal</a>
</li>
<li><a href="#">Accept Payments</a>
</li>
<li><a href="#">Referral Program</a>
</li>
<li><a href="#">Developers/API</a>
</li>
<li><a href="#">Merchant Terms</a>
</li>
</ul>
</div>
<div class="span2">
<h5>Get Help</h5>
<ul class="list">
<li><a href="#">FAQ</a>
</li>
<li><a href="#">Customer Support</a>
</li>
<li><a href="#">Return Policy</a>
</li>
<li><a href="#">Terms Of Use</a>
</li>
<li><a href="#">Privacy Statement</a>
</li>
</ul>
</div>
<div class="span3">
<h5>Keep in touch</h5>
<p>Dictumst ipsum suspendisse conubia vehicula dapibus donec natoque nullam dis</p>
<ul class="list list-social">
<li>
<a href="#" class="icon-facebook box-icon" data-toggle="tooltip" title="Facebook"></a>
</li>
<li>
<a href="#" class="icon-twitter box-icon" data-toggle="tooltip" title="Twitter"></a>
</li>
<li>
<a href="#" class="icon-flickr box-icon" data-toggle="tooltip" title="Flickr"></a>
</li>
<li>
<a href="#" class="icon-linkedin box-icon" data-toggle="tooltip" title="Linkedin"></a>
</li>
<li>
<a href="#" class="icon-tumblr box-icon" data-toggle="tooltip" title="Tumblr"></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- //////////////////////////////////
//////////////END MAIN FOOTER/////////
////////////////////////////////////-->
<!-- Scripts queries -->
<script src="js/jquery.js"></script>
<script src="js/boostrap.min.js"></script>
<script src="js/nivo_slider.min.js"></script>
<script src="js/countdown.min.js"></script>
<script src="js/flexnav.min.js"></script>
<script src="js/magnific.min.js"></script>
<script src="js/tweet.min.js"></script>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="js/gmap3.min.js"></script>
<script src="js/wilto_slider.min.js"></script>
<script src="js/mediaelement.min.js"></script>
<script src="js/fitvids.min.js"></script>
<script src="js/mail.min.js"></script>
<!-- Custom scripts -->
<script src="js/custom.js"></script>
</body>
</html>