Scribd
Upload
1K views14 pages

Gramfree Lottery

This document is the HTML code for the website GramFree. It includes metadata, scripts, stylesheets, and navigation elements. The navigation menu includes options like Dashboard, Support, Free, Deposit, Withdrawal, Lottery, User Level, Referrals, Videos, Smart Contracts, FAQ, and Logout. Banners and ads are also included on the pages.

Uploaded by

Seyed Javad Safavi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
1K views14 pages

Gramfree Lottery

This document is the HTML code for the website GramFree. It includes metadata, scripts, stylesheets, and navigation elements. The navigation menu includes options like Dashboard, Support, Free, Deposit, Withdrawal, Lottery, User Level, Referrals, Videos, Smart Contracts, FAQ, and Logout. Banners and ads are also included on the pages.

Uploaded by

Seyed Javad Safavi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 14

<!

DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
<!-- BEGIN: Head-->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-
scalable=0, minimal-ui">
<meta name="description" content="Gram is a cryptocurrency based on the TON
blockchain platform developed by Telegram. Become a part of the story with us!">
<meta name="keywords" content="Gram coin TON Reserve Foundation Telegram Open
Network ICO">
<title>Lottery - GramFree</title>
<link rel="shortcut icon" type="image/x-icon" href="../../../app-
assets/images/ico/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600"
rel="stylesheet">

<script src="https://www.google.com/recaptcha/api.js?
render=6LcAGv4UAAAAADGyXxiQS6tmitSxfBEmj8ez6nfr"></script>

<!-- BEGIN: Vendor CSS-->


<link rel="stylesheet" type="text/css" href="../../../app-
assets/vendors/css/vendors.min.css">
<!-- END: Vendor CSS-->

<!-- BEGIN: Theme CSS-->


<link rel="stylesheet" type="text/css" href="../../../app-
assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/bootstrap-
extended.css">
<link rel="stylesheet" type="text/css" href="../../../app-
assets/css/colors.css">
<link rel="stylesheet" type="text/css" href="../../../app-
assets/css/components.css">
<link rel="stylesheet" type="text/css" href="../../../app-
assets/css/themes/dark-layout.css">
<link rel="stylesheet" type="text/css" href="../../../app-
assets/css/themes/semi-dark-layout.css">

<!-- BEGIN: Page CSS-->


<link rel="stylesheet" type="text/css" href="../../../app-
assets/css/core/menu/menu-types/vertical-menu.css">
<link rel="stylesheet" type="text/css" href="../../../app-
assets/css/core/colors/palette-gradient.css">
<!-- END: Page CSS-->

<!-- BEGIN: Custom CSS-->


