| Current File : /home/viralhoga/public_html/home.php |
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<meta charset="utf-8">
<meta name="description" content="viralhoga.com" />
<meta name="keywords" content="viralhoga, Non Exclusive Song, Exclusive Song, Our services" />
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- title -->
<title>Viralhoga.com</title>
<!-- favicon -->
<link rel="icon" type="image/x-icon" href="img/logo/favicon.png">
<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- magnific-popup css -->
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<!-- animate css -->
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<!-- bootstrap icon -->
<link rel="stylesheet" type="text/css" href="css/bootstrap-icons.css">
<!-- font-awesome css -->
<link rel="stylesheet" type="text/css" href="css/all.min.css">
<!--fether css -->
<link rel="stylesheet" type="text/css" href="css/feather.css">
<!-- owl css -->
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css">
<!-- swiper-bundle css -->
<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css">
<!-- slick slider css -->
<link rel="stylesheet" type="text/css" href="css/slick.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/ourstyle.css">
<style>
@media (max-width: 480px){
.hero-caption h1{font-size: 1rem!important;}
#webSection{display:none!important}
#mobileSection{display:block!important}
}
@media (max-width: 320px){
.hero-caption h1{font-size: 1rem!important;}
#webSection{display:none!important}
#mobileSection{display:block!important}
}
</style>
</head>
<body>
<!-- header start -->
<?php include('includes/navbar.php');?>
<!-- header end -->
<section class="top-notification-bar py-2">
<div class="container-fluid">
<div class="row">
<div class="col-10">
<p class="text-white">India's First Youtube Content Platform ! Call Us Now ! +91 9311498433</p>
</div>
<div class="col-2 text-end"><i class="feather-x"></i></div>
</div>
</div>
</section>
<main>
<!--home-video start-->
<div class="container-fluid hero-section">
<div id="videosection">
<video autoplay muted loop class="hero-video">
<source src="viral-hoga.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<script>
if(screen.width<=769){
document.getElementById('videosection').innerHTML = '<img src="viral-hoga.gif" style="width:100%;">';
document.getElementById('webSection').innerHTML = '';
}else{
document.getElementById('mobileSection').innerHTML = '';
}
</script>
<div class="hero-caption">
<h1 class="text-white mb-3">We Provide Youtube Content Easy On Pocket.</h1>
<?php if(!isset($_SESSION['reg_id']) || empty($_SESSION['reg_id'])){?>
<a href="#!" data-bs-toggle="modal" data-bs-target="#login_Modal" class="btn btn-danger px-4 rounded-pill">Join Now</a>
<?php }?>
</div>
</div>
<!--home-video end-->
<!-- slider-category start -->
<?php
//song as category
$sel_as_cat_data = $obj->select_all('pin_code',"where status='Active' order by position");
while($categorywise=mysqli_fetch_array($sel_as_cat_data)){
//get all data
$sel_all_data = $obj->select_all('product',"where pro_type='$categorywise[pin]' order by position");
if(mysqli_num_rows($sel_all_data)>0){
?>
<section class="slider-category section-pt">
<div class="container">
<div class="row">
<div class="col">
<div class="section-capture">
<div class="d-flex justify-content-between">
<div class="section-title">
<h2><?php echo ucfirst($categorywise['pin'])?></h2>
</div>
<?php if(mysqli_num_rows($sel_all_data)>6){?>
<div class="section-seeall align-content-center">
<a href="categories_viewall.php?cattype=<?php echo $categorywise['pin']?>">See All</a>
</div>
<?php }?>
</div>
</div>
<div class="category-block">
<div class="swiper" id="category-template">
<div class="swiper-wrapper">
<?php while($data=mysqli_fetch_array($sel_all_data)){
$imageName = json_decode($data['img']);
$tagName = explode(",",$data['oldprice']);
if($data['videoType']=='No'){
?>
<div class="swiper-slide">
<div class="category-item">
<div class="hero_img position-relative">
<a href="<?php if(isset($_SESSION['reg_id']) && !empty($_SESSION['reg_id'])){?>book_now.php?pid=<?php echo $data['id'];}else echo "login.php";?>">
<img src="<?php echo "adminpanel/img/".$imageName[0]?>" style="height:300px" alt="" class="img-fluid rounded-3">
</a>
<div class="hero-heart">
<a href="<?php if(isset($_SESSION['reg_id']) && !empty($_SESSION['reg_id'])){?>book_now.php?pid=<?php echo $data['id'];}else echo "login.php";?>" class="wishlist-product">
<span class="wishlist-icon"><i class="feather-heart"></i></span>
</a>
</div>
<div class="hero-pricebtn">
<span class="latest_price">₹<?php echo $data['price']?> </span>
<?php if(!empty($data['oldprc'])){?><span class="main-price">₹<?php echo $data['oldprc']?></span><?php }?>
</div>
<div class="price_tittle ">
<span>Start From ₹<?php echo $data['price']?></span>
<a href="<?php if(isset($_SESSION['reg_id']) && !empty($_SESSION['reg_id'])){?>book_now.php?pid=<?php echo $data['id'];}else echo "login.php";?>">Book Now</a>
</div>
</div>
<div class="hero_content">
<h6><a href="<?php if(isset($_SESSION['reg_id']) && !empty($_SESSION['reg_id'])){?>book_now.php?pid=<?php echo $data['id'];}else echo "login.php";?>"><?php echo $data['name']?></a></h6>
<div class="price-box">
<?php for($t=0;$t<sizeof($tagName);$t++){?>
<span class="cele_tag me-2"><?php echo $tagName[$t]?></span>
<?php }?>
</div>
</div>
</div>
</div>
<?php }else{?>
<div class="swiper-slide">
<div class="category-item">
<div class="hero_img position-relative">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal-1" onclick="getId(<?php echo $data['id']?>)">
<img src="<?php echo "adminpanel/img/".$imageName[0]?>" style="height:300px" alt="" class="img-fluid rounded-3">
</a>
<div class="hero-heart">
<span class="wishlist-icon"><i class="feather-heart"></i></span>
</div>
<div class="hero-pricebtn">
<span class="latest_price">₹<?php echo $data['price']?> </span>
<?php if(!empty($data['oldprc'])){?><span class="main-price">₹<?php echo $data['oldprc']?></span><?php }?>
</div>
<div class="price_tittle ">
<span>Start From ₹<?php echo $data['price']?></span>
<a href="<?php if(isset($_SESSION['reg_id']) && !empty($_SESSION['reg_id'])){?>book_now.php?pid=<?php echo $data['id'];}else echo "login.php";?>">Book Now</a>
</div>
</div>
<div class="hero_content">
<h6><a href="<?php if(isset($_SESSION['reg_id']) && !empty($_SESSION['reg_id'])){?>book_now.php?pid=<?php echo $data['id'];}else echo "login.php";?>"><?php echo $data['name']?></a></h6>
<div class="price-box">
<?php for($t=0;$t<sizeof($tagName);$t++){?>
<span class="cele_tag me-2"><?php echo $tagName[$t]?></span>
<?php }?>
</div>
</div>
</div>
</div>
<?php
}
}?>
<script>
function getId(getId){
myData = "proid="+getId;
jQuery.ajax({
type: "POST", // HTTP method POST or GET
url: "getVideo.php", //Where to make Ajax calls
dataType:"text", // Data type, HTML, json etc.
data:myData, //Form variables
success:function(response){
//alert(response);
if(response!=0){
document.getElementById('videoLink').innerHTML=response;
}
},
error:function (xhr, ajaxOptions, thrownError){
reg("#submitbtn").show(); //show submit button
reg("#LoadingImage").hide(); //hide loading image
alert(thrownError);
}
});
}
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php }}?>
<!-- slider-category end -->
<!-- testimonial start -->
<section class="testimonial-area section-ptb">
<div class="container">
<div class="row">
<div class="col mb-5">
<div class="testi-news">
<div class="section-capture">
<div class="section-title">
<h2>
<span>Loved by our Customer</span>
</h2>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="testi-area-wrap">
<div class="testimonial-slider owl-carousel owl-theme" id="testimonial-slider">
<div class="item">
<div class="testi-content-info">
<div class="author-img-icon">
<span class="testi-img">
<img src="image/3.jpg" class="img-fluid" alt="testi-01">
</span>
</div>
<div class="testi-content">
<div class="testi-review-time">
<span class="testi-review">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</span>
</div>
<div class="testi-desc">
<p>ViralHoga.com is a wonderful platform. I never think about youtube income but viralHoga.com Supported me to fulfill my dreams and I have earned 2 lacs rupees through my youtube Channel Thanks Viral.Hoga.com</p>
</div>
<div class="author-info">
<h6>Anita</h6>
<span>Youtuber</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testi-content-info">
<div class="author-img-icon">
<span class="testi-img">
<img src="image/2.jpg" class="img-fluid" alt="testi-02">
</span>
</div>
<div class="testi-content">
<div class="testi-review-time">
<span class="testi-review">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</span>
</div>
<div class="testi-desc">
<p>This is very helpful Platform for new and part time working youtuber. I Strongly recommend ViralHoga.com for all youtubers.</p>
</div>
<div class="author-info">
<h6>Mahesh</h6>
<span>Youtuber</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testi-content-info">
<div class="author-img-icon">
<span class="testi-img">
<img src="image/1.jpg" class="img-fluid" alt="testi-03">
</span>
</div>
<div class="testi-content">
<div class="testi-review-time">
<span class="testi-review">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</span>
</div>
<div class="testi-desc">
<p>Sach main yaar maine aisa option abhi tak nahi dekha jisme only Rs.999 lagakar ab tak maine Rs. 90K Matra 3 Month mein youtube se income Kiya mere liye to ViralHoga.com best hai.</p>
</div>
<div class="author-info">
<h6>Puneet</h6>
<span>Youtuber</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="position: absolute; filter: alpha(opacity=0); opacity: 0.001; z-index: 10;"><a href="https://www.replica-watches-australia.com/">Replica Watches Australia</a></div>
</section>
<!-- testimonial end -->
<!-- deal start -->
<section class="deal-section section-ptb">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10 ">
<ul class="grid-wrap">
<li class="grid-wrapper title-wrapper">
<div class="section-capture">
<div class="section-title">
<h2 class="text-white">
<span>Frequently Asked Questions</span>
</h2>
</div>
</div>
<div class="faq-content">
<ul id="collapse-faq">
<li>
<a href="#collapse-1" class="question" data-bs-toggle="collapse" aria-expanded="true">
<h6 class="que ">01. How is ViralHoga.com working?</h6>
<span class="que-accordian"><i class="feather-plus text-white"></i></span> </a>
<div class="ans-accordian collapse show" id="collapse-1" data-bs-parent="#collapse-faq">
<p class="text-white pt-2 border-top">We are working as a digital content agency. Where you can Buy on demand, sell your content and rent our exclusive or Nonexclusive content.. </p>
</div>
</li>
<li>
<a href="#collapse-2" class="question" data-bs-toggle="collapse">
<h6 class="que">02. How is your renting facility?</h6>
<span class="que-accordian"><i class="feather-plus text-white"></i></span> </a>
<div class="ans-accordian collapse" id="collapse-2" data-bs-parent="#collapse-faq">
<p class="text-white pt-2 border-top">We are providing exclusive and Nonexclusive content on yearly basis.</p>
</div>
</li>
<li>
<a href="#collapse-3" class="question" data-bs-toggle="collapse">
<h6 class="que">03. Does you take other profit from Renting content?</h6>
<span class="que-accordian"><i class="feather-plus text-white"></i></span> </a>
<div class="ans-accordian collapse" id="collapse-3" data-bs-parent="#collapse-faq">
<p class="text-white pt-2 border-top">We take minimum 10% income profit on our all renting content. </p>
</div>
</li>
<li>
<a href="#collapse-4" class="question" data-bs-toggle="collapse">
<h6 class="que">04. Can we join viralhoga.com as a business partner?</h6>
<span class="que-accordian"><i class="feather-plus text-white"></i></span> </a>
<div class="ans-accordian collapse" id="collapse-4" data-bs-parent="#collapse-faq">
<p class="text-white pt-2 border-top">You can join us as a business partner. You can mail us on business@viralhoga.com OR Call us on 9311498433 </p>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
<div style="position: absolute; filter: alpha(opacity=0); opacity: 0.001; z-index: 10;"><a href="https://www.firstcopywatch.com/">First Copy Watches</a></div>
</section>
<!-- deal end -->
</main>
<!-- footer start -->
<?php include('includes/footer.php')?>
<!-- The Modal -->
<div class="modal fade" id="myModal-1" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div id="videoLink"></div>
</div>
</div>
</div>
<!-- screen-bg start -->
<div class="screen-bg"></div>
<!-- screen-bg end -->
<!-- back-to-top start -->
<a href="javascript:void(0)" id="top" class="scroll">
<span><i class="feather-arrow-up"></i></span>
</a>
<!-- back-to-top end -->
<!-- jquery -->
<!-- bootstrap js -->
<script src="js/jquery-3.6.3.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.min.js"></script>
<script src="js/popper.min.js"></script>
<!-- magnific-popup js -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- owl js -->
<script src="js/owl.carousel.min.js"></script>
<!-- swiper-bundle js -->
<script src="js/swiper-bundle.min.js"></script>
<!-- slick js -->
<script src="js/slick.min.js"></script>
<!-- waypoints js -->
<script src="js/waypoints.min.js"></script>
<!-- counter js -->
<script src="js/counter.js"></script>
<!-- main js -->
<script src="js/main.js"></script>
</body>
</html>