<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Earn Points, Redeem Loot | Free Gift Cards & Crypto - LootX</title>
<meta name="description" content="Get paid in digital gift cards and crypto for completing offers, playing games, and answering surveys. Join LootX and start earning today!"><link rel="canonical" href="https://lootx.com"/>
<!--Start Meta Properties-->
<meta content="Earn Points, Redeem Loot | Free Gift Cards & Crypto" property="og:title"/>
<meta content="website" property="og:type"/>
<meta content="Get paid in digital gift cards and crypto for completing offers, playing games, and answering surveys. Join LootX and start earning today!" property="og:description"/>
<meta content="https://lootx.com" property="og:url"/>
<meta content="https://lootx.com/assets/lootx-og.png" property="og:image"/>
<meta content="LootX" property="og:site_name"/>
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="lootx.com">
<meta property="twitter:url" content="https://lootx.com">
<meta name="twitter:title" content="Earn Points, Redeem Loot | Free Gift Cards & Crypto">
<meta name="twitter:description" content="Get paid in digital gift cards and crypto for completing offers, playing games, and answering surveys. Join LootX and start earning today!">
<meta name="twitter:image" content="https://lootx.com/assets/lootx-og.png"> <!--End Meta Properties-->
<!-- Styles -->
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
<link href="../../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!--<link href="../../assets/plugins/font-awesome/css/all.min.css" rel="stylesheet">-->
<script src="https://kit.fontawesome.com/1b97f88d48.js" crossorigin="anonymous"></script>
<!-- Theme Styles -->
<link href="../../assets/css/connect.css?v=1.1.2" rel="stylesheet">
<link href="../../assets/css/dark_theme.css?v=1.1.6" rel="stylesheet">
<link href="../../assets/css/custom.css?v=5.0.3" rel="stylesheet">
<link href="../../assets/css/custom-as.css?v=1.0.0" rel="stylesheet">
<link href="../../assets/new-css.css?v=2.0.6" rel="stylesheet">
<style>
.page-content .main-wrapper {
padding-top:0px!important;
}
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-199556335-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-199556335-1');
</script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '178397074319272');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=178397074319272&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<!-- NP -->
<style>
.responsive_1 {
width: 320px; height:100px; max-height: 100px;
}
@media(min-width: 534px) { .responsive_1 { width: 468px; height:60px; max-height: 60px; } }
@media(min-width: 800px) { .responsive_1 { width: 728px; height:90px; max-height: 90px; } }
/* @media(min-width: 1200px) { .responsive_1 { width: 970px; height:90px; max-height: 90px; } } */
.ad-1 {
}
.spinner {
display: inline-block;
vertical-align: text-bottom;
width: 1em;
height: 1em;
margin-left: 0.5em;
border: 0.15em solid rgba(0,0,0,0.2);
border-top-color: rgb(255 255 255);
border-radius: 50%;
animation: spin 0.6s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
</style>
<script data-cfasync="false">window.nitroAds=window.nitroAds||{createAd:function(){return new Promise(e=>{window.nitroAds.queue.push(["createAd",arguments,e])})},addUserToken:function(){window.nitroAds.queue.push(["addUserToken",arguments])},queue:[]};</script>
<script data-cfasync="false" async src="https://s.nitropay.com/ads-1828.js"></script>
<!-- NP -->
</head>
<body class="dark-theme">
<meta name="msvalidate.01" content="356681677C7AC4A3177FBB5EF0F79FAB" />
<style>
/* Import a modern, bold font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');
:root {
--bg-color: #000000;
--text-color: #FFFFFF;
--text-muted: #a0a0a0;
--accent-color: #ff5555; /* red */
--lootx-orange: #ffaa00; /* orange */
--accent-hover: #e04444;
--border-color: #222222;
--container-width: 1400px;
}
/* Base Overrides */
body {
background-color: linear-gradient(142deg, #161616, #000000)!important;
color: var(--text-color) !important;
font-family: 'Inter', sans-serif;
}
/* Remove default padding from framework */
.page-container, .page-content {
margin: 0 !important;
padding: 0 !important;
max-width: 100vw !important;
}
.main-wrapper-container {
width: 100%;
}
/* General Content Container */
.content-container {
width: 100%;
max-width: var(--container-width);
margin-left: auto;
margin-right: auto;
padding: 0 1.5rem; /* Padding for smaller screens */
}
/* Ads */
.ad-container {
text-align: center;
padding: 20px 0;
background-color: #111;
}
/* Hero Section */
.hero-section {
display: flex;
align-items: center; /* Vertically center the content container */
min-height: 80vh;
/*padding: 4rem 0;*/
background: linear-gradient(142deg, #161616, #000000)!important;
padding-top: 7rem;
padding-bottom: 3rem;
}
/* Hero layout styles */
.hero-section .content-container {
display: flex;
align-items: center;
gap: 2rem;
}
.hero-left {
flex: 1;
}
.hero-right {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.hero-right img {
max-width: 150%;
height: auto;
}
/* All hero content is now left-aligned within the container */
.hero-section .logo {
font-size: 2.2rem;
font-weight: 900;
letter-spacing: -1px;
margin-bottom: 1.5rem;
}
.hero-section h1 {
font-size: clamp(2.6rem, 5vw + 1rem, 4rem);
font-weight: 900;
margin-bottom: 1rem;
line-height: 1;
max-width: 800px;
text-align: left;
font-family: Montserrat,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
letter-spacing: -.025em;
}
.hero-section .subtitle {
margin-bottom: 2.5rem;
max-width: 550px;
text-align: left;
color:rgb(155 211 252 /1);
}
.btn-hero {
background-color: var(--accent-color);
color: var(--text-color);
padding: 1rem 3rem;
font-size: 1.1rem;
font-weight: 700;
border-radius: 8px;
text-decoration: none;
transition: background-color 0.2s ease;
margin-bottom: 3rem;
display: inline-block; /* To respect margins */
margin-right:3px;
}
.btn-hero:hover {
background-color: var(--lootx-orange);
color: var(--text-color);
}
.hero-features {
list-style: none;
/*display: flex;*/
display:block;
margin:0;
padding: 0;
justify-content: flex-start; /* Align list items to the left */
gap: 2rem;
flex-wrap: wrap;
}
.hero-features li {
display: flex;
align-items: center;
color: var(--text-color);
font-size: 1.4rem;
line-height: 1.75rem;
font-weight:500;
margin:0;
padding: 8px 0px 8px 0px;
}
.hero-features .checkmark {
color: var(--lootx-orange);
margin-right: 0.6rem;
width: 20px;
height: 20px;
flex-shrink: 0; /* Prevent checkmark from shrinking */
}
/* Hero Section: Make it a clipping container */
.hero-section {
position: relative; /* Establishes a positioning context for child elements */
overflow: hidden; /* Hides any content that goes beyond the element's edges */
}
/* Hero Left (Text Content): Constrain width */
.hero-left {
flex: 0 0 55%; /* Prevents text from expanding under the image */
position: relative; /* Ensures proper stacking */
z-index: 2; /* Keeps text on top of the image */
}
/* Hero Right (Image Container): Position it absolutely */
.hero-right {
position: absolute;
top: 0;
right: 0;
width: 55%; /* Determines how much of the screen the image area can occupy */
height: 100%;
z-index: 1; /* Places it behind the text */
/* Keep these to center the image vertically within the area */
display: flex;
justify-content: center;
align-items: center;
}
/* The Image Itself: Resize and shift */
.hero-right img {
max-width: none;
height: 140%;
margin-bottom: -10%;
/* Use clamp() for fluid translation with safety rails */
transform: translateX(clamp(30px, 700px - 45vw, 350px));
transition: transform 0.1s ease-out; /* Optional smooth transition */
rotate: 8deg;
}
/* Responsive Fix: Ensure text takes full width when image is hidden */
@media (max-width: 992px) {
.hero-left {
flex-basis: 100%; /* Allows text content to take up all space */
}
}
/* Statistics Section */
.stats-section {
padding: 3rem 0;
border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
background-color: #080808;
}
/* This targets the container your PHP include likely creates */
#stats_holder_div .statistics-section {
display: flex;
justify-content: space-between; /* Space out the items */
align-items: center;
flex-wrap: wrap;
gap: 2rem;
background: none !important;
border: none !important;
padding: 0 !important;
}
#stats_holder_div .stat_card {
background: none !important;
border: none !important;
text-align: left; /* Align stats to the left */
padding: 0;
flex-grow: 1; /* Allow cards to grow */
}
#stats_holder_div .stat_holder {
font-size: 2rem !important;
font-weight: 600 !important;
color: var(--text-color) !important;
}
.stat_text {
font-size: 0.9rem !important;
color: var(--text-muted) !important;
text-transform: uppercase;
letter-spacing: 1px;
}
/* Final CTA Section */
.final-cta-section {
padding: 6rem 0;
text-align: center; /* This section can be centered for emphasis */
}
.final-cta-section h2 {
font-size: 2.5rem;
font-weight: 900;
margin-bottom: 1rem;
}
.final-cta-section p {
color: var(--text-muted);
font-size: 1.3rem;
margin-bottom: 2rem;
}
.content-container {
padding-left: 3rem; /* Increases left-side padding */
padding-right: 3rem; /* Increases right-side padding */
}
/* Responsive */
@media (max-width: 992px) { /* Changed breakpoint for better layout transition */
.hero-right {
display: none; /* Hide the hero image on tablet and smaller */
}
}
@media (max-width: 768px) {
.hero-section {
padding-top: 3rem; /* Reduces top padding */
padding-bottom: 3rem; /* Reduces bottom padding for balance */
min-height: auto; /* Allows the section to be shorter if needed */
}
.hero-section h1 {
font-size: 3rem;
line-height: 1.2;
}
.hero-features {
flex-direction: column;
gap: 1rem;
align-items: flex-start; /* Keep left alignment on mobile */
}
#stats_holder_div .statistics-section {
flex-direction: column;
align-items: flex-start;
gap: 2.5rem;
}
.btn-hero {
display: block; /* Make each button take up its own line */
width: 100%; /* Make them full width for a bigger tap target */
text-align: center; /* Center the text inside the button */
margin-right: 0;
margin-bottom: 1rem; /* Add space between the stacked buttons */
}
.btn-hero:last-of-type {
margin-bottom: 3rem; /* Keep the original bottom margin on the last button */
}
.content-container {
padding-left: 3rem; /* Increases left-side padding */
padding-right: 3rem; /* Increases right-side padding */
}
}
@media (max-width: 480px) {
.hero-section {
padding-top: 3rem; /* Reduces top padding */
padding-bottom: 3rem; /* Reduces bottom padding for balance */
min-height: auto; /* Allows the section to be shorter if needed */
}
.content-container {
padding-left: 3rem; /* Increases left-side padding */
padding-right: 3rem; /* Increases right-side padding */
}
}
.stats-row {
margin-bottom:0px;
}
.stats-card .stats-text {
font-weight:300;
}
.subtitle {
font-weight:500;
font-size:1.5rem;
line-height: 1.75rem;
letter-spacing: -.025em;
font-family: Montserrat,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
color: var(--text-muted);
}
a:hover {
color:var(--text-color)!important;
}
</style>
<div class="page-container">
<div class="page-content">
<div class="main-wrapper-container">
<header class="hero-section">
<div class="content-container">
<div class="hero-left">
<div style="margin-bottom:20px;">
<a href="/" class="logo-text" style="color:#feac36;"><script type="text/javascript" style="display:none">
//<![CDATA[
window.__mirage2 = {petok:"9D9MksKTWW8LO0F2JFgPpT_0obAI4r6g7W.1YaNZJHo-1757410532.3805203-0.0.1.1"};
//]]>
</script>
<script type="text/javascript" src="https://ajax.cloudflare.com/cdn-cgi/scripts/04b3eb47/cloudflare-static/mirage2.min.js"></script>
<img alt="LootX Logo" id="logo-image" class="logo-image" style="display:none;visibility:hidden;" data-cfsrc="/assets/images/lootx-logo-light.png" data-cfstyle="width:140px;"><noscript><img alt="LootX Logo" id="logo-image" class="logo-image" style="width:140px;" src="/assets/images/lootx-logo-light.png"></noscript></a>
</div>
<h1 style="margin-left:-5px;">Earn Points.<br>Redeem Loot.</h1>
<p class="subtitle">Get paid digital gift cards for completing offers.</p>
<a href="/login" class="btn-hero">Sign In</a>
<a href="/register" class="btn-hero">Create an Account</a>
<ul class="hero-features">
<li><svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /></svg>Complete Offers, Surveys & Tasks</li>
<li><svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /></svg>Free Gift Cards and Crypto</li>
<li><svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /></svg>Operating Since 2015</li>
<li><svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /></svg>100+ Gift Cards to Redeem</li>
</ul>
</div>
<div class="hero-right">
<img src="/assets/lootx-landing-hero.webp" alt="Earn gift cards and crypto rewards on LootX">
</div>
</div>
</header>
<section class="stats-section">
<div class="content-container">
<div id="stats_holder_div">
<style>
.card.stats-card {
background:#161619;
color:#ffffff;
}
.card-title {
color:#ffffff!important;
}
</style>
<div class="row stats-row">
<div class="col-lg-12">
<div class="row">
<!-- Registered Users -->
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="card stats-card" style="margin-bottom:10px;border-radius:6px!important;">
<div class="card-body">
<div class="stats-info">
<p class="stat_holder card-title" data-count="6573626">6,573,626</p>
<p class="stats-text">Registered Users</p>
</div>
<div class="stats-icon change-new">
<i style="font-size:40px;" class="material-icons">group</i>
</div>
</div>
</div>
</div>
<!-- Offers Completed -->
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="card stats-card" style="margin-bottom:10px;border-radius:6px!important;">
<div class="card-body">
<div class="stats-info">
<p class="stat_holder card-title" data-count="12598208">12,598,208</p>
<p class="stats-text">Offers Completed</p>
</div>
<div class="stats-icon change-new">
<i style="font-size:40px;" class="material-icons">assignment_turned_in</i>
</div>
</div>
</div>
</div>
<!-- Total Points Earned -->
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="card stats-card" style="margin-bottom:10px;border-radius:6px!important;">
<div class="card-body">
<div class="stats-info">
<p class="stat_holder card-title" data-count="176143064">176,143,064</p>
<p class="stats-text">Total Points Earned</p>
</div>
<div class="stats-icon change-new">
<i style="font-size:40px;" class="material-icons">savings</i>
</div>
</div>
</div>
</div>
<!-- Payouts Made -->
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="card stats-card" style="margin-bottom:10px;border-radius:6px!important;">
<div class="card-body">
<div class="stats-info">
<p class="stat_holder card-title" data-count="3411865">3,411,865</p>
<p class="stats-text">Payouts Made</p>
</div>
<div class="stats-icon change-new">
<i style="font-size:40px;" class="material-icons">card_giftcard</i>
</div>
</div>
</div>
</div>
</div>
</div>
</div> </div>
</div>
</section>
<section class="final-cta-section">
<div class="content-container">
<h2>Ready to Start Earning?</h2>
<p class="subtitle">Join the millions of users who have cashed out rewards.</p>
<a href="/register" class="btn-hero">Sign Up Today</a>
</div>
</section>
</div>
<div class="page-footer">
<!-- Start Ad -->
<!-- End Ad -->
<div class="row">
<div class="col-md-12" style="text-align:center">
<span class="footer-text"><a href="/terms">Terms & Conditions</a></span>
<span class="footer-text" style="margin-left:20px;"><a href="/privacy-policy">Privacy Policy</a></span>
<span class="footer-text" style="margin-left:20px;"><a href="/contact">Contact Us</a></span>
<span class="footer-text" style="margin-left:20px;" id="consent-box"><a style="color:#585f6c; cursor: pointer;" onclick="window.__cmp('showModal');">
Manage Advertising Consents</a>
</span>
<script>
if (window["nitroAds"] && window["nitroAds"].loaded) {
document.getElementById("consent-box").style.display = window["__tcfapi"]
? ""
: "none";
} else {
document.addEventListener(
"nitroAds.loaded",
() =>
(document.getElementById("consent-box").style.display = window["__tcfapi"]
? ""
: "none")
);
}
</script>
<span class="footer-text" style="margin-left:20px;">2025 © lootx.com</span>
</div>
<div class="col-md-12" style="text-align:center;margin-top:3px;">
<a style="color:#607d8b;margin:2px;" href="https://discord.gg/lootx-342849066457366540" target="_blank"><i alt="Discord" class="fa-brands fa-discord fa-lg"></i></a>
<a style="color:#607d8b;margin:2px;" href="https://twitter.com/lootxofficial" target="_blank"><i alt="Twitter" class="fa-brands fa-twitter fa-lg"></i></a>
<a style="color:#607d8b;margin:2px;" href="https://www.youtube.com/c/LootX" target="_blank"><i alt="YouTube" class="fa-brands fa-youtube fa-lg"></i></a>
<a style="color:#607d8b;margin:2px;" href="https://www.tiktok.com/@lootxofficial" target="_blank"><i alt="TikTok" class="fa-brands fa-tiktok fa-lg"></i></a>
</div>
</div>
</div>
<!-- Javascripts -->
<script src="../../assets/plugins/jquery/jquery-3.6.3.min.js"></script>
<script src="../../assets/plugins/bootstrap/popper.min.js"></script>
<script src="../../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="../../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../../assets/js/connect.js?v=1.1.1"></script>
<script src="../../assets/js/pages/dashboard.js"></script>
<script src="../../assets/custom-js/loaders.js?v=1.0.1"></script>
<script>
function change_sidebar_contents() {
if ($('.compact-sidebar')[0]) {
$('.sidebar-title').hide();
$('.feed-holder').hide();
$('#sidebar-badge-2').hide();
} else {
$('.sidebar-title').show();
$('.feed-holder').show();
$('#sidebar-badge-2').show();
}
}
function update_feed() {
$("#feed_holder_id").load("/includes/resources/live-feed-resource.php", function() {
setTimeout(update_feed, 1000);
});
}
setTimeout(update_feed,800);
/* prevent re-submit form*/
if ( window.history.replaceState ) {
window.history.replaceState( null, null, window.location.href );
}
function initialize_clipboard() {
let icons = document.querySelectorAll(".fa-clipboard");
icons.forEach((icon) => {
icon.addEventListener("click", function() {
// Get the text from the parent td
let textToCopy = this.parentElement.textContent.trim();
navigator.clipboard.writeText(textToCopy)
.then(() => {
console.log('Copying to clipboard was successful!');
})
.catch((err) => {
console.error('Could not copy text: ', err);
});
});
});
}
initialize_clipboard();
</script>
</body>
</html>
</div>
</div>
<script>
// Comma separator for numbers
function commaSeparateNumber(val) {
while (/(\d+)(\d{3})/.test(val.toString())) {
val = val.toString().replace(/(\d+)(\d{3})/, '$1' + ',' + '$2');
}
return val;
}
// Statistics count-up animation
function countup() {
// Use Intersection Observer to trigger the animation only when visible
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
$('.stat_holder').each(function() {
var $this = $(this);
var countTo = $this.attr('data-count');
// Prevent re-animating
if ($this.data('animated')) return;
$this.data('animated', true);
$({ countNum: $this.text() }).animate({
countNum: countTo
}, {
duration: 2000,
easing: 'swing',
step: function() {
$this.text(commaSeparateNumber(Math.floor(this.countNum)));
},
complete: function() {
$this.text(commaSeparateNumber(this.countNum));
}
});
});
observer.unobserve(entry.target);
}
});
}, { threshold: 0.1 });
if ($('#stats_holder_div').length) {
observer.observe(document.querySelector('#stats_holder_div'));
}
}
$(document).ready(function(){
countup();
});
</script>