<link rel="stylesheet" type="text/css" href="../../../assets/css/style.css">
<!-- END: Custom CSS-->
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||
[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)
[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

ym(57547003, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
</script>
<!-- /Yandex.Metrika counter -->

</head>
<!-- END: Head-->

<!-- BEGIN: Body-->

<body class="vertical-layout vertical-menu-modern dark-layout 2-columns navbar-


floating footer-static " data-open="click" data-menu="vertical-menu-modern" data-
col="2-columns" data-layout="dark-layout">

<nav class="header-navbar navbar-expand-lg navbar navbar-with-menu floating-nav


navbar-dark navbar-shadow">
<div class="navbar-wrapper">
<div class="navbar-container content">
<div class="navbar-collapse" id="navbar-mobile">
<div class="mr-auto float-left bookmark-wrapper d-flex align-items-
center ">
<ul class="nav navbar-nav">
<li class="nav-item mobile-menu d-xl-none mr-auto"><a
class="nav-link nav-menu-main menu-toggle hidden-xs is-active" href="#"><i
class="ficon feather icon-menu"></i></a></li>
</ul>
<ul class="nav navbar-nav bookmark-icons">
<!-- li.nav-item.mobile-menu.d-xl-none.mr-auto-->
<!-- a.nav-link.nav-menu-main.menu-toggle.hidden-
xs(href='#')-->
<!-- i.ficon.feather.icon-menu-->
<li class="nav-item d-none d-lg-block" style="color:
#c2c6dc;">12/100 </li>

</ul>
<div class="progress progress-bar-primary progress-lg" style="

">
<div class="progress-bar progress-bar-
striped progress-bar-animated" role="progressbar" aria-valuenow="20" aria-
valuemin="20" aria-valuemax="100" style="width:12%"></div>
</div>
</div>
<ul class="nav navbar-nav float-right">
<li class="nav-item d-none d-lg-block" style="display: none!
important;"><a class="nav-link nav-link-expand"></a></li>

<li class="dropdown dropdown-user nav-item"><a class="dropdown-


toggle nav-link dropdown-user-link" href="#" data-toggle="dropdown">
<div class="user-nav d-sm-flex d-none"><span class="user-
name text-bold-600">ali safavi</span><span class="user-status">11
LEVEL</span></div><div class="avatar bg-danger">
<div class="avatar-content">
as
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</nav>

<style type="text/css">
#navbar-mobile {
width: 100%;
display: flex;
}
#navbar-mobile .bookmark-wrapper {
width: 100%;
}
.progress {
width: 100%;
margin: 0 10px;
}
.progress:last-child {
margin-bottom: 0;
}
.progress-bar {
transition: all 0.5s;
}
.swal2-shown .navbar-wrapper {
/*margin-right: 17px;*/
}
.swal2-shown .header-navbar{
transition: none;
margin-right: 47px;
width: calc(100vw - (100vw - 100%) - calc(2.2rem * 2) - 277px);
}
@media (max-width: 600px) {
#navbar-mobile {
display: flex;
}
.header-navbar.floating-nav {
width: calc(100vw - (100vw - 100%) - 2.5rem) !important;
}
.swal2-shown .header-navbar{
transition: none;
margin-right: 1.2rem;
}
}
</style>

<div class="main-menu menu-fixed menu-light menu-accordion menu-shadow" data-


scroll-to-active="true">
<div class="navbar-header">
<ul class="nav navbar-nav flex-row">
<li class="nav-item mr-auto"><a class="navbar-brand" href="#">
<div class="brand-logo"></div>
<h2 class="brand-text mb-0">GramFree</h2>
</a></li>
</ul>
</div>
<div class="shadow-bottom"></div>
<div class="main-menu-content">
<ul class="navigation navigation-main" id="main-menu-navigation" data-
menu="menu-navigation">
<li class="nav-item">
<a href="dashboard"><i class="feather icon-home"></i><span
class="menu-title">Dashboard</span></a>
</li>
<li class="nav-item">
<a href="support"><i class="feather icon-message-square"></i><span
class="menu-title">Support</span>
</a>
</li>
<li class="nav-item">
<a href="free"><i class="feather icon-zap"></i><span class="menu-
title">Free</span></a>
</li>
<li class="nav-item">
<a href="deposit"><i class="feather icon-log-in"></i><span
class="menu-title">Deposit</span></a>
</li>
<li class="nav-item">
<a href="withdrawal"><i class="feather icon-log-out"></i><span
class="menu-title">Withdrawal</span></a>
</li>
<li class="active">
<a href="lottery"><i class="feather icon-grid"></i><span
class="menu-title">Lottery</span></a>
</li>
<li class="nav-item">
<a href="userLevel"><i class="feather icon-award"></i><span
class="menu-title">User level</span></a>
</li>
<li class="nav-item">
<a href="referrals"><i class="feather icon-users"></i><span
class="menu-title">Referrals</span></a>
</li>
<li class="nav-item">
<a href="videos"><i class="feather icon-play-circle"></i><span
class="menu-title">Videos</span></a>
</li>
<li class="nav-item"><a href="smartContracts"><i class="feather icon-
folder"></i><span class="menu-title">Smart-Contracts</span></a>
</li>
<li class="nav-item">
<a href="faq"><i class="feather icon-life-buoy"></i><span
class="menu-title">FAQ</span></a>
</li>
<li class="nav-item">
<a href="logout"><i class="feather icon-power"></i><span
class="menu-title">Logout</span></a>
</li>
</ul>
</div>
</div>

