<!DOCTYPE html>
<html>
<head>
<?php include 'Head.php'; ?>
</head>

<body>

<div class="page-wrapper">
	
	<!-- Cursor -->
	<?php include "Preloder-And-Cursor.php"; ?>
	<!-- End Preloader -->
	
	<!-- Main Header -->
	<header class="main-header">
    <?php include "Header-Menu.php"; ?>
	</header>
	<!-- End Main Header -->
	
	<!-- Slider One -->
	<section class="slider-one">
		<div class="main-slider swiper-container">
			<div class="swiper-wrapper">

				<!-- Slide -->
				<div class="swiper-slide">
					<div class="slider-one_image-layer" style="background-image:url('assets/images/slider1.jpeg')"></div>
					<div class="auto-container">
						
						<!-- Content Column -->
						<div class="slider-one_content">
							<div class="slider-one_content-inner">
								<div class="slider-one_title">Welcome To</div>
								<h1 class="slider-one_heading">Kota <br> River Front</h1>
								<div class="slider-one_text">An innovation towards the truth of Rajasthan's excellence.</div>
								<div class="slider-one_button">
									<a href="" class="theme-btn btn-style-two">
										<span class="btn-wrap">
											<span class="text-one">Buy Ticket</span>
											<span class="text-two">Buy Ticket</span>
										</span>
									</a>
								</div>
							</div>
						</div>
						
					</div>
				</div>

				<!-- Slide -->
				<div class="swiper-slide">
					<div class="slider-one_image-layer" style="background-image:url(assets/images/slider2.jpeg)"></div>
					<div class="auto-container">
						
						<!-- Content Column -->
						<div class="slider-one_content">
							<div class="slider-one_content-inner">
								<div class="slider-one_title">Welcome To</div>
								<h1 class="slider-one_heading">Kota <br> River Front</h1>
								<div class="slider-one_text">An innovation towards the truth of Rajasthan's excellence.</div>
								<div class="slider-one_button">
									<a href="" class="theme-btn btn-style-two">
										<span class="btn-wrap">
											<span class="text-one">Buy Ticket</span>
											<span class="text-two">Buy Ticket</span>
										</span>
									</a>
								</div>
							</div>
						</div>
						
					</div>
				</div>

				<!-- Slide -->
				<div class="swiper-slide">
					<div class="slider-one_image-layer" style="background-image:url(assets/images/slider3.jpeg)"></div>
					<div class="auto-container">
						
						<!-- Content Column -->
						<div class="slider-one_content">
							<div class="slider-one_content-inner">
								<div class="slider-one_title">Welcome To</div>
								<h1 class="slider-one_heading">Kota <br> River Front</h1>
								<div class="slider-one_text">An innovation towards the truth of Rajasthan's excellence.</div>
								<div class="slider-one_button">
									<a href="" class="theme-btn btn-style-two">
										<span class="btn-wrap">
											<span class="text-one">Buy Ticket</span>
											<span class="text-two">Buy Ticket</span>
										</span>
									</a>
								</div>
							</div>
						</div>
						
					</div>
				</div>

			</div>
			<div class="slider-one-arrow">
				<!-- If we need navigation buttons -->
				<div class="main-slider-prev fas fa-arrow-left fa-fw"></div>
				<div class="main-slider-next fas fa-arrow-right fa-fw"></div>
			</div>
		</div>
	</section>
	<!-- End Main Slider Section -->

	<!-- Featured One -->
	<section class="featured-one">
		<div class="auto-container">
			<div class="inner-container" style="background-image:url(assets/images/icons/featured.png)">
				<div class="row clearfix">

					<!-- Feature Block One -->
					<div class="feature-block_one col-lg-4 col-md-6 col-sm-12">
						<div class="feature-block_one-inner">
							<!-- <div class="feature-block_one-icon flaticon-user"></div> -->
							<center><img src="File/top 1.png" alt="" class="img-fluid" style="max-width: 150px;"></center>
						<br> <center>Witness</center>
						</div>
					</div>

					<!-- Feature Block One -->
					<div class="feature-block_one col-lg-4 col-md-6 col-sm-12">
						<div class="feature-block_one-inner">
							<!-- <div class="feature-block_one-icon flaticon-user"></div> -->
							<center><img src="File/top 2.png" alt="" class="img-fluid" style="max-width: 150px;"></center>
						<br> <center>The</center>
						</div>
					</div>

					<!-- Feature Block One -->
					<div class="feature-block_one col-lg-4 col-md-6 col-sm-12">
						<div class="feature-block_one-inner">
							<!-- <div class="feature-block_one-icon flaticon-user"></div> -->
							<center><img src="File/top 3.png" alt="" class="img-fluid" style="max-width: 150px;"></center>
						<br> <center>Majesty</center>
						</div>
					</div>

				</div>
			</div>
		</div>
	</section>
	<!-- End Featured One -->

	<!-- Welcome One -->
	<section class="welcome-one">
		<div class="welcome-one_pattern" style="background-image:url(assets/images/background/pattern-1.png)"></div>
		<div class="welcome-one_pattern-two" style="background-image:url(assets/images/background/pattern-2.png)"></div>
		<div class="auto-container">
			<div class="row clearfix">

				<!-- Content Column -->
				<div class="welcome-one_content-column col-lg-6 col-md-12 col-sm-12">
					<div class="welcome-one_content-outer">
						<!-- Sec Title -->
						<div class="sec-title">
							<div class="sec-title_title d-flex align-items-center">Kota River Front </div>
							<h2 class="sec-title_heading">Welcome To Kota River Front </h2>
							<div class="sec-title_text">The state of the art world’s first and foremost heritage Chambal Riverfront has come into being with labouris preparations in Kota Rajasthan. This innovative project has been developed at a magnanimous expense of Rs. 1200 crores.</div>
						</div>
						<div class="welcome-one_content">
							<div class="welcome-one_content-image">
								<img src="assets/images/Kota-Logo-Img.png" alt="" / style="width: 150px;height: 150px;">
							</div>
							<p>It is a prime example of Urban riverfront revitalisation.</p>
							<div class="welcome-one_learn">
								<span class="welcome-one_learn-icon flaticon-user"></span>
								Online Ticket<br> Book
							</div>
						</div>
						<p>The project has accumulated wide-spread acclamation for its cultural, financial and social benefits.</p>
					</div>
				</div>

				<!-- Image Column -->
				<div class="welcome-one_image-column col-lg-6 col-md-12 col-sm-12">
					<div class="welcome-one_image-outer">
						<div class="welcome-one_image">
							<img src="assets/images/kota_img_section_two_right.jpeg" alt="" />
						</div>
						<div class="welcome-one_years d-flex align-items-center flex-wrap">
							<span class="fa-solid fa-globe fa-fw"></span>
							<span style="font-size: 14px;">World's First Heritage River Front since 2023</span>
						</div>
					</div>
				</div>

			</div>
		</div>
	</section>
	<!-- End Welcome One -->

	<!-- Service One -->
	<section class="service-one" style="background-image:url(assets/images/background/service-bg.png)">
		<div class="auto-container">
			<!-- Sec Title -->
			<div class="sec-title centered light">
				<div class="sec-title_title">WHAT WE OFFER</div>
				<h2 class="sec-title_heading">From exciting eco-tours to cultural shows with excellent local entertainment.</h2>
			</div>
			<div class="row clearfix">

				<!-- Service Block One -->
				<div class="service-block_one col-lg-4 col-md-6 col-sm-12">
					<div class="service-block_one-inner wow fadeInLeft"  data-wow-delay="0ms" data-wow-duration="1000ms">
						<div class="service-block_one-upper">
							<div class="service-block_one-icon flaticon-quran-2"></div>
							
							<h4 class="service-block_one-heading"><a href="">Exploration Tour</a></h4>
							<div class="service-block_one-text">Explore the riverfront project offering an insight into tourism, beauty, charm through light shows, fountain shows, carnival parade, boating, Rangmanch, and much more.</div>
						</div>
						<div class="service-block_one-lower">
							<a class="service-block_one-more" href="">Read More<i class="fa-solid fa-arrow-right fa-fw" style="color:#A11D59;"></i></a>
						</div>
					</div>
				</div>

				<!-- Service Block One -->
				<div class="service-block_one col-lg-4 col-md-6 col-sm-12">
					<div class="service-block_one-inner wow fadeInUp"  data-wow-delay="0ms" data-wow-duration="1000ms">
						<div class="service-block_one-upper">
							<div class="service-block_one-icon flaticon-quran-2"></div>
							
							<h4 class="service-block_one-heading"><a href="">Experiences</a></h4>
							<div class="service-block_one-text">A walkway, cycling track, children's park, food court, water sports complex and museum exhibiting the various cultural and educational resources. <br><span style="color: white;">.</span></div>
						</div>
						<div class="service-block_one-lower">
							<a class="service-block_one-more" href="">Read More<i class="fa-solid fa-arrow-right fa-fw" style="color:#A11D59;"></i></a>
						</div>
					</div>
				</div>

				<!-- Service Block One -->
				<div class="service-block_one col-lg-4 col-md-6 col-sm-12">
					<div class="service-block_one-inner wow fadeInRight"  data-wow-delay="0ms" data-wow-duration="1000ms">
						<div class="service-block_one-upper">
							<div class="service-block_one-icon flaticon-quran-2"></div>
							
							<h4 class="service-block_one-heading"><a href="">Heritage Value</a></h4>
							<div class="service-block_one-text">Exciting cultural shows, visual monuments and activities with a splendid experience through its Ghats which will stage architectural, cultural and heritage values.</div>
						</div>
						<div class="service-block_one-lower">
							<a class="service-block_one-more" href="">Read More<i class="fa-solid fa-arrow-right fa-fw" style="color:#A11D59;"></i></a>
						</div>
					</div>
				</div>

			</div>
		</div>
	</section>
	<!-- End Service One -->
 



	

	<!-- Institute One -->
	<section class="institute-one">
		<div class="auto-container">
			<!-- Sec Title -->
			<div class="sec-title centered">
				<div class="sec-title_title">Why to Choose Us</div>
				<h2 class="sec-title_heading">Why Choose Our Kota  <br> River Front</h2>
			</div>
			<div class="row clearfix">


	<?php

   $qry=" select * from web_choose_us order by id ASC";
          $run=mysqli_query($conn,$qry);
     while($var=mysqli_fetch_assoc($run))

     {
        ?>
        <div class="institute-block_one col-xl-3 col-lg-6 col-md-6 col-sm-12">
					<div class="institute-block_one-inner wow fadeInLeft"  data-wow-delay="150ms" data-wow-duration="1000ms">
						<!-- <div class="institute-block_one-icon flaticon-user"></div> -->
						<img src="File/<?=$var['img']?>" alt="" class="img-fluid" style="max-width: 100px;">
						<h4 class="institute-block_one-heading"><a href=""><?=$var['heading_name']?></a></h4>
						<div class="institute-block_one-text"><?=substr($var['text'], 0, 90); ?>...</div>
						<br><a class="news-block_one-more theme-btn" href="" data-toggle="modal" data-target="#myModal<?=$var['id']?>">read more</a>
					</div>
				</div>


				<!-- The Modal -->
<div class="modal" id="myModal<?=$var['id']?>">
  <div class="modal-dialog">
    <div class="modal-content">



      	<?php 
$id=$var['id'];
$choose_us_qry=" select * from web_choose_us where id='$id'";
          $run_choose_us=mysqli_query($conn,$choose_us_qry);
          $var_choose_us=mysqli_fetch_assoc($run_choose_us);
          $choose_us_text=$var_choose_us['text'];
          $choose_us_heading_name=$var_choose_us['heading_name'];
      	 ?>


      <!-- Modal Header -->
      <div class="modal-header">
        <h4 class="modal-title"><?=$choose_us_heading_name?></h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>

      <!-- Modal body -->
      <div class="modal-body">
       <?=$choose_us_text;?>
      </div>

      <!-- Modal footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>

    </div>
  </div>
</div>

        <?php 
     }
         ?>


			</div>
		</div>
	</section>
	<!-- End Institute One -->

  

  <center><h6 style="margin-top: 5px;font-size: 25px;font-weight: bold;">Overall View</h6></center>
  <img src="assets/images/Map.jpg" class="mt-2" alt="">



	<!-- News One -->
	<section class="news-one">
		<div class="auto-container">
			<!-- Sec Title -->
			<div class="sec-title centered">
				<div class="sec-title_title">Inside Peek</div>
						</div>
			<div class="row clearfix">

				<!-- News Block One -->
				<div class="news-block_one col-lg-4 col-md-6 col-sm-12">
					<div class="news-block_one-inner wow fadeInLeft" data-wow-delay="150ms" data-wow-duration="1500ms">
						<div class="news-block_one-image">
							<a href=""><img src="assets/images/Nandi ghat.png" alt="" style="width: 100%;height: 250px;"></a>
						</div>
						<div class="news-block_one-content">
