| Current File : /home/viralhoga/public_html/test1.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 -->
<header class="header-area">
<div class="header-main-area">
<div class="container-fluid">
<div class="row">
<div class="col">
<div class="header-main">
<!-- header logo start -->
<div class="header-element logo"> <a href="index.php" class="theme-header-logo"> <img src="img/logo.png" class="img-fluid" alt="logo"> </a> </div>
<!-- header logo end -->
<!-- header megamenu start -->
<div class="header-element megamenu-content"> <a href="#main-collapse" class="browse-cat" data-bs-toggle="collapse" aria-expanded="true"> <span class="menu-icon"><i class="feather-menu"></i></span> <span class="menu-title">Menu</span> <span class="menu-arrow"><i class="feather-chevron-down"></i></span> </a>
<div class="mainwrap collapse show" id="main-collapse">
<ul class="main-menu">
<li class="menu-link"> <a href="exclusive.php" class="link-title"> <span class="sp-link-title">Exclusive</span> </a> </li>
<li class="menu-link"> <a href="non-exclusive.php" class="link-title"> <span class="sp-link-title">Non-Exclusive</span> </a> </li>
<li class="menu-link"> <a href="service.php" class="link-title"> <span class="sp-link-title">Services</span> </a> </li>
<li class="menu-link"> <a href="#!" class="link-title" data-bs-toggle="modal" data-bs-target="#howto_reach" > <span class="sp-link-title">How to reach?</span> </a> </li>
<li class="menu-link"> <a href="support.php" class="link-title"> <span class="sp-link-title">Support</span> </a> </li>
</ul>
</div>
</div>
<!-- header megamenu end -->
<!-- right-block-box start-->
<div class="header-element right-block-box">
<ul class="shop-element">
<li><a href="login.php">Login/Signup</a></li>
<li class="side-wrap toggle-wrap">
<button class="toggler-button"><span class="line"></span></button>
</li>
</ul>
<div class="header-element megamenu-content"> <a href="#main-collapse" class="browse-cat" data-bs-toggle="collapse" aria-expanded="true"> <span class="menu-icon"><i class="feather-menu"></i></span> <span class="menu-title">Menu</span> <span class="menu-arrow"><i class="feather-chevron-down"></i></span> </a>
<div class="mainwrap collapse show" id="main-collapse">
<ul class="main-menu">
<li class="menu-link"> <a href="javascript:avoid(0)" class="link-title"> <span class="sp-link-title"> <span class="user-icon"><i class="feather-user"></i></span></span> </a> <a href="#desk-home" data-bs-toggle="collapse" class="link-title link-title-lg"> <span class="sp-link-title"><i class="fa fa-angle-down"></i></span> <span class="menu-arrow"><i class="fa fa-angle-down"></i></span> </a>
</li>
</ul>
</div>
</div>
</div>
<!-- right-block-box end-->
</div>
</div>
</div>
</div>
</div>
</header>
<style>
.swiper-slide{
width:215px!important;
}
</style> <!-- 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>
<a href="#!" data-bs-toggle="modal" data-bs-target="#login_Modal" class="btn btn-danger px-4 rounded-pill">Join Now</a>
</div>
</div>
<!--home-video end-->
<!-- slider-category start -->
<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>New Song (Special Occasion)</h2>
</div>
</div>
</div>
<div class="category-block">
<div class="swiper" id="category-template">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="category-item">
<div class="hero_img position-relative">
<a href="login.php">
<img src="adminpanel/img/441d946183038df852d736caad345530.png" style="height:300px" alt="" class="img-fluid rounded-3">
</a>
<div class="hero-heart">
<a href="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">₹9 </span>
</div>
<div class="price_tittle ">
<span>Start From ₹9</span>
<a href="login.php">Book Now</a>
</div>
</div>
<div class="hero_content">
<h6><a href="login.php"></a></h6>
<div class="price-box">
<span class="cele_tag me-2">#Rakshabandhan</span>
<span class="cele_tag me-2">#SpecialSong</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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>Sawan Special - Hindi Shiv Bhajan</h2>
</div>
</div>
</div>
<div class="category-block">
<div class="swiper" id="category-template">
<div class="swiper-wrapper">
<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">
<img src="adminpanel/img/98c6a510f45fdf2f9b2752d6baa7889b.jpg" 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">₹1000 </span>
<span class="main-price">₹1500</span>
</div>
<div class="price_tittle ">
<span>Start From ₹1000</span>
<a href="login.php">Book Now</a>
</div>
</div>
<div class="hero_content">
<h6><a href="login.php">Gulshan Kumar</a></h6>
<div class="price-box">
<span class="cele_tag me-2">0</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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>Hindi Bhajan</h2>
</div>
</div>
</div>
<div class="category-block">
<div class="swiper" id="category-template">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="category-item">
<div class="hero_img position-relative">
<a href="login.php">
<img src="adminpanel/img/7e334a14762068271018bbf02a5ce0bd.jpeg" style="height:300px" alt="" class="img-fluid rounded-3">
</a>
<div class="hero-heart">
<a href="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">₹99 </span>
</div>
<div class="price_tittle ">
<span>Start From ₹99</span>
<a href="login.php">Book Now</a>
</div>
</div>
<div class="hero_content">
<h6><a href="login.php"></a></h6>
<div class="price-box">
<span class="cele_tag me-2">#Bhajan</span>
<span class="cele_tag me-2">#Bhakti</span>
<span class="cele_tag me-2">#Popular</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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>Bhojpuri Song</h2>
</div>
</div>
</div>
<div class="category-block">
<div class="swiper" id="category-template">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="category-item">
<div class="hero_img position-relative">
<a href="login.php">
<img src="adminpanel/img/14287fdd574f3e6b84cabfac4df76ef5.jpeg" style="height:300px" alt="" class="img-fluid rounded-3">
</a>
<div class="hero-heart">
<a href="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">₹2499 </span>
</div>
<div class="price_tittle ">
<span>Start From ₹2499</span>
<a href="login.php">Book Now</a>
</div>
</div>
<div class="hero_content">
<h6><a href="login.php">Khesari Lal Yadav</a></h6>
<div class="price-box">
<span class="cele_tag me-2">#Bhojpuri</span>
<span class="cele_tag me-2">#SuperHitSong</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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>Islamic</h2>
</div>
</div>
</div>
<div class="category-block">
<div class="swiper" id="category-template">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="category-item">
<div class="hero_img position-relative">
<a href="login.php">
<img src="adminpanel/img/38be054021e1eb2e86b9555ec28c6799.jpeg" style="height:300px" alt="" class="img-fluid rounded-3">
</a>
<div class="hero-heart">
<a href="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">₹499 </span>
<span class="main-price">₹1299</span> </div>
<div class="price_tittle ">
<span>Start From ₹499</span>
<a href="login.php">Book Now</a>
</div>
</div>
<div class="hero_content">
<h6><a href="login.php"></a></h6>
<div class="price-box">
<span class="cele_tag me-2">#islamic</span>
<span class="cele_tag me-2">#Peaceful</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 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>
</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>
</section>
<!-- deal end -->
</main>
<!-- footer start -->
<footer>
<div class="footer-top-area section-ptb">
<div class="container">
<div class="row">
<div class="col">
<div class="footer-list-wrap">
<div class="footer-list">
<ul class="footer-info-details">
<li class="ftlink-li footer-company-details">
<div class="footer-logo"> <a href="index.php" class="theme-footer-logo"> <img src="img/logo.png" class="img-fluid" alt="logo"> </a> </div>
<div class="footer-details">
<p>The point of using is that it has a more or less are distribution of lettersas opposed to using
content.</p>
</div>
</li>
</ul>
</div>
<div class="footer-menu-wrapper">
<ul class="footer-menu-details">
<li class="ftlink-li">
<h2 class="ft-title">Quick Link</h2>
<ul class="footer-sublist " >
<li class="ftsublink-li"> <a href="exclusive.php" class="ft-sublink">Exclusive</a> </li>
<li class="ftsublink-li"> <a href="non-exclusive.php" class="ft-sublink">Non-Exclusive</a> </li>
<li class="ftsublink-li"> <a href="service.php" class="ft-sublink">Services</a> </li>
<li class="ftsublink-li"> <a href="support.php" class="ft-sublink">Contact Us</a> </li>
</ul>
</li>
<li class="ftlink-li">
<h2 class="ft-title">Information</h2>
<ul class="footer-sublist " >
<li class="ftsublink-li"> <a href="privacy-policy.php" class="ft-sublink">Privacy policy</a> </li>
<li class="ftsublink-li"> <a href="refund-policy.php" class="ft-sublink">Refund Policy</a> </li>
<li class="ftsublink-li"> <a href="disclaimer.php" class="ft-sublink">Disclaimer</a> </li>
<li class="ftsublink-li"> <a href="terms-and-conditions.php" class="ft-sublink">Terms & conditions</a> </li>
<li class="ftsublink-li"> <a href="faqs.php" class="ft-sublink">FAQs</a> </li>
</ul>
</li>
<li class="ftlink-li">
<h2 class="ft-title">Profile</h2>
<ul class="footer-sublist " >
<li class="ftsublink-li"> <a href="user-profile.php" class="ft-sublink">Profile</a> </li>
<li class="ftsublink-li"> <a href="booking.php" class="ft-sublink">Booking</a> </li>
<!--<li class="ftsublink-li"> <a href="#!" class="ft-sublink">Wallet</a> </li>
<li class="ftsublink-li"> <a href="#!" class="ft-sublink">Wishlist</a> </li>--->
<li class="ftsublink-li"> <a href="service.php" class="ft-sublink">Services</a> </li>
</ul>
</li>
<li class="ftlink-li">
<h2 class="ft-title">Followed by</h2>
<ul class="footer-sublist " >
<li class="ftsublink-li"> <a href="https://www.instagram.com/viralhoga.com___/" target="_blank" class="ft-sublink">Instagram</a> </li>
<li class="ftsublink-li"> <a href="https://x.com/viralhoga_" target="_blank" class="ft-sublink">Twitter</a> </li>
<li class="ftsublink-li"> <a href="https://www.facebook.com/profile.php?id=61561173383577" target="_blank" class="ft-sublink">Facebook</a> </li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom-area">
<div class="container">
<div class="row">
<div class="col">
<ul class="ft-bottom">
<li class="copy-right">
<p> <span>Copyright</span> <span class="copy-icon"><i class="far fa-copyright"></i></span> <span>2024 by ViralHoga.<sup>Com</sup></span> </p>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- footer end -->
<!---login Modal-->
<div class="modal" id="login_Modal">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal body -->
<div class="modal-body">
<button type="button" class="close-btn" data-bs-dismiss="modal"><i class="feather-x"></i></button>
<div class="newsletter-info">
<div class="subscribe_area">
<div class="subscribe-content">
<h2>Login/Signup With ViralHoga.com</h2>
</div>
<div class="login_regwithfacgoogle mt-4">
<div class="registers">
<form method="post">
<div class="login-form-container">
<ul class="fill-form">
<li class="log-email">
<label style="margin-bottom: 20px;">Mobile No</label>
<div>
<div style="margin-bottom: -38px;padding: 5px;"><img src="image/flag.png" style="height: 15px;"> +91 </div>
<div>
<input type="text" name="username" maxlength="10" class="input-full" placeholder="Enter Mobile No" required="" style="padding-left: 70px;">
</div>
</div>
</li>
</ul>
<div class="form-action-button">
<div class="read-agree w-100">
<label style="margin-bottom:15px"><span class="agree-text"> I have read and agree with the <a href="terms-and-conditions.php">terms & condition.</a> </span>
<input type="checkbox" name="q" checked="checked" class="cust-checkbox create-checkbox" required="">
<span class="cust-check"></span>
</label>
<button name="signIn" class="btn btn-danger px-4 w-100 " data-bs-toggle="modal" data-bs-target="#login_Modal">Continue</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!---login End-->
<!---How to reach-->
<div class="modal" id="howto_reach">
<div class="modal-dialog ">
<div class="modal-content">
<!-- Modal body -->
<div class="modal-body p-0">
<form method="post" class="contact-form">
<button type="button" class="close-btn" data-bs-dismiss="modal"><i class="feather-x"></i></button>
<div class="newsletter-info">
<div class="subscribe_area p-0">
<iframe width="100%" height="auto" src="https://www.youtube.com/embed/y7xnC-Y-jC0?si=nS8HCJRgBe7n0hIX" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!---How to reach End-->
<!-- mobile-menu start -->
<div class="mobile-menu" id="menu-toggle">
<div class="main-menu-area">
<!-- box-header start -->
<div class="box-header">
<button class="close-menu" type="button"><i class="feather-x"></i></button>
</div>
<!-- box-header end -->
<div class="megamenu-content">
<div class="mainwrap collapse show" id="resp-main">
<ul class="main-menu">
<li class="menu-link px-3 py-3 text-center"> <a href="index.php">Home</a> </li>
<li class="menu-link py-3 text-center"> <a href="exclusive.php">Exclusive</a> </li>
<li class="menu-link py-3 text-center"> <a href="non-exclusive.php">Non-Exclusive</a> </li>
<li class="menu-link py-3 text-center"> <a href="service.php">Services</a> </li>
<li class="menu-link py-3 text-center"> <a href="#!" class="link-title" data-bs-toggle="modal" data-bs-target="#howto_reach">How to Reach?</a> </li>
<li class="menu-link py-3 text-center"> <a href="support.php">Support</a> </li>
<li class="menu-link py-3 text-center"> <a href="login.php">Login / Registration</a> </li>
</ul>
</div>
</div>
<!-- mega-menu end -->
</div>
</div>
<!-- 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">
<h5 class="modal-title" id="exampleModalLabel">Login</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/4kGIIRUIRbQ?si=eIn145IDK-wiOUlU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
</div>
<!-- mobile-menu end --> <!-- 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>