<!-- BEGIN: Content-->


<div class="app-content content">
<div class="content-overlay"></div>
<div class="header-navbar-shadow"></div>
<div class="content-wrapper">

<center style="margin: auto;">


<script async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- new1 -->
<ins class="adsbygoogle"
style="display:block;"
data-ad-client="ca-pub-1191230850516122"
data-ad-slot="2020032801"
data-ad-format="horizontal"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</center>

<div class="content-header row">


<div class="content-header-left col-md-9 col-12 m-2">
<div class="row breadcrumbs-top">
<div class="col-12">
<h2 class="content-header-title float-left mb-
0">Lottery</h2>
</div>
</div>
</div>
</div>
<div class="content-body">
<section id="copy-to-clipboard">
<div class="row">
<div class="col-xl-3">
<div class="card text-center">
<div class="card-content">
<div class="card-body">
<div class="avatar bg-rgba-success p-50 m-0
mb-1">
<div class="avatar-content">
<i class="feather icon-briefcase
text-success font-medium-5"></i>
</div>
</div>
<h2 class="text-bold-700">0</h2>
<p class="mb-0 line-ellipsis">Your
tickets</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3">
<div class="card text-center">
<div class="card-content">
<div class="card-body">
<div class="avatar bg-rgba-info p-50 m-0
mb-1">
<div class="avatar-content">
<i class="feather icon-percent
text-info font-medium-5"></i>
</div>
</div>
<h2 class="text-bold-700">0.0%</h2>
<p class="mb-0 line-ellipsis">Win
chance</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3">
<div class="card text-center">
<div class="card-content">
<div class="card-body">
<div class="avatar bg-rgba-primary p-50 m-0
mb-1">
<div class="avatar-content">
<i class="feather icon-clock text-
primary font-medium-5"></i>
</div>
</div>
<h2 class="text-bold-700" id="lottery-time"
data-time="40854.32746195793"></h2>
<p class="mb-0 line-ellipsis">Results
in</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3">
<div class="card text-center">
<div class="card-content">
<div class="card-body">
<div class="avatar bg-rgba-warning p-50 m-0
mb-1">
<div class="avatar-content">
<i class="feather icon-file-text
text-warning font-medium-5"></i>
</div>
</div>
<h2 class="text-bold-700">12662</h2>
<p class="mb-0 line-ellipsis">Tickets
left</p>
</div>
</div>
</div>
</div>

<div class="col-lg-6">
<div class="card">
<div class="card-header">
<h4 class="mb-1">Buy tickets</h4>
</div>
<form method="post" action="buyTicket" id="form-
buy">
<div class="card-content">
<div class="card-body">
<div class="row">
<div class="col-12 mb-2 pr-0">
<div class="input-group input-
group-lg">
<input type="number" id="count-
tickets" class="touchspin" value="1" min="" max="" name="count">
</div>
</div>
<div class="col-12 pr-0">
<div class="form-group">
<fieldset>
<div class="input-group">
<div class="input-group-
prepend">
<span class="input-
group-text">Price</span>
</div>
<input type="text"
id="price" class="form-control" value="0.1 Gram" aria-label="Amount (to the nearest
dollar)" disabled>
</div>
</fieldset>
</div>
</div>
<div class="col-12 pr-0">
<div class="form-group">
<fieldset>
<div class="input-group">
<div class="input-group-
prepend">
<span class="input-
group-text">Min win chance</span>
</div>
<input type="text"
id="chance" class="form-control" value="2%" aria-label="Amount (to the nearest
dollar)" disabled>
</div>
</fieldset>
</div>
</div>
<div class="col-12 pr-0">
<div class="form-group">
<fieldset>
<div class="input-group">
<div class="input-group-
prepend">
<span class="input-
group-text">Available balance</span>
</div>
<input type="text"
class="form-control" value="1.5 Gram" aria-label="Amount (to the nearest dollar)"
disabled>
</div>
</fieldset>
</div>
</div>
<div class="col-12">
<button class="btn btn-primary
waves-effect waves-light mb-2" id="btn-copy">Buy!</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-6">
<div class="card">
<div class="card-header">
<h4 class="mb-0">Prizes</h4>
</div>
<div class="card-content">
<div class="table-responsive mt-1">
<table class="table table-hover-animation
mb-0">
<thead>
<tr>
<th>POSITION</th>
<th>PAYOUT</th>
</tr>
</thead>
<tbody>

