PK
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/magnific-popup.css" rel="stylesheet">
<link rel="stylesheet" href="assets/fontawesome/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>STUDIO DWS | Leela Bar</title>
</head>
<body>
<!-- header -->
<nav class="navbar navbar-expand-lg navbar-light bg-body-tertiary fixed-top">
<div class="container pd-lr">
<a class="navbar-brand" href="index.html">STUDIO DWS</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="portfolio.html">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="vita.html">Vita</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<a class="btn btn-floating m-1" href="#!" role="button">
<i class="fab fa-instagram"></i
>
</a>
<a class="btn btn-floating m-1" href="#!" role="button">
<i class="fab fa-facebook"></i
>
</a>
<a class="btn btn-floating m-1" href="#!" role="button">
<i class="fab fa-pinterest"></i
>
</a>
</form>
</div>
</div>
</nav>
<!-- end header -->
<div class="maindiv">
<section class="bg-light-cream section mt-5">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-lg-12">
<p class="text-center h2">Leela Bar</p><br>
</div>
<div class="col-lg-12 h5 mb-4">
<p>The Leela Bar boasts a captivating design inspired by its traditional Indian namesake, "Leela." The interiors are characterized by the abundant use of crimson hue, which envelops the ceiling, wall paper, upholstery, and drapes. These rich crimson elements are complemented by dimly lit brushed gold metal accents, adding a touch of elegance and opulence to the space.</p>
<p>This vibrant and traditional Indian aesthetic is skillfully blended with the concept of a plush European bar. Deep-colored wooden cabinets and wall paneling create a warm and inviting ambiance. Chevron floorboards add a sense of sophistication, while graceful furniture pieces complete the overall composition.</p>
<p>The combination of the crimson hues and gold accents with the deep-colored wooden elements creates a harmonious fusion of Indian and European design influences. It results in a unique and captivating atmosphere that immerses guests in a rich and luxurious experience.</p>
<p>The Leela Bar showcases a thoughtful balance between traditional Indian design elements and the plush elegance of a European bar, creating a truly distinctive and visually striking space.</p>
</div>
</div>
</div>
</section>
</div>
<!-- footer -->
<!-- Remove the container if you want to extend the Footer to full width. -->
<div class="container-fluid mt-5 p-0">
<!-- Footer -->
<footer class="text-center text-lg-start text-white" style="background-color: #dfd6ce;">
<!-- Grid container -->
<div class="container p-4 pb-0">
<!-- Section: Social media -->
<section class="mb-4 text-center">
<!-- Facebook -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-facebook-f"></i></a>
<!-- Twitter -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-twitter"></i></a>
<!-- Google -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-google"></i></a>
<!-- Instagram -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-instagram"></i></a>
<!-- Linkedin -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-linkedin-in"></i></a>
</section>
<!-- Section: Social media -->
</div>
<!-- Grid container -->
<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2)">
© 2023 Copyright:<a class="text-white" href="#">STUDIO DWS</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</div>
<!-- End of .container -->
<!-- end footer -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="assets/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
<script type="text/javascript" src="assets/js/confer.bundle.js"></script>
<script>
$(document).ready(function(){
$('.image-popup-vertical-fit').magnificPopup({
type: 'image',
mainClass: 'mfp-with-zoom',
gallery:{
enabled:true
},
zoom: {
enabled: true,
duration: 300, // duration of the effect, in milliseconds
easing: 'ease-in-out', // CSS transition easing function
opener: function(openerElement) {
return openerElement.is('img') ? openerElement : openerElement.find('img');
}
}
});
});
</script>
</body>
</html>
PK 99