Lucky Wheel 888 (1)

You might also like

Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 6

<style>

body
{
background-color: #111B24 !important;
background-size: cover;
color: #fff !important;
}
</style>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1, user-scalable=no" />
<title>LUCKY WHEEL 888</title>
<meta name="description" content="" data-type="admin" />
<meta name="keywords" content="" data-type="admin" />
<meta name="author" content="Gafami">
<meta property="fb:app_id" content="1701132369920968" data-type="admin" />
<meta property="og:url" content="" data-type="admin" />
<meta property="og:type" content="Website" data-type="admin" />
<meta property="og:title" content="LUCKY WHEEL 888" data-type="admin" />
<meta property="og:description" content="SPIN & WIN" data-type="admin" />
<meta property="og:image" content="" data-type="admin" />

<link rel="stylesheet"
href="https://cdn.datatables.net/1.12.1/css/dataTables.bootstrap4.min.css">

<script src="https://code.jquery.com/jquery-3.5.1.js"></script>

<link rel="stylesheet" href="customn_library/bootstrap.min.css">


<!-- <script src="customn_library/bootstrap.bundle.min.js"></script> -->

<script
src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
<script
src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap5.min.js"></script>

<!-- <script src="customn_library/bootstrap.bundle.min.js"> -->

</head>
<body>
<table class="table table-striped table-responsive" id="example"
style="width:100%" >

<thead>
<tr class="text-center">
<th>#</th>
<th>Player Id</th>
<!--<th>Win Rate</th>-->
<th>Reward Name</th>
<th>Reward Get Email</th>
<th>Redeem Date</th>
<th>Spin Date</th>
</tr>
</thead>
<tbody>

</tbody>
</table>

<link href="customn_library/css/font-awesome.min.css" rel="stylesheet">


<style>
.img_set
{
margin-top: -19px !important;
}
</style>

<style>
.footer
{
/* background-color: unset !important; */
background-image: linear-gradient(90deg, rgba(189, 0, 9,1) 4%,
rgba(242, 0, 17,1) 51%, rgba(227, 5, 15,1) 100%);
}
</style>

<div class="footer" style="position:fixed;">


<div class="footer-text">

<ul class ="footer_ul">

<a href="https://luckywheel888.com" id="home_url" >


<li >
<div class="menu_site"><img class="img_set" src="img/home3d.png"
style="width: 57px;"></div>
<div class="set_size_menu">Home</div>
</li>
</a> <a href="javascript:void(0)" id="wheel-data-share-
on-app" >
<li>
<div class="menu_site"><img class="img_set" src="img/share3d.png"
style="width: 57px;"></div>
<div class="set_size_menu">Share</div>
</li>
</a> <a href="" target="_blank">
<li>
<div class="menu_site"><img class="img_set" src="img/message3d.png"
style="width: 57px;"></div>
<div class="set_size_menu">Message</div>
</li>
</a> <a href="javascript:void(0)" onclick="openNav()" >
<li>
<div class="menu_site"><img class="img_set" src="img/account3d.png"
style="width: 57px;"></div>
<div class="set_size_menu">Account</div>
</li>
</a>

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

<div id="mySidenav" class="sidenav" style="z-index: 999999;">


<a href="javascript:void(0)" class="closebtn"
onclick="closeNav()">&times;</a>

<a href="https://luckywheel888.com">
<i class="fa fa-home side_bar" aria-hidden="true"></i>

Home </a>

<!--<a href="user_contact_form.php"><i class="fa fa-map-marker


side_bar" aria-hidden="true"></i>Contact Us</a>-->
<a href="user_contact_form.php"><i class="fa fa-map-marker side_bar"
aria-hidden="true"></i>Contact Us</a>

</div>

<style>

.footer {
position: absolute;
width: 100%;
max-width: 600px;
/* background-image: -webkit-linear-gradient(50deg, #ffa000, #ffa000);
background-image: -o-linear-gradient(50deg, #ffa000, #ffa000);
background-image: linear-gradient(40deg, #ffa000, #ffa000); */
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-shadow: 0 0 15px #222;
box-shadow: 0 0 15px #222;
text-align: center;
color: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
z-index: 99;
background-color: #f00000;

}
.footer .footer-text {
/* padding: 7px; */
padding: 0px;
font-size:129%;
/* padding-top: 13px; */
padding-top: 0px;
}
.footer_ul
{
display: flex;
list-style: none;
padding-left: 0px;
margin-bottom: 0px !important;
}
.footer_ul li
{

color: #fff;
padding-bottom: 6px;

.footer_ul a
{
width:33.33%;
}
.set_size_menu
{
font-size:12px;
font-weight: 600;
}

/* style for account page design */

.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
background-color: #f00000;
overflow-x: hidden;
padding-top: 60px;
transition: 0.5s;
}

.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 18px;
color: #fff;
display: block;
transition: 0.3s;
font-weight: bold;
}

.sidenav a:hover, .offcanvas a:focus{


background: white ;
color: black;
}

.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}

#main {
transition: margin-left .5s;
padding: 20px;
}
.sidenav {
right: 0;
}

@media screen and (max-height: 450px) {


.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
.sidenav {
right: 0;
}

.fa.fa {
margin-right: 16px;
font-size: 20px;
}

/* end account page design */

.custom_reamin_spin_show
{
position: absolute;
bottom: 0px;
font-size: 15px;
padding: 41px;
font-weight: bold;
color:#fff;

</style>
<style>
.footer_ul a
{
width:25% !important;
}
</style>
<!-- <script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-->
<script>

function openNav() {
document.getElementById("mySidenav").style.width = "277px";
}

function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
jQuery(document).ready(function(){

jQuery('#wheel-data-share-on-app').on('click', () => {
var site_url = 'https://luckywheel888.com';
if (navigator.share) {
navigator.share({
title: 'Loyalty Wheel Spin',
text: 'Win A Car | Win a Television',
url: site_url,
})
.then(() => console.log('Successful share'))
.catch((error) => console.log('Error sharing', error));
} else {
console.log('Share not supported on this browser, do it the old way.');
}
});

});

</script>

</body>

</html>
<script>
jQuery(document).ready(function () {
jQuery('#example').DataTable();
});
</script>
<style>
.menu_site
{
height: 30px;
}
.img_set
{
width: 57px !important;
margin-top: -6px;
}
</style>

You might also like