<!-- 							<ul class="news-block_one-meta">
								<li><span class="icon fa-brands fa-rocketchat fa-fw"></span>03 Comment</li>
								<li><span class="icon fa-solid fa-clock fa-fw"></span>October 18 2023</li>
							</ul> -->
							<h5 class="news-block_one-heading"><a href="">Grand Nandi Ghat</a></h5>
							<div class="news-block_one-text">Grand Nandi which is the attempted a World record have the largest stone Nandi have were made and it has beautiful Natraj statue at its background, so we created a sand stone Nandi add on with some golden jewelry and that's a very pictures point and that's created the Nandi Ghat <br><span style="color: white;">.</span></div>
		<!-- 					<div class="news-block_one-info d-flex justify-content-between align-items-center flex-wrap">
								<div class="news-block_one-author">
									<div class="news-block_one-author_image">
										<img src="assets/images/resource/author-4.png" alt="" />
									</div>
									Shivam Singh
								</div>
								<a class="news-block_one-more theme-btn" href="">read more</a>
							</div> -->
						</div>
					</div>
				</div>

						<!-- News Block One -->
				<div class="news-block_one col-lg-4 col-md-6 col-sm-12">
					<div class="news-block_one-inner wow fadeInLeft" data-wow-delay="150ms" data-wow-duration="1500ms">
						<div class="news-block_one-image">
							<a href=""><img src="assets/images/sahitya ghat.png" alt="" style="width: 100%;height: 250px;"></a>
						</div>
						<div class="news-block_one-content">
