| Current File : /home/viralhoga/public_html/contact.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="" />
<meta name="keywords"
content="" />
<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">
<!-- other-page css -->
<link rel="stylesheet" type="text/css" href="css/other-page.css">
<link rel="stylesheet" href="css/ourstyle.css">
</head>
<body>
<!-- header start -->
<?php include('includes/navbar.php')?>
<!-- header end -->
<!-- main section start-->
<main>
<!-- breadcrumb start -->
<section class="breadcrumb-area">
<div class="container">
<div class="col">
<div class="row">
<div class="breadcrumb-index">
<!-- breadcrumb main-title start-->
<div class="breadcrumb-title">
<h2>Contact us</h2>
</div>
<!-- breadcrumb main-title end-->
<!-- breadcrumb-list start -->
<ul class="breadcrumb-list">
<li class="breadcrumb-item-link">
<a href="index.php">Home</a>
</li>
<li class="breadcrumb-item-link">
<span>Contact us</span>
</li>
</ul>
<!-- breadcrumb-list end -->
</div>
</div>
</div>
</div>
</section>
<!-- breadcrumb end -->
<section class="form-contact-3">
<div class="container">
<div class="row">
<div class="col">
<div class="about-content">
<!-- about title start -->
<div class="section-capture">
<div class="section-title">
<h2><span>Get in touch</span></h2>
</div>
</div>
<!-- about title end -->
<!-- contact-detail start -->
<div class="get-info contact-detail">
<ul class="contact-info-list">
<li class="ftcon-li">
<span class="con-icon"><i class="bi bi-geo"></i></span>
<span class="con-add contact-block">
<span>Moti Nagar, New Delhi</span>
<span>Delhi, 110015</span>
</span>
</li>
<li class="ftcon-li">
<span class="con-icon"><i class="bi bi-telephone"></i></span>
<div class="contact-block">
<a href="tel:(+91)123456789" class="con-add">(+91) 0123456789</a>
<a href="tel:(+91)123456789" class="con-add">(+91) 0123456789</a>
</div>
</li>
<li class="ftcon-li">
<span class="con-icon"><i class="bi bi-envelope"></i></span>
<div class="contact-block">
<a href="mailto:" class="con-add">info@example.com</a>
<a href="mailto:" class="con-add">demo@example.com</a>
</div>
</li>
</ul>
</div>
<!-- contact-detail end -->
</div>
</div>
</div>
</div>
</section>
<section class="google-map">
<div class="container">
<div class="row">
<div class="col">
<div class="contact-map">
<div class="google-map-area">
<div class="map" id="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d911804.806725916!2d83.7437379!3d26.7846354!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3993c5699322820d%3A0x66dc2e52dc8c1556!2sGorakhpur%20Division%2C%20Uttar%20Pradesh!5e0!3m2!1sen!2sin!4v1717505248967!5m2!1sen!2sin" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="form-contact-2">
<div class="container">
<div class="row">
<div class="col">
<!-- contact us title start -->
<div class="section-capture">
<div class="section-title">
<h2><span>Drop us message</span></h2>
</div>
</div>
<!-- contact us title end -->
<!-- contact us from start -->
<div class="form-warp contact-detail">
<div class="contact-form-list">
<form method="post">
<ul class="form-fill">
<li class="Name">
<label>Name</label>
<input type="text" name="q" autocomplete="name" placeholder="Name">
</li>
<li class="Email">
<label>Email address</label>
<input type="email" name="q" autocomplete="email" placeholder="Email address">
</li>
<li class="Phone number">
<label>Phone number</label>
<input type="tel" name="q" placeholder="Phone number">
</li>
<li class="Message">
<label>Message</label>
<textarea placeholder="Message" class="custom-textarea"></textarea>
</li>
</ul>
<div class="contact-submit">
<button type="submit" class="btn btn-danger">
Submit
</button>
</div>
</form>
</div>
</div>
<!-- contact us from start -->
</div>
</div>
</div>
</section>
</main>
<!-- main section end-->
<!-- 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="#!" class="ft-sublink">Exclusive</a>
</li>
<li class="ftsublink-li">
<a href="#!" class="ft-sublink">Non-Exclusive</a>
</li>
<li class="ftsublink-li">
<a href="#!" class="ft-sublink">Services</a>
</li>
<li class="ftsublink-li">
<a href="#!" 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="#!" class="ft-sublink">Privacy policy</a>
</li>
<li class="ftsublink-li">
<a href="#!" class="ft-sublink">Payment Policy</a>
</li>
<li class="ftsublink-li">
<a href="#!" class="ft-sublink">Terms & conditions</a>
</li>
</ul>
</li>
<li class="ftlink-li">
<h2 class="ft-title">Profile</h2>
<ul class="footer-sublist " >
<li class="ftsublink-li">
<a href="#!" class="ft-sublink">Profile</a>
</li>
<li class="ftsublink-li">
<a href="#!" 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>
</ul>
</li>
<li class="ftlink-li">
<h2 class="ft-title">Followed by</h2>
<ul class="footer-sublist " >
<li class="ftsublink-li">
<a href="#!" class="ft-sublink">Instagram</a>
</li>
<li class="ftsublink-li">
<a href="#!" class="ft-sublink">Twitter</a>
</li>
<li class="ftsublink-li">
<a href="#!" class="ft-sublink">Facebook</a>
</li>
<li class="ftsublink-li">
<a href="#!" class="ft-sublink">Dribbble</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 register Modal-->
<div class="modal" id="regi_Modal">
<div class="modal-dialog ">
<div class="modal-content">
<!-- Modal body -->
<div class="modal-body">
<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">
<div class="subscribe-content">
<p>Welcome</p>
<h2>Sign up With ViralHoga.com</h2>
</div>
<div class="login_regwithfacgoogle mt-4">
<div class="auth-provider facebook-login">
<svg aria-hidden="true" class="svg-icon" width="24" height="24" viewBox="0 0 18 18">
<path d="M1.88 1C1.4 1 1 1.4 1 1.88v14.24c0 .48.4.88.88.88h7.67v-6.2H7.46V8.4h2.09V6.61c0-2.07 1.26-3.2 3.1-3.2.88 0 1.64.07 1.87.1v2.16h-1.29c-1 0-1.19.48-1.19 1.18V8.4h2.39l-.31 2.42h-2.08V17h4.08c.48 0 .88-.4.88-.88V1.88c0-.48-.4-.88-.88-.88H1.88z" fill="#fff"></path>
</svg>
Log in with Facebook
</div>
<div class="auth-provider google-login">
<svg aria-hidden="true" class="svg-icon" width="24" height="24" viewBox="0 0 18 18">
<g>
<path d="M16.51 8H8.98v3h4.3c-.18 1-.74 1.48-1.6 2.04v2.01h2.6a7.8 7.8 0 0 0 2.38-5.88c0-.57-.05-.66-.15-1.18z" fill="#4285F4"></path>
<path d="M8.98 17c2.16 0 3.97-.72 5.3-1.94l-2.6-2a4.8 4.8 0 0 1-7.18-2.54H1.83v2.07A8 8 0 0 0 8.98 17z" fill="#34A853"></path>
<path d="M4.5 10.52a4.8 4.8 0 0 1 0-3.04V5.41H1.83a8 8 0 0 0 0 7.18l2.67-2.07z" fill="#FBBC05"></path>
<path d="M8.98 4.18c1.17 0 2.23.4 3.06 1.2l2.3-2.3A8 8 0 0 0 1.83 5.4L4.5 7.49a4.77 4.77 0 0 1 4.48-3.3z" fill="#EA4335"></path>
</g>
</svg>
Log in with Google
</div>
<div class="text-center my-2">
<p><span>OR, continue with email</span></p>
</div>
<div class="registers">
<form method="post">
<div class="login-form-container">
<ul class="fill-form">
<li class="name">
<label>Full Name</label>
<input type="text" name="q" class="input-full" placeholder="Enter name" autocomplete="off">
</li>
<li class="log-email">
<label>Email Id</label>
<input type="email" name="q" class="input-full" placeholder="Email address">
</li>
<li class="">
<label>Mobile No.</label>
<input type="text" name="q" class="input-full" placeholder="Enter Mobile No." autocomplete="off">
</li>
<li class="log-pwd">
<label>Password</label>
<input type="password" name="q" class="input-full" placeholder="Password">
</li>
</ul>
<div class="form-action-button">
<div class="read-agree">
<label>
<span class="agree-text">
I have read and agree with the <a href="terms-condition.php">terms & condition.</a>
</span>
<input type="checkbox" name="q" class="cust-checkbox create-checkbox">
<span class="cust-check"></span>
</label>
<a href="#!" class="btn btn-danger px-4 w-100 mt-3" >Sign Up</a>
</div>
</div>
<div class="login_page mt-2 text-center">
<p>Already have account? <a href="#!" data-bs-toggle="modal" data-bs-target="#login_Modal">Log in</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!---login register End-->
<!---login Modal-->
<div class="modal" id="login_Modal">
<div class="modal-dialog ">
<div class="modal-content">
<!-- Modal body -->
<div class="modal-body">
<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">
<div class="subscribe-content">
<h2>Login With ViralHoga.com</h2>
</div>
<div class="login_regwithfacgoogle mt-4">
<div class="auth-provider google-login">
<svg aria-hidden="true" class="svg-icon" width="24" height="24" viewBox="0 0 18 18">
<g>
<path d="M16.51 8H8.98v3h4.3c-.18 1-.74 1.48-1.6 2.04v2.01h2.6a7.8 7.8 0 0 0 2.38-5.88c0-.57-.05-.66-.15-1.18z" fill="#4285F4"></path>
<path d="M8.98 17c2.16 0 3.97-.72 5.3-1.94l-2.6-2a4.8 4.8 0 0 1-7.18-2.54H1.83v2.07A8 8 0 0 0 8.98 17z" fill="#34A853"></path>
<path d="M4.5 10.52a4.8 4.8 0 0 1 0-3.04V5.41H1.83a8 8 0 0 0 0 7.18l2.67-2.07z" fill="#FBBC05"></path>
<path d="M8.98 4.18c1.17 0 2.23.4 3.06 1.2l2.3-2.3A8 8 0 0 0 1.83 5.4L4.5 7.49a4.77 4.77 0 0 1 4.48-3.3z" fill="#EA4335"></path>
</g>
</svg>
Log in with Google
</div>
<div class="text-center my-2">
<p><span>OR, continue with email</span></p>
</div>
<div class="registers">
<form method="post">
<div class="login-form-container">
<ul class="fill-form">
<li class="log-email">
<label>Email ID</label>
<input type="email" name="q" class="input-full" placeholder="Email address">
</li>
<li class="log-pwd">
<label>Password</label>
<input type="password" name="q" class="input-full" placeholder="Password">
</li>
</ul>
<div class="form-action-button">
<div class="read-agree w-100">
<a href="#!" class="btn btn-danger px-4 w-100 " data-bs-toggle="modal" data-bs-target="#login_Modal">Login</a>
</div>
</div>
<div class="login_page mt-2 text-center">
<p>No have an account? <a href="#!">Sign Up</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</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</a>
</li>
<li class="menu-link py-3 text-center">
<a href="#!">Non-Exclusive</a>
</li>
<li class="menu-link py-3 text-center">
<a href="#!">Services</a>
</li>
<li class="menu-link py-3 text-center">
<a href="#!">How to Reach?</a>
</li>
<li class="menu-link py-3 text-center">
<a href="#!">Support</a>
</li>
<li class="menu-link py-3 text-center">
<a href="#!" data-bs-toggle="modal" data-bs-target="#regi_Modal">Login / Signup</a>
</li>
<!-- <li class="menu-link text-center py-3 ">
<a href="#!" class="link-title">
<span class="sp-link-title justify-content-center">My Profile</span>
</a>
<a href="#resp-collapse-home" class="justify-content-center" data-bs-toggle="collapse" class="link-title link-title-lg">
<span class="sp-link-title">My Profile</span>
</a>
<ul class="menu-dropdown single-menu collapse" id="resp-collapse-home">
<li class="singlemenu-li">
<a href="" class="singlelink-title">
<span class="sp-link-title">Profile</span>
</a>
</li>
<li class="singlemenu-li">
<a href="" class="singlelink-title">
<span class="sp-link-title">Booking</span>
</a>
</li>
<li class="singlemenu-li">
<a href="" class="singlelink-title">
<span class="sp-link-title">Wallet</span>
</a>
</li>
<li class="singlemenu-li">
<a href="" class="singlelink-title">
<span class="sp-link-title">Logout</span>
</a>
</li>
</ul>
</li> -->
</ul>
</div>
</div>
<!-- mega-menu end -->
</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 -->
<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>