| Server IP : 172.67.201.108 / Your IP : 216.73.216.68 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 - Typography</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 class="active"><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><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">Typography</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 class="active"><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><a href="features-lightbox.html">Lightbox</a>
</li>
</ul>
</aside>
</div>
<div class="span9">
<h1>h1 Header</h1>
<p>Suspendisse hac venenatis ipsum justo dolor platea imperdiet nibh congue adipiscing praesent primis montes ante nullam penatibus luctus hac sit quam id ante montes senectus dui praesent magnis eget ligula libero torquent semper at sollicitudin litora ultricies metus a justo in sagittis malesuada maecenas nec fringilla leo tempor faucibus conubia</p>
<h2>h2 Header</h2>
<p>Lacus faucibus varius odio montes accumsan faucibus sociis id porta quisque dictum aliquet nec cum parturient congue id scelerisque praesent placerat feugiat natoque gravida hac conubia sapien vulputate egestas a feugiat ornare tempus per massa rhoncus ipsum habitasse dapibus fermentum lacinia ridiculus pharetra rutrum ac cubilia suscipit consectetur purus dictum</p>
<h3>h3 Header</h3>
<p>Aptent sagittis pulvinar condimentum consequat ridiculus netus odio in molestie iaculis a pretium amet porttitor tristique leo ridiculus pellentesque natoque interdum placerat sodales pretium velit erat gravida nec ut leo quis sollicitudin phasellus primis diam quisque amet augue dignissim aenean hendrerit vehicula tristique tempor magna felis tristique accumsan quisque pellentesque</p>
<h4>h4 Header</h4>
<p>Eu penatibus adipiscing urna odio morbi nostra non aptent tincidunt in pellentesque cubilia inceptos placerat morbi vivamus euismod gravida enim dapibus facilisi potenti eleifend sed nulla nunc lobortis lorem vulputate libero ipsum etiam nunc ac amet scelerisque erat parturient sociis cum augue duis purus tristique semper arcu elit cursus porta</p>
<h5>h5 Header</h5>
<p>Ad fames mi laoreet laoreet inceptos bibendum elit curabitur magna lacinia suscipit mauris amet ornare luctus himenaeos aliquet gravida sociis arcu ut non cras lacinia porttitor aliquet congue semper semper pretium vitae at eleifend erat leo mi laoreet proin purus amet imperdiet purus netus velit morbi in dis congue tristique</p>
<div class="gap gap-small"></div>
<h3>Blockquote</h3>
<blockquote>
<p>Eros eu sodales turpis leo auctor ac mollis morbi eu varius erat parturient convallis magnis aliquet hac fusce a habitant quis consequat felis curae leo dis ridiculus ut mattis sagittis duis orci mus non a quisque penatibus tincidunt venenatis elit laoreet feugiat leo nec venenatis cursus facilisi praesent sociosqu condimentum</p>
</blockquote>
<div class="gap gap-small"></div>
<h3>Dropcaps</h3>
<div class="row-fluid row-wrap">
<div class="span4">
<p class="dropcap">Sollicitudin cras curae himenaeos velit sed mauris phasellus venenatis dignissim ac erat posuere eros duis sem mollis maecenas enim natoque</p>
</div>
<div class="span4">
<p class="dropcap dropcap-color">Facilisi sociis porta enim fermentum ridiculus orci at lobortis et porta pulvinar auctor scelerisque ut magna vitae feugiat vestibulum aliquet</p>
</div>
<div class="span4">
<p class="dropcap dropcap-dark">Mi fermentum tempor nisi natoque quam eros torquent leo blandit dui convallis a facilisi fringilla amet nec sodales porttitor sollicitudin</p>
</div>
</div>
<div class="gap gap-small"></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>Ad porttitor ultricies erat per fusce blandit magna himenaeos pretium sagittis et lobortis feugiat consequat semper sed consequat phasellus sodales primis nam mus natoque bibendum nullam gravida praesent dolor rutrum</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="#">Per pulvinar imperdiet</a></h5><small>07 August, 2013</small>
<p class="post-desciption">Velit sapien faucibus bibendum mattis dictum nulla lobortis rutrum morbi</p>
</li>
<li class="post-thumb">
<h5 class="title"><a href="#">Accumsan ac</a></h5><small>01 August, 2013</small>
<p class="post-desciption">Tempus consequat fringilla penatibus imperdiet nostra ultrices ullamcorper inceptos elit</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row row-wrap">
<div class="span3">
<h5>About Koupon</h5>
<p>Cras malesuada varius ac mi ornare odio quam nostra hendrerit cras a volutpat id rutrum dui pulvinar turpis justo hac lobortis per in ullamcorper est tempus mollis sociosqu primis eros</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>Donec nisl varius aliquam elementum dictumst massa turpis viverra aliquet</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>