<tr>
<td>1-10th</td>
<td>5000.0 Gram</td>
</tr>

<tr>
<td>11-20th</td>
<td>3000.0 Gram</td>
</tr>

<tr>
<td>21-30th</td>
<td>1000.0 Gram</td>
</tr>

<tr>
<td>31-50th</td>
<td>200.0 Gram</td>
</tr>

<tr>
<td>51-100th</td>
<td>20.0 Gram</td>
</tr>

</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h4 class="mb-0">Last 5 rounds</h4>
</div>
<div class="card-content">
<div class="table-responsive mt-1">
<table class="table table-hover-animation mb-
0">
<thead>
<tr>
<th>LOTTERY ROUND</th>
<th>TICKETS</th>
<th>STATUS</th>
<th>WON TICKETS</th>
<th>WON AMOUNT</th>
</tr>
</thead>
<tbody>

<tr>
<td>#307</td>
<td>5</td>
<td><i class="fa fa-circle font-
small-3 text-success mr-50"></i>Completed</td>
<td>0</td>
<td>0.0 Gram</td>
</tr>

<tr>
<td>#298</td>
<td>1</td>
<td><i class="fa fa-circle font-
small-3 text-success mr-50"></i>Completed</td>
<td>0</td>
<td>0.0 Gram</td>
</tr>

<tr>
<td>#294</td>
<td>2</td>
<td><i class="fa fa-circle font-
small-3 text-success mr-50"></i>Completed</td>
<td>0</td>
<td>0.0 Gram</td>
</tr>

<tr>
<td>#292</td>
<td>7</td>
<td><i class="fa fa-circle font-
small-3 text-success mr-50"></i>Completed</td>
<td>0</td>
<td>0.0 Gram</td>
</tr>

<tr>
<td>#286</td>
<td>18</td>
<td><i class="fa fa-circle font-
small-3 text-success mr-50"></i>Completed</td>
<td>0</td>
<td>0.0 Gram</td>
</tr>

</tbody>
</table>

</div>
</div>
</div>
</div>
</div>

<style>
.ad_responsive_2 { width: 300px; height: 250px; }
@media(min-width: 340px) { .ad_responsive_2 { width: 336px; height: 280px; } }
@media(min-width: 600px) { .ad_responsive_2 { width: 580px; height: 400px; } }
</style>

<div class="mb-3"><center style="margin: auto;">


<script async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ad_responsive_2 -->
<ins class="adsbygoogle ad_responsive_2"
style="display:inline-block"
data-ad-client="ca-pub-1191230850516122"
data-ad-slot="2020032801"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</center></div>

</div>
</div>
</div>
<!-- END: Content-->

<div class="sidenav-overlay"></div>
<div class="drag-target"></div>

<!-- BEGIN: Vendor JS-->


<script src="../../../app-assets/vendors/js/vendors.min.js"></script>
<!-- BEGIN Vendor JS-->

<!-- BEGIN: Page Vendor JS-->


<script src="../../../app-assets/vendors/js/forms/spinner/jquery.bootstrap-
touchspin.js"></script>
<!-- END: Page Vendor JS-->

<!-- BEGIN: Theme JS-->


<script src="../../../app-assets/js/core/app-menu.js"></script>
<script src="../../../app-assets/js/core/app.js"></script>
<script src="../../../app-assets/js/scripts/components.js"></script>
<!-- END: Theme JS-->

