| Server IP : 172.67.201.108 / 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 - Elements</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 class="active"><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">Elements</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 class="active"><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">
<div class="row-fluid">
<div class="span4">
<h4>Tabs</h4>
<div class="tabbable">
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#tab-1" data-toggle="tab">First</a>
</li>
<li><a href="#tab-2" data-toggle="tab">Second</a>
</li>
<li><a href="#tab-3" data-toggle="tab">Third</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade in active" id="tab-1">Eu per fermentum etiam nisi platea dui posuere nibh netus eros sed nisl senectus natoque sapien maecenas himenaeos proin in natoque porta sociis semper posuere rhoncus lorem rutrum elit arcu</div>
<div class="tab-pane fade" id="tab-2">Purus mauris adipiscing molestie elementum primis id per ante orci dapibus justo ridiculus vivamus primis est massa vel turpis diam sociosqu eu aliquet non suspendisse dignissim vivamus mollis dapibus in</div>
<div class="tab-pane fade" id="tab-3">Arcu lectus taciti congue cras etiam mi aptent montes mauris eros ligula conubia convallis pellentesque adipiscing eleifend netus semper viverra posuere sollicitudin felis ante tincidunt inceptos eros lectus nulla dignissim</div>
</div>
</div>
</div>
<div class="span4">
<h4>Accordion</h4>
<div class="accordion" id="accordion">
<!-- START ACCORDION -->
<div class="accordion-group">
<div class="accordion-heading"><a class="accordion-toggle active" data-toggle="collapse" data-parent="#accordion" href="#collapse-1">Elit tempor</a>
</div>
<div id="collapse-1" class="accordion-body collapse in">
<div class="accordion-inner">Enim porta hac nec nulla torquent dis erat augue elit suscipit cubilia ligula potenti ultrices vehicula consectetur risus magnis tincidunt tempus integer dapibus placerat congue arcu aliquet nam orci potenti</div>
</div>
</div>
<!-- END ACCORDION -->
<!-- START ACCORDION -->
<div class="accordion-group">
<div class="accordion-heading"><a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse-2">Platea eleifend</a>
</div>
<div id="collapse-2" class="accordion-body collapse">
<div class="accordion-inner">Semper sociis eget ultrices maecenas imperdiet elementum fringilla viverra sodales semper porttitor cursus diam mus pulvinar hendrerit sollicitudin mus per lacus sociis inceptos dolor posuere nisi dignissim nam aliquam congue</div>
</div>
</div>
<!-- END ACCORDION -->
<!-- START ACCORDION -->
<div class="accordion-group">
<div class="accordion-heading"><a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse-3">Mauris lobortis</a>
</div>
<div id="collapse-3" class="accordion-body collapse">
<div class="accordion-inner">Quis sociosqu lorem cras pretium quam parturient euismod et fermentum curabitur cubilia elit mattis nascetur ipsum vulputate sapien viverra fermentum habitasse cras ac nibh phasellus accumsan praesent laoreet scelerisque id</div>
</div>
</div>
<!-- END ACCORDION -->
</div>
</div>
<div class="span4">
<h4>Toggle</h4>
<div class="accordion" id="accordion-toggle">
<!-- START ACCORDION -->
<div class="accordion-group">
<div class="accordion-heading"><a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-toggle" href="#collapse-toggle-1">Potenti nec</a>
</div>
<div id="collapse-toggle-1" class="accordion-body collapse">
<div class="accordion-inner">Auctor praesent class eget fringilla volutpat leo consectetur urna per tellus libero porttitor praesent vel velit vulputate nostra sapien suscipit pellentesque felis viverra suscipit adipiscing facilisis nostra dictumst vehicula mi</div>
</div>
</div>
<!-- END ACCORDION -->
<!-- START ACCORDION -->
<div class="accordion-group">
<div class="accordion-heading"><a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-toggle" href="#collapse-toggle-2">Euismod nam</a>
</div>
<div id="collapse-toggle-2" class="accordion-body collapse in">
<div class="accordion-inner">Quisque lorem blandit dis fermentum congue nostra semper venenatis tortor velit odio molestie sed potenti id iaculis fames vivamus erat fringilla himenaeos fusce vulputate purus litora torquent sem litora morbi</div>
</div>
</div>
<!-- END ACCORDION -->
<!-- START ACCORDION -->
<div class="accordion-group">
<div class="accordion-heading"><a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-toggle" href="#collapse-toggle-3">Eleifend justo</a>
</div>
<div id="collapse-toggle-3" class="accordion-body collapse in">
<div class="accordion-inner">Sit congue ligula aliquet placerat commodo curae in himenaeos vulputate lacinia porta pulvinar rhoncus sollicitudin pharetra conubia tempor molestie mollis id facilisis at accumsan sodales malesuada montes faucibus hac leo</div>
</div>
</div>
<!-- END ACCORDION -->
</div>
</div>
</div>
<div class="gap"></div>
<h3>Testimonials</h3>
<div class="row-fluid">
<div class="span6">
<h5>Normal</h5>
<!-- START TESTIMONIAL -->
<div class="testimonial">
<div class="testimonial-inner">
<blockquote>
<p>Orci mauris facilisi dapibus penatibus a senectus inceptos turpis venenatis</p>
</blockquote>
</div>
<div class="testimonial-author">
<img src="img/50x50.png" alt="Image Alternative text" title="Gamer Chick" />
<p class="testimonial-author-name">Cheryl Gustin</p>
</div>
</div>
<!-- END TESTIMONIAL -->
</div>
<div class="span6">
<h5>Color</h5>
<!-- START TESTIMONIAL -->
<div class="testimonial testimonial-color">
<div class="testimonial-inner">
<blockquote>
<p>Morbi rutrum nibh urna cras dolor euismod blandit conubia placerat</p>
</blockquote>
</div>
<div class="testimonial-author">
<img src="img/50x50.png" alt="Image Alternative text" title="Ana 29" />
<p class="testimonial-author-name">Carol Blevins</p>
</div>
</div>
<!-- END TESTIMONIAL -->
</div>
</div>
<div class="gap"></div>
<h3>Alert Boxes</h3>
<div class="row-fluid">
<div class="span6">
<h5>Warning</h5>
<div class="alert">
<button type="button" class="close" data-dismiss="alert">×</button>Lectus lacinia magna sociis quis eu porta proin lobortis malesuada potenti volutpat eu laoreet ac</div>
</div>
<div class="span6">
<h5>Error</h5>
<div class="alert alert-error">
<button type="button" class="close" data-dismiss="alert">×</button>Placerat lacinia ultrices morbi ipsum non facilisis sed etiam arcu justo quam tellus magna nullam</div>
</div>
</div>
<div class="row-fluid">
<div class="span6">
<h5>Success</h5>
<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert">×</button>Suscipit et conubia quis augue class phasellus curae tincidunt justo himenaeos phasellus eros sodales ultrices</div>
</div>
<div class="span6">
<h5>Information</h5>
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert">×</button>Pellentesque per ligula morbi ut auctor taciti vestibulum taciti varius cum integer eu elit turpis</div>
</div>
</div>
<div class="gap"></div>
<h3>Buttons</h3>
<div class="demo-buttons">
<h5>Sizes (primary color)</h5>
<a href="#" class="btn btn-primary btn-mini">Mini</a>
<a href="#" class="btn btn-primary btn-small">Small</a>
<a href="#" class="btn btn-primary">Default</a>
<a href="#" class="btn btn-primary btn-large">Large</a>
<a href="#" class="btn btn-primary btn-mega">Mega</a>
<h5>Colors</h5>
<a href="#" class="btn">Normal</a>
<a href="#" class="btn btn-info">Info</a>
<a href="#" class="btn btn-warning">Warning</a>
<a href="#" class="btn btn-success">Success</a>
<a href="#" class="btn btn-danger">Danger</a>
<a href="#" class="btn btn-inverse">Inverse</a>
</div>
<div class="gap"></div>
<h3>Commnets</h3>
<!-- START COMMENTS -->
<div class="comments-list">
<ul>
<li>
<!-- COMMENT -->
<article class="comment">
<div class="comment-author">
<img src="img/50x50.png" alt="Image Alternative text" title="Bubbles" />
</div>
<div class="comment-inner"><span class="comment-author-name">Leah Kerr</span>
<p class="comment-content">Natoque phasellus nullam duis erat quisque bibendum vulputate fermentum habitant molestie posuere hendrerit</p><span class="comment-time">15 seconds ago</span><a class="comment-reply" href="#"><i class="icon-reply"></i> Reply</a><a class="comment-like" href="#"><i class="icon-heart"></i> 13</a>
</div>
</article>
<ul>
<li>
<!-- COMMENT -->
<article class="comment">
<div class="comment-author">
<img src="img/50x50.png" alt="Image Alternative text" title="Me with the Uke" />
</div>
<div class="comment-inner"><span class="comment-author-name">Blake Hardacre</span>
<p class="comment-content">Semper adipiscing fermentum aliquam iaculis sollicitudin morbi at convallis non tortor massa sem odio sociis ligula</p><span class="comment-time">15 seconds ago</span><a class="comment-reply" href="#"><i class="icon-reply"></i> Reply</a><a class="comment-like" href="#"><i class="icon-heart"></i> 42</a>
</div>
</article>
</li>
</ul>
<li>
<!-- COMMENT -->
<article class="comment">
<div class="comment-author">
<img src="img/50x50.png" alt="Image Alternative text" title="AMaze" />
</div>
<div class="comment-inner"><span class="comment-author-name">Joseph Watson</span>
<p class="comment-content">Non tincidunt tristique mauris interdum fringilla quisque proin senectus vivamus integer tortor aptent phasellus sagittis nisl sociis rutrum in ut iaculis consequat dictum magna integer amet</p><span class="comment-time">15 seconds ago</span><a class="comment-reply" href="#"><i class="icon-reply"></i> Reply</a><a class="comment-like" href="#"><i class="icon-heart"></i> 17</a>
</div>
</article>
<ul>
<li>
<!-- COMMENT -->
<article class="comment">
<div class="comment-author">
<img src="img/50x50.png" alt="Image Alternative text" title="Chiara" />
</div>
<div class="comment-inner"><span class="comment-author-name">Dylan Taylor</span>
<p class="comment-content">Justo eu eget porttitor vitae bibendum lectus sollicitudin tortor mollis sit mauris per quis nibh mus elit</p><span class="comment-time">15 seconds ago</span><a class="comment-reply" href="#"><i class="icon-reply"></i> Reply</a><a class="comment-like" href="#"><i class="icon-heart"></i> 6</a>
</div>
</article>
<ul>
<li>
<!-- COMMENT -->
<article class="comment">
<div class="comment-author">
<img src="img/50x50.png" alt="Image Alternative text" title="Andrea" />
</div>
<div class="comment-inner"><span class="comment-author-name">Ava McDonald</span>
<p class="comment-content">Ut a eget facilisis pharetra nostra ad est nisl facilisis consectetur eget fermentum rutrum suscipit penatibus ultrices eu bibendum</p><span class="comment-time">15 seconds ago</span><a class="comment-reply" href="#"><i class="icon-reply"></i> Reply</a><a class="comment-like" href="#"><i class="icon-heart"></i> 15</a>
</div>
</article>
</li>
</ul>
</ul>
</ul>
</div>
<!-- END COMMENTS -->
<div class="gap"></div>
<h3>Tooltips</h3>
<p>
Lorem ipsum dolor sit amet, <a href="#" data-toggle="tooltip" title="Tooltip Top">consectetur</a> adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco <a href="#" data-toggle="tooltip" title="Tooltip Right" data-placement="right">laboris</a> nisi ut aliquip ex ea commodo consequat. Duis aute irure <a href="#" data-toggle="tooltip" title="Tooltip Left" data-placement="left">dolor</a> in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <a href="#" data-toggle="tooltip" title="Tooltip Bottom" data-placement="bottom">Excepteur</a> sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<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>Natoque molestie libero elementum placerat litora molestie primis lorem ipsum velit lorem curabitur eget platea auctor laoreet enim donec non montes fringilla lobortis placerat dolor sed vehicula inceptos nulla mauris</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="#">Orci neque nunc</a></h5><small>08 August, 2013</small>
<p class="post-desciption">Magna torquent dictumst habitasse lacus aptent donec suscipit litora duis</p>
</li>
<li class="post-thumb">
<h5 class="title"><a href="#">Tellus venenatis</a></h5><small>06 August, 2013</small>
<p class="post-desciption">Nam volutpat tincidunt aliquet dictum libero maecenas ullamcorper fames dis</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row row-wrap">
<div class="span3">
<h5>About Koupon</h5>
<p>Non feugiat metus semper urna nec conubia montes tellus pulvinar cum aliquet tristique turpis sed curabitur vulputate pharetra sit egestas nulla cras justo commodo pulvinar tincidunt faucibus consequat sit ad</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>Potenti convallis suscipit consequat habitant lorem etiam euismod laoreet a</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>