
<?php

ob_start();
session_start();

if($_SESSION['frontuserid'] == '')
{
    
    header("location:login.php");
}
$userid=$_SESSION['frontuserid'];
include("config.php");
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Forcecrypto</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.3/dist/jquery.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>



</body>
</html><title>Forcecrypto</title>
<link rel="icon" type="image/x-icon" href="assets/img/logo1.png"><link rel="stylesheet" href="assets/css/style.css?v=2">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="description" content="Bitter Mobile Template">
<meta name="keywords" content="bootstrap, mobile template, bootstrap 4, mobile, html, responsive" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


<style>

.btn{height:37px;width:108px;}
.pleft {
	padding-left:3px;
}
.pright {
	padding-right:3px;
}
.logo{
     width: 36px !important;
    padding: 0 0px;
}
  .height{ height: 40px;
    line-height: 40px;
    border-radius: 20px;
    font-size: 23px;}
.height .pageTitle{ line-height:39px;}/*2em*/

.l{color:#fff;}
.carousel-indicators{display:none;}
.hg{
     margin-bottom: 0px;
        display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: .02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.carousel-inner {
	width: 100%;
	display: inline-block;
	position: relative;
}
.carousel-inner {
	padding-top:20.25%;
	display: block;
	content: "";
}
.carousel-item {
	position: absolute;
	top: 0;
	bottom: 0;
	height:312px;
	right: 0;
	left: 0;
	background: skyblue;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.caption {
	position: absolute;
	top: 50%;
	left: 50%;
    transform: translateX(-50%) translateY(-50%);
	width: 60%;
	z-index: 9;
	margin-top: 20px;
	text-align: center;
}
.carousel-control-prev{display:none;}
.carousel-control-next{display:none;}
.caption h1 {
  color: #fff;
	font-size: 52px;
	font-weight: 700;
	margin-bottom: 23px;
}
.caption h2 {
  color: rgba(255,255,255,.75);
	font-size: 26px;
	font-weight: 300;
}
a.big-button {
	color: #fff;
	font-size: 19px;
	font-weight: 700;
	text-transform: uppercase;
	background: #eb7a00;
	background: rgba(255, 0, 0, 0.75);
	padding: 28px 35px;
	border-radius: 3px;
	margin-top: 80px;
	margin-bottom: 0;
	display: inline-block;
}
a.big-button:hover {
	text-decoration: none;
	background: rgba(255, 0, 0, 0.9);
}
a.view-demo {
	color: #fff;
	font-size: 21px;
	font-weight: 700;
	display: inline-block;
	margin-top: 35px;
}
a.view-demo:hover {
	text-decoration: none;
	color: #333;
}

.carousel-indicators .active {
  background: #fff;
}
.carousel-indicators li {
  background: rgba(255, 255, 255, 0.4);
  border-top: 20px solid;
  z-index: 15;
}
.spn{
        display: inline-block;
    width: auto;
    color: #616161;
    font-size: 20px;
    margin-left:7px;
    font-weight: 500;
    letter-spacing: .02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wp{
    text-align: center;
    padding: 0 12px 16px;
    color: #9a9a9a;
    font-size: 10px;
}
.index_list {
    width: 100%;
    padding: 0px 0 64px 0;
    box-sizing: border-box;
    background: #fafafa;
}
.index_list .list_content {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    background:#f1f1f1;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    transition: .3s cubic-bezier(.25,.8,.5,1);
}
.index_list .list_content .list_ul {
     margin: 0 -39px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
        list-style-type: none;
}
.list_ul .list_li{
    width: 50%;
    padding: 4px;
    box-sizing: border-box;
}
.list_ul .list_li ol {
    background-color: #fff;
    border-color: #fff;
    color: rgba(0,0,0,.87);
    transition: .3s cubic-bezier(.25,.8,.5,1);
    /*box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);*/
        box-shadow: 3px 3px 4px rgb(26 26 26 / 20%);
    border-radius: 2px;
    overflow: hidden;
    height: 211px;
}
.mo12{position: absolute;
    top: 20%;
    left: 38%;
    list-style-type: circle;}
.list_ul .list_li ol .list_img_box {
        width: 100%;
    height: 100%;
    padding: 19px;
    box-sizing: border-box;
}
.list_ul .list_li ol .list_img {
    width: 155px;
    height: 80%;/*100%*/
    background-repeat: no-repeat;
    background-size: contain;
    /*background-position: 50%;*/
}
.list_ul .list_li ol .info{
       height: 31px;
    width: 70%;
    font-weight:bold;
    float: right;
    margin-top: 7px;
    /*overflow: hidden;*/
    padding: 8px;
    font-size: 22px;
    box-sizing: border-box;
    text-align: center;
    color: rgba(0,0,0,.87);
}
.mnb{margin-top:38px;}
.mo12{     position: absolute;
    top: 42px;
    right: -5%;
    list-style-type: circle;;
}
.mo li{font-size: 19px;}

.l {
    color: #fff;
}
.buy{      color: #fff;
    font-size: 18px;
    padding: 4px 26px;
    font-weight: normal;
    border-radius: 8px;
    background: #000;
    box-shadow: 2px 0px 10px 2px rgba(0,0,0,0.91) inset;
-webkit-box-shadow: 2px 0px 10px 2px rgba(0,0,0,0.91) inset;
-moz-box-shadow: 2px 0px 10px 2px rgba(0,0,0,0.91) inset;
}
.buy a{
           color: #e80909;
    padding: 12px;
    font-size: 21px;
}
.mo li {
    font-size: 14px;
}
.mo{left:-6%;     top: 132px;}
.pt23{margin-top:30px !impotant;}
.buy span{font-weight: bold;
    color: #dc51ff;}
.appHeader .pageTitle{}.appHeader .pageTitle(    margin-top: 3%;)
.appHeader .pageTitle {
    color: blue;
    font-size: 28px;
    text-align: center;
    line-height: 6px;
    margin-top: 3%;
    margin-left: 15px;
}
@media only screen and (max-width: 600px) {
    .mo12 {
        position: absolute;
    left: -8%;
    top: 145px;
    font-size:13px;
}
    .appHeader .pageTitle{margin-top:29%;}
    .list_ul .list_li ol .list_img{height:117px !important;}
  .web_show {
    height:52px;
    padding: 0 9px;
  }
  .l{margin-left:-54px !important;}
  .spn{width:89px; margin-left:14px;}
  .hg{    font-size: 19px;
    padding-left: 0px;
    font-weight: normal;}
  .appHeader1 .pageTitle{    font-size: 14px;}
  .height .pageTitle {
    line-height: 26px;
    margin-top: 6px;
    margin-right: 12px;
}
.ion-md-download{font-size:29px;color: #b0b0b0;}


.carousel-inner {
   
    height:176px;
}
.lko {
    position: absolute;
    top: 236px;
    right: 7px;
    width: 145px;
}
.carousel-item{height:250px;}/*450*/
.list_ul .list_li ol .list_img{width:149px;}
.list_ul .list_li ol .info{height:41%; margin-top:0px; font-size:16px;    float: left;
    width: 100%;}
.list_ul .list_li ol .list_img_box{padding:9px; min-height: 351px;}
.list_ul .list_li ol{padding:0px; height:295px;}
.index_list .list_content .list_ul{margin: 0 -1px;}
.index_list .list_content .list_ul{padding:0px;}
.buy{    width: 460px;text-align: center;}
.l{margin-left:-54px !important;}
}
</style>
</head>

<body>
<!-- Page loading -->

<!-- * Page loading --> 


    
    <div class="web_show" style="    margin-top: -20 !important;">
        
            <div class="spn ">
                <img class="logo" src="assets/img/crypto.png">
                </div>
                
                
                <div class="d-flex l">
                    
                    
                    <marquee class="li" direction=”right” onmouseover="stop()" onmouseout="start()">★ <?php
      
      $sql="select* FROM `telegram` WHERE id='1'";
      $query=mysqli_query($com,$sql);
       $role=mysqli_fetch_array($query);
       echo $role['slid_notice'];
   ?> </marquee>
                <!--<h4 class="hg">Open with an app</h4>
                 <!--<h3 class="buy">To <span>BUY</span> this Project Contact <a href="tel:+918074999901"><i class="fa fa-phone"></i></a>
                 or <a href="https://wa.link/q3b7q0"><i class="fa fa-whatsapp"></i></a>-->
                 </h3>
                </div>
            
         <div class="d-flex">
                <div class=" height">
                  <div class="text-center"> 
        <!--            <div class="pageTitle"> <a target="_self" href="#" download="#" ><i style="color:#fff;font-size: 18px;cursor:pointer;" class="fa fa-arrow-circle-down" ></i>-->
        <!--</a></div>-->
                  </div>
                  
                  </div>
            </div>
            
            
            
            
            
            
     
        
        
    </div>
    
 
<!-- App Header -->

<div class="appHeader" >
  <div class="pageTitle"  ><!-- <h1 style="color:#4F0761; font-size: 18px; font-weight:normal; font-family: arial;"> Welcome Back</h1>
  <p class="wp">Quality Guarantee</p>-->
  
  </div>
</div>


<!-- App Capsule -->
<div id="appCapsule"> 

<style>
    /* Slider */
.carousel-item {
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.pp{text-align: center;
    padding: 39px;
    font-size: 30px;
    margin-bottom: 76px;}
</style>
 
 
 

        
        <h5 class="" style="    text-align: center;
    padding: 0px;
    font-size:27px;margin-bottom:18px;">Product list</h5>
  
  
  
  
  <div class=" index_list"><!--appContent-->
    <div class="list_content"> <!--sectionTitle mb-2-->
    
    <ul class="list_ul">
                <li class="list_li animate fadeInUp one" pright="">
                    
            <ol <a="" href="#" class="postItem">
                <div class="list_img_box">
                    <p style="font-size:20px">Silver</p>
                   <a href=""> <img src="assets/img/silver.jpeg" alt="image" class="list_img"></a>
                   
                   
                   <ul class="mo12">
                       <li>Price 699 Rs</li>
                       <li>Days 45</li>
                       <li>Daiy Return 30 Rs</li>
                   </ul>
<a href="product_details.php?amount=699" class="btn pt23 lko btn-success ">Rental</a>

             
                </div>
            </ol>
            
            
        </li>
        
        
        
        
        
        
        
       <li class="list_li animate fadeInUp one" pright="">
                    
            <ol <a="" href="#" class="postItem">
                <div class="list_img_box">
                    <p style="font-size:20px">Super Silver</p>
                   <a href=""> <img src="assets/img/silver.jpeg" alt="image" class="list_img"></a>
                   
                   
                   <ul class="mo12">
                       <li>Price 2600 Rs</li>
                       <li>Days 45</li>
                       <li>Daiy Return 120 Rs</li>
                   </ul>
                   
                   
                   
<a href="product_details.php?amount=2600" class="btn pt23 lko btn-success ">Rental</a>

             
                </div>
            </ol>
            
            
        </li>
        
        <li class="list_li animate fadeInUp one" pright="">
                    
            <ol <a="" href="#" class="postItem">
                <div class="list_img_box">
                    <p style="font-size:20px">Gold</p>
                   <a href=""> <img src="assets/img/gold.jpeg" alt="image" class="list_img"></a>
                   
                   
                   <ul class="mo12">
                       <li> Price 5100 Rs</li>
                       <li>Days 45</li>
                       <li>Daiy Return 210 Rs</li>
                   </ul>
                   
                   
                   
<a href="product_details.php?amount=5100" class="btn pt23 lko btn-success ">Rental</a>

             
                </div>
            </ol>
            
            
        </li>
        
        
        
        
        
        <li class="list_li animate fadeInUp one" pright="">
                    
            <ol <a="" href="#" class="postItem">
                <div class="list_img_box">
                    <p style="font-size:20px">Super Gold</p>
                   <a href=""> <img src="assets/img/gold.jpeg" alt="image" class="list_img"></a>
                   
                   
                   <ul class="mo12">
                       <li> Price 13000 Rs</li>
                       <li>Days 45</li>
                       <li>Daiy Return 550 Rs</li>
                   </ul>
                   
                   
                   

<a href="product_details.php?amount=13000" class="btn pt23 lko btn-success ">Rental</a>
             
                </div>
            </ol>
            
            
        </li>
        
        
         <li class="list_li animate fadeInUp one" pright="">
                    
            <ol <a="" href="#" class="postItem">
                <div class="list_img_box">
                    <p style="font-size:20px">Diamond</p>
                   <a href=""> <img src="assets/img/diamond.jpeg" alt="image" class="list_img"></a>
                   
                   
                   <ul class="mo12">
                       <li> Price 24000 Rs</li>
                       <li>Days 60</li>
                       <li>Daiy Return 810 Rs</li>
                   </ul>
                   
                   
                   

<a href="product_details.php?amount=24000" class="btn pt23 lko btn-success ">Rental</a>
             
                </div>
            </ol>
            
            
        </li>
        
        
        
         <li class="list_li animate fadeInUp one" pright="">
                    
            <ol <a="" href="#" class="postItem">
                <div class="list_img_box">
                    <p style="font-size:20px">Super Diamond</p>
                   <a href=""> <img src="assets/img/superdiamond.jpeg" alt="image" class="list_img"></a>
                   
                   
                   <ul class="mo12">
                       <li> Price 49000 Rs</li>
                       <li>Days 60</li>
                       <li>Daiy Return 1300 Rs</li>
                   </ul>
                   
                   
                   

<a href="product_details.php?amount=49000" class="btn pt23 lko btn-success ">Rental</a>
             
                </div>
            </ol>
            
            
        </li>
        <li class="list_li animate fadeInUp one" pright="">
                    
            <ol <a="" href="#" class="postItem">
                <div class="list_img_box">
                    <p style="font-size:20px">Super Diamond Pro</p>
                   <a href=""> <img src="assets/img/superdiamondpro.jpeg" alt="image" class="list_img"></a>
                   
                   
                   <ul class="mo12">
                       <li> Price 98000 Rs</li>
                       <li>Days 60</li>
                       <li>Daiy Return 3500 Rs</li>
                   </ul>
                   
                   
                   

<a href="product_details.php?amount=98000" class="btn pt23 lko btn-success ">Rental</a>
             
                </div>
            </ol>
            
            
        </li>
            </ul>
      
      
      
      <div class="p-3"></div>
      
      <!-- * listview --> 
      
    </div>
    
    <!-- app Footer --> 
    
    <!-- * app Footer --> 
    
  </div>
</div>
<!-- * appCapsule -->

<?php include 'footer.php';?>

<!-- ///////////// Js Files ////////////////////  --> 
<!-- Jquery --> 
<script src="assets/js/lib/jquery-3.4.1.min.js"></script> 
<!-- Bootstrap--> 
<script src="assets/js/lib/popper.min.js"></script> 
<script src="assets/js/lib/bootstrap.min.js"></script> 
<!-- Owl Carousel --> 
<script src="assets/js/plugins/owl.carousel.min.js"></script> 
<!-- Main Js File --> 
<script src="assets/js/app.js"></script>
</body>
</html>