<!-- BEGIN: Page JS-->


<script src="../../../app-assets/js/scripts/forms/number-input.js"></script>
<!-- END: Page JS-->
<script src="../../../app-
assets/vendors/js/extensions/sweetalert2.all.min.js"></script>
<script src="../../../app-assets/js/scripts/extensions/sweet-
alerts.js"></script>

<script type="text/javascript">

$(document).ready( function() {

var minCountTickets = 0,
maxCountTickets = 0,
balance = 1.5;

$( "#count-tickets" ).trigger("touchspin.updatesettings", {min:


minCountTickets,max: maxCountTickets})
.attr({min: minCountTickets, max: maxCountTickets, value:
minCountTickets});

var minChance = 0.1;


var onePriceTicket = 1.5;

$("#count-tickets").val(minCountTickets);
var countTickets = $("#count-tickets").val();
var chance = minChance * countTickets;

$("#chance").val( (minChance * countTickets).toFixed(2) + '%');


$('#price').val((onePriceTicket * countTickets).toFixed(1) + " Gram");

$("#count-tickets").on('change',function() {

countTickets = $("#count-tickets").val();
var chance = minChance * countTickets;
$('#price').val((onePriceTicket * countTickets).toFixed(1) + "
Gram");
$("#chance").val( chance.toFixed(2) + '%');

});

$("#count-tickets").on('keyup',function() {

countTickets = $("#count-tickets").val();
var chance = minChance * countTickets;
$('#price').val((onePriceTicket * countTickets).toFixed(1) + "
Gram");
$("#chance").val( chance.toFixed(2) + '%');

});

$(".bootstrap-touchspin-injected button").on('touchstart', function() {

countTickets = $("#count-tickets").val();
var chance = minChance * countTickets;
$('#price').val((onePriceTicket * countTickets).toFixed(1) + "
Gram");
$("#chance").val( chance.toFixed(2) + '%');

});
$(".bootstrap-touchspin-injected button").on('click', function() {

countTickets = $("#count-tickets").val();
var chance = minChance * countTickets;
$('#price').val((onePriceTicket * countTickets).toFixed(1) + "
Gram");
$("#chance").val( chance.toFixed(2) + '%');

});
// var a = new Date($('#lottery-time').data('time') * 1000);
let timeSec = Math.ceil($('#lottery-time').data('time'));
let hour = timeSec/3600 ^ 0;
let min = (timeSec-hour*3600)/60 ^ 0;
let sec = timeSec-hour*3600-min*60;
let time = hour + ':' + min + ':' + sec ;

//var time = '2: 00: 10' ;


$('#lottery-time').html(time);

var interval = setInterval(function() {

var timer = time.split(':');


//by parsing integer, I avoid all extra string processing
var hourse = parseInt(timer[0], 10);
var minutes = parseInt(timer[1], 10);
var seconds = parseInt(timer[2], 10);
--seconds;

hourse = (minutes < 0) ? --hourse : hourse;

minutes = (seconds < 0) ? --minutes : minutes;


if (minutes < 0) {
minutes = 59;
--hourse;
}
minutes = (minutes < 10) ? '0' + minutes : minutes;

hourse = (minutes < 0) ? --hourse : hourse;

seconds = (seconds < 0) ? 59 : seconds;


seconds = (seconds < 10) ? '0' + seconds : seconds;
//minutes = (minutes < 10) ? minutes : minutes;
if (hourse < 0 ) {

clearInterval(interval);
return;
}
$('#lottery-time').html(hourse + ':' +minutes + ':' + seconds);
time = hourse + ':' + minutes + ':' + seconds;
}, 1000);

$('#form-buy').on('submit',function(e){

price = $('#price').val().split(' ');


if (price[0] > balance) {
e.preventDefault();
Swal.fire({
title: "Error!",
text: "Not enough Gram",
type: "error",
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
});
} else {
console.log('sub');
}

})

});
</script>

</body>
<!-- END: Body-->

</html>

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy