<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bliss by the Sea Realty</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
  <link href="assets/css/custom.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <style type="text/css">
.col-custom,
.col-sm-custom,
.col-md-custom,
.col-lg-custom,
.col-xl-custom {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-custom {
  flex: 0 0 20%;
  max-width: 20%;
}

@media (min-width: 576px){
  .col-sm-custom {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 768px){
  .col-md-custom {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 992px){
  .col-lg-custom {
    flex: 0 0 20%;
    max-width: 20%;
  }
}


</style>
</head>
<body>

<header>
	<div class="top_bar">
		<div class="container">
			<div class="row m-0 align-items-center">
				<div class="col-sm-3 text-c col-6">
					<a class="navbar-brand" href="#"><img src="assets/images/logo.png" class="img-fluid logo"></a>
				</div>
				<div class="col-sm-4">
					<div class="imp_text1">Making People Happy…..</div>
				</div>
				
				<div class="col-sm-5 col-12">
					<div class="social_media">
						<ul>
						     <?php
    include('admin/connection.php');
	$sql="select * from contact";
	$result11=mysqli_query($con,$sql);

if(mysqli_num_rows($result11))
						{
							  
									$i=1;
									while($row=mysqli_fetch_assoc($result11))
									{
										?> 
							<li><span><?php echo $row['name'];?></span> DRE# <?php echo $row['address'];?> <br><?php echo $row['mobile'];?> <?php echo $row['email'];?></li>
								<?php
									$i++;
									
									}
								?>
								
							<?php
							
						}
						else
						{
						?>
						<div style=" padding:15px; margin-top:10px;">
				        
				        <h4 style="text-align:center;color:red;"><b>Sorry ! No result found..!</b></h4>
						 </div>
						 <?php
						}
			?>
	
						
							<li><img src="assets/images/50-_RBP7389.jpg"></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	
<div class="mmu_part">
	<div class="container">
		<div class="row m-0">
			
			<div class="col-sm-12 mmu">
					<nav class="navbar navbar-expand-lg ">
								<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
									<span class="navbar-toggler-icon"><i class="fa fa-bars" aria-hidden="true"></i></span>
								</button>
								   <div class="collapse navbar-collapse" id="collapsibleNavbar">
									<ul class="navbar-nav topnav">
										<li class="nav-item"><i class="fa fa-search" aria-hidden="true"></i> Search Real Estate</li>
									  <li class="nav-item"><a class="nav-link" href="https://www.mlslistings.com">Carmel</a></li>
									  <!-- <li class="nav-item dropdown">
								        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								          Search Homes
								        </a>
								        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
								          <a class="dropdown-item" href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> All Areas</a>
								          <a class="dropdown-item" href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Carmel-by-the-Sea 93921</a>
								          <a class="dropdown-item" href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Carmel 93923</a>
								          <a class="dropdown-item" href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Carmel Valley 93924</a>
								          <a class="dropdown-item" href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Pebble Beach 93953</a>
								          <a class="dropdown-item" href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Pacific Grove 93950</a>
								          <a class="dropdown-item" href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Monterey 93940</a>
								          <a class="dropdown-item" href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Big Sur 93920</a>
								        </div>
								      </li> -->

								      <li class="nav-item"><a class="nav-link" href="https://www.mlslistings.com">Pebble Beach</a></li>
								      <li class="nav-item"><a class="nav-link" href="https://www.mlslistings.com">Carmel Valley</a></li>
								      <li class="nav-item"><a class="nav-link" href="https://www.mlslistings.com">Pacific Grove</a></li>
									  <li class="nav-item"><a class="nav-link" href="https://www.mlslistings.com">Monterey</a></li>
									  <li class="nav-item"><a class="nav-link" href="https://www.mlslistings.com">Monterey County</a></li>
									</ul>
								  </div>
							
						
					  
					    
					</nav>
			</div>
			
			
		</div>
	</div>
</div>	

</header>


<div class="slider_part">
	<!-- Carousel -->
	<div id="demo" class="carousel slide carousel-fade" data-ride="carousel">

	  
	  <!-- The slideshow/carousel -->
	  <div class="carousel-inner">
	      <?php
    include('admin/connection.php');
	$sql="select * from slider";
	$result11=mysqli_query($con,$sql);

if(mysqli_num_rows($result11))
						{
							  
									$i=1;
									while($rows11=mysqli_fetch_assoc($result11))
									{
										?> 
		<div class="carousel-item <?php if($i==1){echo "active";}else{echo " ";}?>">
		  <img src="admin/upload/<?php echo $rows11['photo'];?>" alt="" class="d-block" style="width:100%">
		   <div class="bg-overlay"></div>
		  <div class="carousel-caption">
			  <div class="wha_we">
				<h1 class="animate__animated animate__slideInUp"><?php echo $rows11['head'];?></h1>
			</div>
          </div>
		</div>
		<?php
									$i++;
									
									}
								?>
								
							<?php
							
						}
						else
						{
						?>
						<div style=" padding:15px; margin-top:10px;">
				        
				        <h4 style="text-align:center;color:red;"><b>Sorry ! No result found..!</b></h4>
						 </div>
						 <?php
						}
			?>
	
	  </div>
	  
	   <!-- Left and right controls -->
	  <a class="carousel-control-prev" href="#demo" data-slide="prev">
		<span class="carousel-control-prev-icon"></span>
	  </a>
	  <a class="carousel-control-next" href="#demo" data-slide="next">
		<span class="carousel-control-next-icon"></span>
	  </a>
	  
	</div>
</div>
                        <?php
                        include('admin/connection.php');
                     	$sql="select * from contents";
                     	$result11=mysqli_query($con,$sql);
                        $brow=mysqli_fetch_assoc($result11);
						?>  
<section class="bn">
	<div class="container">
		<div class="row">
			
			
			<div class="col-sm-12">
				<h2>Living on the Monterey Peninsula</h2>
				
					<div class="force-overflow1">
						<p><?php echo $brow['des'];?></p>
					</div>
			
			</div>
		</div>
	</div>
</section>

<section class="property">
	<div class="container">
		<div class="row">
		                <?php
                        include('admin/connection.php');
                     	$sql="select * from about";
                     	$result11=mysqli_query($con,$sql);
                        $brow1=mysqli_fetch_assoc($result11);
						?>  
			<div class="col-sm-6 col-12">
				<div class="product-grid">
	            <div class="product-content">
	                <h3 class="title">Earl Meyers <span>(Broker/Owner)</span></h3>
	                <div class="price">DRE# <?php echo $brow1['photo'];?></div>
	                <hr>
	                <p><?php echo $brow1['des'];?></p>
	            </div>
	        </div>
			</div>
			<?php
                        include('admin/connection.php');
                     	$sql="select * from abouts";
                     	$result11=mysqli_query($con,$sql);
                        $brows=mysqli_fetch_assoc($result11);
						?>  
			<div class="col-sm-6 col-12">
				<div class="product-grid">
	            <div class="product-content">
	                <h3 class="title">Bonnie Sunwood <span>(Realtor/Owner)</span></h3>
	                <div class="price">DRE # <?php echo $brows['photo'];?></div>
	                <hr>
	                <p><?php echo $brows['des'];?></p>
	            </div>
	        </div>
			</div>
                       <?php
                        include('admin/connection.php');
                     	$sql="select * from reals";
                     	$result11=mysqli_query($con,$sql);
                        $brow11=mysqli_fetch_assoc($result11);
						?>  
			<div class="col-sm-12 mt-4">
				<div class="product-content">
				<p><b>Bliss by the Sea Realty</b>, Carmel-by-the-Sea, California 93921</p>
				<p><?php echo $brow11['des'];?></p>
					</div>
			</div>
		</div>
	</div>
</section>

<footer class="footer">
	<div class="container">
		<div class="row justify-content-center">
	<?php
    include('admin/connection.php');
	$sql="select * from contact ";
	$result11=mysqli_query($con,$sql);
    if(mysqli_num_rows($result11))
						{
						$i=1;
						while($rows11=mysqli_fetch_assoc($result11))
						{
						?> 
			<div class="col-sm-5 ad">
				<div class="foot_info">
					<h4 >Contact Info</h4>
					<address>
						<b><?php echo $rows11['name'];?></b>
						DRE# <?php echo $rows11['address'];?> Bliss by the Sea Realty<br>
						<a href="tel:<?php echo $rows11['mobile'];?>"><i class="fa fa-phone" aria-hidden="true"></i> <?php echo $rows11['mobile'];?></a><br>
						<a href="mailto:<?php echo $rows11['email'];?>"><i class="fa fa-envelope-o" aria-hidden="true"></i> <?php echo $rows11['email'];?></a>
					</address>
				</div>
			</div>
				<?php
									$i++;
									
									}
								?>
								
							<?php
							
						}
						else
						{
						?>
						<div style=" padding:15px; margin-top:10px;">
				        
				        <h4 style="text-align:center;color:red;"><b>Sorry ! No result found..!</b></h4>
						 </div>
						 <?php
						}
			?>
		</div>
		<div class="row">
			<div class="col-sm-12">
				<hr>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-12 text-center">
				<div class="copy">
				© Copyright <script>document.write(new Date().getFullYear());</script>, All Rights Reserved Blissbythesea | 
				
				Developed by: <a href="https://www.gleamingllp.com/" target="_blank">Gleaming Media Technologies LLP</a>
				
				</div>
			</div>
		</div>
	</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script> -->
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script>
<script src="assets/js/slick.js"></script>
<script src="assets/js/lightbox.js"></script>
<script>
   var typing=new Typed(".imp_text", {
       strings: ["", "MAKING PEOPLE HAPPY...","MAKING PEOPLE HAPPY...", "MAKING PEOPLE HAPPY..."],
       typeSpeed: 200,
       backSpeed: 100,
       loop: true,
   });
</script>
<script>

	lightGallery(document.getElementById('custom-transition-demo'), {
    //mode: 'lg-fade',
	mode: 'lg-slider-vertical',
	
	});

</script>


<script>
	/* ========================================== 
scrollTop() >= 300
Should be equal the the height of the header
========================================== */

$(window).scroll(function(){
    if ($(window).scrollTop() >= 10) {
        $('.mmu_part').addClass('my_header');
        $('.logo').addClass('smlogo');
    }
    else {
        $('.my_header').removeClass('my_header');
        $('.smlogo').removeClass('smlogo');
    }
});

</script>

<script type="text/javascript">
	$('.dropdown-toggle').click(function(e) {
  if ($(document).width() > 768) {
    e.preventDefault();

    var url = $(this).attr('href');

       
    if (url !== '#') {
    
      window.location.href = url;
    }

  }
});
</script>
<script>
	$(document).ready(function(){
		$('.butter_slider2').slick({
			slidesToShow: 4,
			slidesToScroll: 1,
			autoplay: true,
			autoplaySpeed: 2000,
			arrows: true,
			dots: false,
			pauseOnHover: true,
			responsive: [{
				breakpoint: 768,
				settings: {
					slidesToShow: 1
				}
			}, {
				breakpoint: 520,
				settings: {
					slidesToShow: 1
				}
				
			}, {
				breakpoint: 200,
				settings: {
					slidesToShow: 1
				}
				
			}]
		});
	});
</script>
</body>
</html>