<!-- 							<ul class="news-block_one-meta">
								<li><span class="icon fa-brands fa-rocketchat fa-fw"></span>03 Comment</li>
								<li><span class="icon fa-solid fa-clock fa-fw"></span>October 18 2023</li>
							</ul> -->
							<h5 class="news-block_one-heading"><a href="">Sahitya Ghat</a></h5>
							<div class="news-block_one-text">The sahitya ghat meaning the Literature Court is dedicated to inspire the importance of literature and creative writing. A very unique feature of this ghat is the embankment which is designed in the shape of the book which also functions as an amphitheater. <br><span style="color: white;">.</span></div>
		<!-- 					<div class="news-block_one-info d-flex justify-content-between align-items-center flex-wrap">
								<div class="news-block_one-author">
									<div class="news-block_one-author_image">
										<img src="assets/images/resource/author-4.png" alt="" />
									</div>
									Shivam Singh
								</div>
								<a class="news-block_one-more theme-btn" href="">read more</a>
							</div> -->
						</div>
					</div>
				</div>


							<!-- News Block One -->
				<div class="news-block_one col-lg-4 col-md-6 col-sm-12">
					<div class="news-block_one-inner wow fadeInLeft" data-wow-delay="150ms" data-wow-duration="1500ms">
						<div class="news-block_one-image">
							<a href=""><img src="assets/images/nayapura ghat.jpg" alt="" style="width: 100%;height: 250px;"></a>
						</div>
						<div class="news-block_one-content">
