Server : LiteSpeed System : Linux in-mum-web1112.main-hosting.eu 4.18.0-553.34.1.lve.el8.x86_64 #1 SMP Thu Jan 9 16:30:32 UTC 2025 x86_64 User : u451330669 ( 451330669) PHP Version : 8.2.27 Disable Function : NONE Directory : /home/u451330669/domains/jyotilingdurshan.com/public_html/demo/ |
<?php require('top.php')
?>
<!--Welcome secton-->
<div class="welcome-section text-center ptb-110">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="breadcurbs-inner">
<div class="breadcrubs">
<h2>About us</h2>
<div class="breadcrubs-menu">
<ul>
<li><a href="#">Home<i class="mdi mdi-chevron-right"></i></a></li>
<li>About us</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--About Section Title start-->
<div class="about-section home-2 text-center ptb-80 white_bg">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title mb-75">
<h2>12 Jyotirling <span>Darshan</span></h2>
<p>Join Jyotiling Travels Company and embark on a sacred journey to seek the blessings of Lord Shiva at the 12 Jyotirlingas, where devotion meets divine serenity.</p>
</div>
</div>
</div>
<div class="our-room-show">
<div class="row">
<?php
$get_product=get_product($con,9);
foreach($get_product as $list){
?>
<div class="col-md-4 col-sm-6">
<div class="single-room">
<div class="room-img">
<a href="#"><img src="<?php echo PRODUCT_IMAGE_SITE_PATH.$list['image']?>" alt=""></a>
</div>
<div class="room-desc">
<div class="room-name">
<h3><a href="#"><?php echo $list['name']?></a></h3>
</div>
<div class="room-rent">
<!--<h5>€ 200 / <span>Night</span></h5>-->
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
<!--About Section end-->
<!-- Booking Start -->
<div class="container-fluid booking pb-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container">
<div class="bg-white shadow" style="padding: 35px;">
<div class="row g-2">
<div class="col-md-10">
<div class="row g-2">
<div class="col-md-3">
<div class="date" id="date1" data-target-input="nearest">
<input type="text" class="form-control datetimepicker-input"
placeholder="Check in" data-target="#date1" data-toggle="datetimepicker" />
</div>
</div>
<div class="col-md-3">
<div class="date" id="date2" data-target-input="nearest">
<input type="text" class="form-control datetimepicker-input" placeholder="Check out" data-target="#date2" data-toggle="datetimepicker"/>
</div>
</div>
<div class="col-md-3">
<select class="form-select">
<option selected>Adult</option>
<option value="1">Adult 1</option>
<option value="2">Adult 2</option>
<option value="3">Adult 3</option>
</select>
</div>
<div class="col-md-3">
<select class="form-select">
<option selected>Child</option>
<option value="1">Child 1</option>
<option value="2">Child 2</option>
<option value="3">Child 3</option>
</select>
</div>
</div>
</div>
<div class="col-md-2">
<button class="btn btn-primary w-100">Submit</button>
</div>
</div>
</div>
</div>
</div>
<!-- Booking End -->
<!-- Room Detail Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="row g-5">
<!-- Detail Start -->
<div class="col-lg-8">
<div id="room-carousel" class="carousel slide mb-5 wow fadeIn" data-bs-ride="carousel" data-wow-delay="0.1s">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="w-100" src="img/carousel-1.jpg" alt="Image">
</div>
<div class="carousel-item">
<img class="w-100" src="img/carousel-2.jpg" alt="Image">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#room-carousel"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#room-carousel"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="d-flex align-items-center mb-4">
<h1 class="mb-0">Junior Suite</h1>
<div class="ps-3">
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
</div>
</div>
<div class="d-flex flex-wrap pb-4 m-n1">
<small class="bg-light rounded py-1 px-3 m-1"><i class="fa fa-bed text-primary me-2"></i>3 Bed</small>
<small class="bg-light rounded py-1 px-3 m-1"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small>
<small class="bg-light rounded py-1 px-3 m-1"><i class="fa fa-wifi text-primary me-2"></i>Wifi</small>
<small class="bg-light rounded py-1 px-3 m-1"><i class="fa fa-tv text-primary me-2"></i>TV</small>
<small class="bg-light rounded py-1 px-3 m-1"><i class="fa fa-fan text-primary me-2"></i>AC</small>
<small class="bg-light rounded py-1 px-3 m-1"><i class="fa fa-user-cog text-primary me-2"></i>Laundry</small>
<small class="bg-light rounded py-1 px-3 m-1"><i class="fa fa-utensils text-primary me-2"></i>Dinner</small>
</div>
<p>Sadipscing labore amet rebum est et justo gubergren. Et eirmod ipsum sit diam ut
magna lorem. Nonumy vero labore lorem sanctus rebum et lorem magna kasd, stet
amet magna accusam consetetur eirmod. Kasd accusam sit ipsum sadipscing et at at
sanctus et. Ipsum sit gubergren dolores et, consetetur justo invidunt at et
aliquyam ut et vero clita. Diam sea sea no sed dolores diam nonumy, gubergren
sit stet no diam kasd vero.
</p>
<p class="mb-5">Voluptua est takimata stet invidunt sed rebum nonumy stet, clita aliquyam dolores
vero stet consetetur elitr takimata rebum sanctus. Sit sed accusam stet sit
nonumy kasd diam dolores, sanctus lorem kasd duo dolor dolor vero sit et. Labore
ipsum duo sanctus amet eos et. Consetetur no sed et aliquyam ipsum justo et,
clita lorem sit vero amet amet est dolor elitr, stet et no diam sit. Dolor erat
justo dolore sit invidunt.
</p>
<div class="tab-class wow fadeInUp" data-wow-delay="0.1s">
<ul class="nav nav-pills d-flex justify-content-between border-bottom mb-4">
<li class="nav-item">
<a class="d-flex align-items-center py-3 active" data-bs-toggle="pill" href="#tab-1">
<i class="fa fa-eye text-primary me-2"></i>
<h6 class="mb-0">Overview</h6>
</a>
</li>
<li class="nav-item">
<a class="d-flex align-items-center py-3" data-bs-toggle="pill" href="#tab-2">
<i class="fa fa-dollar text-primary me-2"></i>
<h6 class="mb-0">Pricing</h6>
</a>
</li>
<li class="nav-item">
<a class="d-flex align-items-center py-3" data-bs-toggle="pill" href="#tab-3">
<i class="fa fa-map-marker-alt text-primary me-2"></i>
<h6 class="mb-0">Location</h6>
</a>
</li>
<li class="nav-item">
<a class="d-flex align-items-center py-3" data-bs-toggle="pill" href="#tab-4">
<i class="fa fa-star text-primary me-2"></i>
<h6 class="mb-0">Reviews(3)</h6>
</a>
</li>
</ul>
<div class="tab-content">
<div id="tab-1" class="tab-pane fade show p-0 active">
<p>Sadipscing labore amet rebum est et justo gubergren. Et eirmod ipsum sit diam ut
magna lorem. Nonumy vero labore lorem sanctus rebum et lorem magna kasd, stet
amet magna accusam consetetur eirmod. Kasd accusam sit ipsum sadipscing et at at
sanctus et. Ipsum sit gubergren dolores et, consetetur justo invidunt at et
aliquyam ut et vero clita. Diam sea sea no sed dolores diam nonumy, gubergren
sit stet no diam kasd vero.
</p>
<p>Voluptua est takimata stet invidunt sed rebum nonumy stet, clita aliquyam dolores
vero stet consetetur elitr takimata rebum sanctus. Sit sed accusam stet sit
nonumy kasd diam dolores, sanctus lorem kasd duo dolor dolor vero sit et. Labore
ipsum duo sanctus amet eos et. Consetetur no sed et aliquyam ipsum justo et,
clita lorem sit vero amet amet est dolor elitr, stet et no diam sit. Dolor erat
justo dolore sit invidunt.
</p>
</div>
<div id="tab-2" class="tab-pane fade show p-0">
<p>Voluptua est takimata stet invidunt sed rebum nonumy stet, clita aliquyam dolores
vero stet consetetur elitr takimata rebum sanctus. Sit sed accusam stet sit
nonumy kasd diam dolores, sanctus lorem kasd duo dolor dolor vero sit et. Labore
ipsum duo sanctus amet eos et. Consetetur no sed et aliquyam ipsum justo et,
clita lorem sit vero amet amet est dolor elitr, stet et no diam sit. Dolor erat
justo dolore sit invidunt.
</p>
<div class="row g-4">
<div class="col-sm-6 d-flex align-items-center justify-content-between">
<span>Nightly:</span>
<hr class="flex-grow-1 my-0 mx-3">
<span>$100</span>
</div>
<div class="col-sm-6 d-flex align-items-center justify-content-between">
<span>Weekly:</span>
<hr class="flex-grow-1 my-0 mx-3">
<span>$100</span>
</div>
<div class="col-sm-6 d-flex align-items-center justify-content-between">
<span>Monthly:</span>
<hr class="flex-grow-1 my-0 mx-3">
<span>$100</span>
</div>
<div class="col-sm-6 d-flex align-items-center justify-content-between">
<span>Weekends:</span>
<hr class="flex-grow-1 my-0 mx-3">
<span>$100</span>
</div>
<div class="col-sm-6 d-flex align-items-center justify-content-between">
<span>Additional Guest:</span>
<hr class="flex-grow-1 my-0 mx-3">
<span>$100</span>
</div>
<div class="col-sm-6 d-flex align-items-center justify-content-between">
<span>Security Deposit:</span>
<hr class="flex-grow-1 my-0 mx-3">
<span>$100</span>
</div>
</div>
</div>
<div id="tab-3" class="tab-pane fade show p-0">
<div class="row g-4 mb-4">
<div class="col-md-4 d-flex align-items-center">
<div class="flex-shrink-0 border rounded p-1 me-3" style="width: 45px; height: 45px;">
<div class="w-100 h-100 border rounded d-flex align-items-center justify-content-center">
<i class="fa fa-map-marker-alt text-primary"></i>
</div>
</div>
<span>123 Street, New York, USA</span>
</div>
<div class="col-md-4 d-flex align-items-center">
<div class="flex-shrink-0 border rounded p-1 me-3" style="width: 45px; height: 45px;">
<div class="w-100 h-100 border rounded d-flex align-items-center justify-content-center">
<i class="fa fa-phone-alt text-primary"></i>
</div>
</div>
<span>+012 345 67890</span>
</div>
<div class="col-md-4 d-flex align-items-center">
<div class="flex-shrink-0 border rounded p-1 me-3" style="width: 45px; height: 45px;">
<div class="w-100 h-100 border rounded d-flex align-items-center justify-content-center">
<i class="fa fa-envelope text-primary"></i>
</div>
</div>
<span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="50393e363f103528313d203c357e333f3d">[email protected]</a></span>
</div>
</div>
<iframe class="position-relative rounded w-100 h-100"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3001156.4288297426!2d-78.01371936852176!3d42.72876761954724!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4ccc4bf0f123a5a9%3A0xddcfc6c1de189567!2sNew%20York%2C%20USA!5e0!3m2!1sen!2sbd!4v1603794290143!5m2!1sen!2sbd"
frameborder="0" style="min-height: 350px; border:0;" allowfullscreen=""
aria-hidden="false" tabindex="0"></iframe>
</div>
<div id="tab-4" class="tab-pane fade show p-0">
<div class="mb-4">
<h4 class="mb-4">3 Reviews</h4>
<div class="d-flex mb-4">
<img src="img/user.jpg" class="img-fluid rounded" style="width: 45px; height: 45px;">
<div class="ps-3">
<h6>John Doe <small class="text-body fw-normal fst-italic">01 Jan 2045</small></h6>
<div class="mb-2">
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
</div>
<p class="mb-2">Diam amet duo labore stet elitr invidunt ea clita ipsum voluptua, tempor labore
accusam ipsum et no at. Kasd diam tempor rebum magna dolores sed eirmod</p>
<a href=""><i class="fa fa-reply me-2"></i> Reply</a>
</div>
</div>
<div class="d-flex mb-4">
<img src="img/user.jpg" class="img-fluid rounded" style="width: 45px; height: 45px;">
<div class="ps-3">
<h6>John Doe <small class="text-body fw-normal fst-italic">01 Jan 2045</small></h6>
<div class="mb-2">
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
</div>
<p class="mb-2">Diam amet duo labore stet elitr invidunt ea clita ipsum voluptua, tempor labore
accusam ipsum et no at. Kasd diam tempor rebum magna dolores sed eirmod</p>
<a href=""><i class="fa fa-reply me-2"></i> Reply</a>
</div>
</div>
<div class="d-flex ms-5 mb-4">
<img src="img/user.jpg" class="img-fluid rounded" style="width: 45px; height: 45px;">
<div class="ps-3">
<h6>John Doe <small class="text-body fw-normal fst-italic">01 Jan 2045</small></h6>
<div class="mb-2">
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
</div>
<p class="mb-2">Diam amet duo labore stet elitr invidunt ea clita ipsum voluptua, tempor labore
accusam ipsum et no at. Kasd diam tempor rebum magna dolores sed eirmod</p>
<a href=""><i class="fa fa-reply me-2"></i> Reply</a>
</div>
</div>
</div>
<div class="bg-light p-4 p-md-5">
<h4 class="mb-4">Leave A Review</h4>
<form>
<div class="row g-3">
<div class="col-12 d-flex align-items-center">
<h6 class="mb-0 me-2">Rate Me:</h6>
<div id="halfstarsReview" class="fs-3 me-2"></div>
<input type="text" value="" readonly id="halfstarsInput" class="border-0 bg-transparent" style="width: 30px;">
</div>
<div class="col-12 col-sm-6">
<input type="text" class="form-control bg-white border-0" placeholder="Your Name" style="height: 55px;">
</div>
<div class="col-12 col-sm-6">
<input type="email" class="form-control bg-white border-0" placeholder="Your Email" style="height: 55px;">
</div>
<div class="col-12">
<input type="text" class="form-control bg-white border-0" placeholder="Website" style="height: 55px;">
</div>
<div class="col-12">
<textarea class="form-control bg-white border-0" rows="5" placeholder="Comment"></textarea>
</div>
<div class="col-12">
<button class="btn btn-primary w-100 py-3" type="submit">Leave Your Review</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div> </div> </div>
<!-- Detail End -->
<?php require('footer.php')
?>