<!-- 							<ul class="news-block_one-meta">
								<li><span class="icon fa-brands fa-rocketchat fa-fw"></span>03 Comment</li>
								<li><span class="icon fa-solid fa-clock fa-fw"></span>October 18 2023</li>
							</ul> -->
							<h5 class="news-block_one-heading"><a href="">Nayapura Ghat</a></h5>
							<div class="news-block_one-text">NAYAPURA BAWDI- This stepwell "Nayapura Bawdi" is made of Bansi Paharpur stone.
There are total 932 steps in it. Its depth is 8 meters. Flood control- The flood coming every year in the area was controlled as the development of began, there was a deep pit here, and this Ghat was constructed by filling the pit with soil.</div>
		<!-- 					<div class="news-block_one-info d-flex justify-content-between align-items-center flex-wrap">
								<div class="news-block_one-author">
									<div class="news-block_one-author_image">
										<img src="assets/images/resource/author-4.png" alt="" />
									</div>
									Shivam Singh
								</div>
								<a class="news-block_one-more theme-btn" href="">read more</a>
							</div> -->
						</div>
					</div>
				</div>


			</div>
		</div>
	</section>
	<!-- End News One -->

	<!-- CTA One -->
	<section class="cta-two">
		<div class="auto-container">
			<div class="inner-container d-flex justify-content-between align-items-center flex-wrap">
				<div class="cta-two_bg" style="background-image:url(assets/images/background/cta-one_bg.png)"></div>
				<div class="cta-two_icon flaticon-user"></div>
				<h3 class="cta-two_heading">Kota River Front <br> Online Ticket Book</h3>
				<!-- Button Box -->
				<div class="cta-two_button">
					<a href="" class="theme-btn btn-style-three">
						<span class="btn-wrap">
							<span class="text-one">get in touch</span>
							<span class="text-two">get in touch</span>
						</span>
					</a>
				</div>
			</div>
		</div>
	</section>
	<!-- End CTA One -->

	<!-- Footer Style -->
	<?php include "Footer.php"; ?>