https://beansandcream.in/

ID de exploración:
b3351fbb-e3dc-40ad-a580-d410fbf6d5d9Finalizado
URL enviada:
https://beansandcream.in/
Informe finalizado:

Enlaces: 4 encontrados

Variables JavaScript: 18 encontradas

Mensajes de registro de la consola: 0 encontrados

HTML

<!DOCTYPE html><html lang="en"><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>BEANS &amp; CREAM | Cafe And Restaurant</title>
    <meta name="theme-color" content="#581845">
    <meta name="description" content="Beans &amp; Cream is a charming restaurant and café that offers a delightful blend of culinary experiences. Known for its cozy ambiance and friendly service, it’s a perfect spot for both casual meet-ups and relaxed dining.">
    <meta name="keywords" content="Beans &amp; Cream, Cafe and Restaurant, Coffee shop, Freshly brewed coffee, Artisanal teas, Pastries, Brunch spot, Dinner restaurant, Cozy atmosphere, Local ingredients, Sustainable food, Community cafe, Event catering, Coffee break, Relaxing ambiance">
    <meta property="og:title" content="BEANS &amp; CREAM | Cafe And Restaurant">
    <meta property="og:description" content="Beans &amp; Cream is a charming restaurant and café that offers a delightful blend of culinary experiences. Known for its cozy ambiance and friendly service, it’s a perfect spot for both casual meet-ups and relaxed dining.">
    <meta property="og:type" content="Restaurant">
    <meta property="og:url" content="https://beansandcream.in/">
    <meta property="og:image" content="icon.svg">
    <meta property="og:image:alt" content="Logo">
    <meta name="google-site-verification" content="6ba_KXP3BGBK25m1ayvT6MeMitFmL7MWTletrTOc5Xs">
    <meta name="msvalidate.01" content="2ACEA0D435EB331523AB05C88D8CED5C">
    <meta name="facebook-domain-verification" content="y5u2o8oruhpggjmxqozgheutq6uz9w">
    <link rel="icon" href="/favicon.ico" sizes="any">
    <link rel="icon" href="/img/Logo/LogoBrowne.svg" type="image/svg+xml">
    <link rel="apple-touch-icon" href="/icon.png">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/fontStyle.css">
    <link rel="canonical" href="https://beansandcream.in/">
</head>

<body>
<div class="LoadingScreen">
    <div class="LoadingContrent">
        <div class="BeansAndCream"><img class="BeansAndCreamIMG" src="/img/Logo/LogoWhite.svg" alt="Beans And Cream"><div class="loader"></div></div>
    </div>
</div>
<div class="Home">

    <!-- Slideshow container -->
    <div class="slideshow-container" id="home">
        <!-- Navigation bar -->
        <div class="navbar-container">
            <!-- Navigation bar -->
            <nav class="navbar">
                <div class="logo"><a href="/"><img alt="Logo" class="logoIMG" src="/img/Logo/LogoWhite.svg"></a></div>
                <div class="menu-toggle" id="mobile-menu">
                    <span class="bar"></span>
                    <span class="bar"></span>
                    <span class="bar"></span>
                </div>
                <ul class="nav-list">
                    <li><a href="#home">Home</a></li>
                    <li><a href="#about">About Us</a></li>
                    <li><a href="#menu">Menu</a></li>
                    <li><a href="#services">Services</a></li>
                    <li><a href="#gallery">Gallery</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </nav>
        </div>
        <div class="mySlides fade" style="display: none;">
            <img class="slideshowIMG" src="/img/HomeSlideShow/SlideShow1.webp" style="width:100%" alt="">
        </div>
        <div class="mySlides fade" style="display: none;">
            <img class="slideshowIMG" src="/img/HomeSlideShow/SlideShow2.webp" style="width:100%" alt="">
        </div>
        <div class="mySlides fade" style="display: none;">
            <img class="slideshowIMG" src="/img/HomeSlideShow/SlideShow3.webp" style="width:100%" alt="">
        </div>
        <div class="mySlides fade" style="display: none;">
            <img class="slideshowIMG" src="/img/HomeSlideShow/SlideShow4.webp" style="width:100%" alt="">
        </div>
        <div class="mySlides fade" style="display: block;">
            <img class="slideshowIMG" src="/img/HomeSlideShow/SlideShow5.webp" style="width:100%" alt="">
        </div>
        <div class="mySlides fade" style="display: none;">
            <img class="slideshowIMG" src="/img/HomeSlideShow/SlideShow6.webp" style="width:100%" alt="">
        </div>
        <!-- Next and previous buttons -->
        <a class="prev" onclick="if (!window.__cfRLUnblockHandlers) return false; plusSlides(-1)">❮</a>
        <a class="next" onclick="if (!window.__cfRLUnblockHandlers) return false; plusSlides(1)">❯</a>
        <div class="caption">
            <h1>WELCOME TO<br><span>BEANS AND CREAM</span></h1>
            <p>WE SERVE ONLY THE FRESHEST INGREDIENTS</p>
            <a class="BookYourTableBTN" href="#bookTable">Book Your Table</a>
        </div>
    </div>
    <!-- Arrow down button container -->
    <div class="arrow-down-button-container">
        <!-- Arrow down button -->
        <div class="arrow-down" onclick="if (!window.__cfRLUnblockHandlers) return false; scrollToAbout()">▼</div>
    </div>
    <!-- About content section -->
    <div id="about">
        <div class="about-container">
            <div class="row">
                <div class="heading">
                    <img class="CoffeeCup" src="/img/About/CoffeeCup.webp" alt="Coffee Cup">
                    <h5>Who we are</h5>
                    <h2>WE ARE<br>BEANS AND CREAM</h2>
                </div>
            </div>
            <div class="row-details">
                <div class="row-detailsSA">
                    <div class="about-content">
                        <p>Beans &amp; Cream is a charming restaurant and café that offers a delightful blend of culinary experiences. Known for its cozy ambiance and friendly service, it’s a perfect spot for both casual meet-ups and relaxed dining.</p>
                        <p><strong>" Our Special Dishs "</strong></p>
                        <div class="special-dishes">
                            <img src="/img/About/ChickenAlaKiev.webp" alt="Chicken AlaKiev" class="special-dishesIMG">
                            <h4>Chicken Ala Kiev</h4>
                            <p>At our restaurant, we take pride in serving the finest Chicken Ala Kiev you’ll ever taste. Our chefs use only the highest quality ingredients to create this classic dish, ensuring every bite is a delightful experience.</p>
                        </div>
                        <div class="special-dishes">
                            <img src="/img/About/ChickenSteak.webp" alt="Chicken Steak" class="special-dishesIMG">
                            <h4>Chicken Steak</h4>
                            <p>At our restaurant, we elevate the humble chicken steak to a gourmet experience. Our Chicken Steak is crafted with the finest ingredients and cooked to perfection, ensuring a dish that is both flavorful and satisfying.</p>
                        </div>
                    </div>
                </div>
                <div class="row-detailsSB">
                    <div class="about-image" style="display: block;">
                        <img src="/img/About/about.webp" alt="about" class="about-imageIMG">
                    </div>
                    <div class="about-image" style="display: none;">
                        <img src="/img/About/about2.webp" alt="about" class="about-imageIMG">
                    </div>
                    <div class="about-image" style="display: none;">
                        <img src="/img/About/about3.webp" alt="about" class="about-imageIMG">
                    </div>
                    <div class="about-image" style="display: none;">
                        <img src="/img/About/about4.webp" alt="about" class="about-imageIMG">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Menu content section -->
    <div id="menu">
        <div class="menu-container">
            <div class="row">
                <div class="block-heading">
                    <h5>From<br>Beans &amp; Cream</h5>
                    <h2>Our Menu</h2>
                </div>
            </div>
            <div class="row">
                <div class="menu">
                    <div class="menu-bg">
                        <ul class="nav nav-tabs">
                            <li class="active"><a data-toggle="tab" href="#breakfast">BreakFast</a></li>
                            <li><a data-toggle="tab" href="#lunch">Lunch</a></li>
                            <li><a data-toggle="tab" href="#dinner">Dinner</a></li>
                            <li><a data-toggle="tab" href="#drinks">Drinks</a></li>
                            <li><a data-toggle="tab" href="#dessert">Dessert</a></li>
                        </ul>
                        <div class="tab-content">
                            <div id="breakfast" class="tab-pane fade in active">
                                <div class="MenuRow">
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/BreakFast/Chicken Burger.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Chicken Burger</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/BreakFast/Golden Fried Prawns.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Golden Fried Prawns</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/BreakFast/Veg Lasagna.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Veg Lasagna</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/BreakFast/Veg Wrap.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Veg Wrap</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="lunch" class="tab-pane fade">
                                <div class="MenuRow">
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Lunch/Chelow Kebab.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Chelow Kebab</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Lunch/Chicken BBQ Burger.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Chicken BBQ Burger</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Lunch/Chicken Lasanga.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Chicken Lasanga</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Lunch/Chicken Pasta With Garlic Bread.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Chicken Pasta With Garlic Bread</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="dinner" class="tab-pane fade">
                                <div class="MenuRow">
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Dinner/Baby Corn.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Baby Corn</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Dinner/Barbeque Wings.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Barbeque Wings</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Dinner/Cheese Garlic Bread.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Cheese Garlic Bread</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Dinner/Chicken Ala Kiev.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Chicken Ala Kiev</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Dinner/Chicken Momo.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Chicken Momo</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Dinner/Chicken Paza.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Chicken Paza</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Dinner/Fish Fry.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Fish Fry</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Dinner/Honey Lemon Chicken.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Honey Lemon Chicken</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Dinner/Kbab.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Kbab</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="drinks" class="tab-pane fade">
                                <div class="MenuRow">
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Drinks/Blue Lafoon.jpg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Blue Lafoon</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Drinks/Cold Coffee With Chocolate.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Cold Coffee With Chocolate</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Drinks/Kitkat Shake.jpg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Kitkat Shake</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Drinks/Mint Mojito.jpg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Mint Mojito</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Drinks/Toitifruiti.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Toitifruiti</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Drinks/Watermelon Mojito.jpeg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Watermelon Mojito</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="dessert" class="tab-pane fade">
                                <div class="MenuRow">
                                    <div class="menu-class">
                                        <div class="menu-items">
                                            <div class="menu-item-img">
                                                <img src="/img/Dessert/ComingSoon.jpg" alt="menu-item" class="img-responsive">
                                            </div>
                                            <div class="menu-item-name">
                                                <h4>Coming Soon</h4>
                                                <span class="menu-item-price"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Services content section -->
    <div id="services">
        <div class="services-container">
            <div class="row">
                <div class="services-block-heading">
                    <h5>From<br>Beans &amp; Cream</h5>
                    <h2>Our Best Service</h2>
                    <img class="ServiceLine" src="/img/Service/Service.webp" alt="">
                    <hr>
                </div>
            </div>
            <div class="services-flex-wrap">
                <div class="services-out">
                    <div class="service-details">
                        <h3>Ingredient Supply</h3>
                        <p>At BEANS &amp; CREAM, we believe that the foundation of every great dish lies in the quality of its ingredients. That’s why we partner with top-tier ingredient suppliers to ensure that every meal we serve is crafted with the finest, freshest, and most flavorful components available.</p>

                    </div>
                </div>
                <div class="services-inside">
                    <div class="service-image">
                        <img src="/img/Service/Ingredient Supply.webp" alt="service" class="img-responsive">
                    </div>
                </div>
            </div>
            <div class="services-flex-wrap">
                <div class="services-inside">
                    <div class="service-image">
                        <img src="/img/Service/Event Order.webp" alt="service" class="img-responsive">
                    </div>
                </div>
                <div class="services-out">
                    <div class="service-details">
                        <h3>Event Order</h3>
                        <p>At BEANS &amp; CREAM, we take pride in making your events memorable with our exceptional catering services. Whether it’s a corporate gathering, a family celebration, or a special occasion, our team is dedicated to delivering an outstanding experience for you and your guests.</p>

                    </div>
                </div>
            </div>
            <div class="services-flex-wrap">
                <div class="services-out">
                    <div class="service-details">
                        <h3>Satisfied Customers</h3>
                        <p>Our commitment to quality and service has earned us a loyal customer base. We believe that every event is unique, and we strive to exceed your expectations with every order. Our satisfied customers are a testament to our dedication to providing delicious food and impeccable service.</p>

                    </div>
                </div>
                <div class="services-inside">
                    <div class="service-image">
                        <img src="/img/Service/Satisfied Customers.webp" alt="service" class="img-responsive">
                    </div>
                </div>
            </div>
            <div class="services-flex-wrap">
                <div class="services-inside">
                    <div class="service-image">
                        <img src="/img/Service/Satisfied Employees.webp" alt="service" class="img-responsive">
                    </div>
                </div>
                <div class="services-out">
                    <div class="service-details">
                        <h3>Satisfied Employees</h3>
                        <p>Happy employees make for a successful event. At BEANS &amp; CREAM, our team is passionate about what they do. From our chefs to our service staff, everyone is committed to ensuring your event runs smoothly. Our employees’ satisfaction translates into exceptional service and a delightful experience for you and your guests.</p>
                    </div>
                </div>
            </div>
            <div class="services-flex-wrap">
                <div class="services-out">
                    <div class="service-details">
                        <h3>Various Menus</h3>
                        <p>We understand that every event has different needs, which is why we offer a variety of menus to suit any occasion. Whether you’re looking for a casual buffet, a formal sit-down dinner, or something in between, we have options that will impress your guests. Our menus are crafted with the finest ingredients, ensuring that every dish is a culinary delight.</p>
                    </div>
                </div>
                <div class="services-out">
                    <div class="service-image">
                        <img src="/img/Service/Various Menus.webp" alt="service" class="img-responsive">
                    </div>
                </div>
            </div>
        </div>
        <div class="SubBackground">
            <div class="services-container-fluid">
                <div class="row">
                    <div class="services-counter-banner">
                        <div class="services-counter-lists">
                            <div class="services-fluidA">
                                <div class="services=counter-box">
                                    <h2>We are born to serve you</h2>
                                    <div class="services-row">
                                        <div class="services-row-inside">
                                            <div class="services-counter-details">
                                                <img src="/img/Icon/dish.png" alt="dish">
                                                <h4>AMAZING DISHES</h4>
                                                <h2 class="counter" data-slno="1" data-min="0" data-max="40" data-delay=".5" data-increment="4">40</h2>
                                            </div>
                                        </div>
                                        <div class="services-row-inside">
                                            <div class="services-counter-details">
                                                <img src="/img/Icon/bread.png" alt="bread">
                                                <h4>SATISFIED STAFF</h4>
                                                <h2 class="counter" data-slno="1" data-min="0" data-max="20" data-delay="8" data-increment="1">20</h2>
                                            </div>
                                        </div>
                                        <div class="services-row-inside">
                                            <div class="services-counter-details">
                                                <img src="/img/Icon/half-hour.png" alt="half-n-hour">
                                                <h4>WORK HOUR</h4>
                                                <h2 class="counter" data-slno="1" data-min="0" data-max="2400" data-delay=".5" data-increment="11">2400</h2>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="services-fluidB">
                                <div class="services--counter-image">
                                    <img src="/img/PageIMG/Dishes.jpg" class="img-responsive" alt="Dishes">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Gallery content section -->
    <div id="gallery">
        <div class="gallery-container">
            <div class="row">
                <div class="gallery-block-heading">
                    <h5>From<br>Beans &amp; Cream</h5>
                    <h2>Gallery</h2>
                </div>
            </div>
            <div class="gallery-row">
                <div class="gallery-slideshow-containers">
                    <div class="gallery-slidesShow" style="display: block;">
                        <img src="/img/Gallery/DSC_0235.JPG" style="width:100%" alt="Gallery">
                    </div>
                    <div class="gallery-slidesShow" style="display: none;">
                        <img src="/img/Gallery/DSC_0230.JPG" style="width:100%" alt="Gallery">
                    </div>
                    <div class="gallery-slidesShow" style="display: none;">
                        <img src="/img/Gallery/IMG-20240704-WA0075.jpg" style="width:100%" alt="Gallery">
                    </div>
                    <div class="gallery-slidesShow" style="display: none;">
                        <img src="/img/Gallery/IMG-20240704-WA0072.jpg" style="width:100%" alt="Gallery">
                    </div>
                    <div class="gallery-slidesShow" style="display: none;">
                        <img src="/img/Gallery/IMG-20240704-WA0064.jpg" style="width:100%" alt="Gallery">
                    </div>
                    <div class="gallery-slidesShow" style="display: none;">
                        <img src="/img/Gallery/DSC_0283.JPG" style="width:100%" alt="Gallery">
                    </div>
                    <!-- Add more slides as needed -->
                    <!-- Next and previous buttons -->
                    <a class="prevB" onclick="if (!window.__cfRLUnblockHandlers) return false; galleryPlusSlidesB(-1)">❮</a>
                    <a class="nextB" onclick="if (!window.__cfRLUnblockHandlers) return false; galleryPlusSlidesB(1)">❯</a>
                </div>
            </div>
            <br>
            <!-- The dots/circles -->
            <div style="text-align:center">
                <span class="slideshow-dots active" onclick="if (!window.__cfRLUnblockHandlers) return false; galleryCurrentSlideB(1)"></span>
                <span class="slideshow-dots" onclick="if (!window.__cfRLUnblockHandlers) return false; galleryCurrentSlideB(2)"></span>
                <span class="slideshow-dots" onclick="if (!window.__cfRLUnblockHandlers) return false; galleryCurrentSlideB(3)"></span>
                <span class="slideshow-dots" onclick="if (!window.__cfRLUnblockHandlers) return false; galleryCurrentSlideB(4)"></span>
                <span class="slideshow-dots" onclick="if (!window.__cfRLUnblockHandlers) return false; galleryCurrentSlideB(5)"></span>
                <span class="slideshow-dots" onclick="if (!window.__cfRLUnblockHandlers) return false; galleryCurrentSlideB(6)"></span>
                <!-- Add more dots as needed -->
            </div>
        </div>
    </div>
    <!-- Contact content section -->
    <div id="contact">
        <div class="contact-container">
            <div class="contact-row">
                <div class="contact-block-heading">
                    <h5>Contract</h5>
                    <h2>Get In Touch</h2>
                </div>
            </div>
            <div class="contact-details-row">
                <div class="contact-details-container">
                    <div class="contact-details">
                        <h3>Address</h3>
                        <p>45 SAHID COLONY, SODEPUR KOLKATA-700114</p>
                    </div>
                </div>
                <div class="contact-details-container">
                    <div class="contact-details">
                        <h3>Number</h3>
                        <a href="tel:+9185838 55096">+9185838 55096</a>
                    </div>
                </div>
                <div class="contact-details-container">
                    <div class="contact-details">
                        <h3>Mail</h3>
                        <a href="mailto:[email protected]">[email protected]</a>
                    </div>
                </div>
            </div>
            <div class="map-row">
                <div class="map-container">
                    <div class="map">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3683.1234567890123!2d88.3727094!3d22.6951552!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f89d7cdb8ee41b%3A0x870e7fde92d59d83!2sBeans%20%26%20Cream!5e0!3m2!1sen!2sin!4v1614151234567" frameborder="0" allowfullscreen=""></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="SubBackgroundB">
        <!-- Book Table content section -->
        <div id="bookTable">
            <div class="bookTable-row">
                <div class="contact-banner">
                    <div class="contact-banner-container">
                        <div class="contact-banner-row">
                            <div class="contact-banner-details">
                                <div class="table-reservation">
                                    <div class="reservation-block-heading">
                                        <h5>From<br>Beans &amp; Cream</h5>
                                        <h2>Table Reservation</h2>
                                    </div>
                                    <p>We are happy to assist you with making your reservation. Feel free to send us a message from Summit or call us directly at  <a href="tel:+9185838 55096">+9185838 55096.</a></p>
                                    <div class="contact-form">
                                        <form id="contactForm" method="POST">
                                            <div class="contactForm-row">
                                                <div class="contact-menu">
                                                    <div class="table-reservation-form-groupA">
                                                        <div class="form-group">
                                                            <label for="name"></label><input type="text" id="name" name="name" class="form-control placeholder-fix" placeholder="Name" required="">
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="email"></label><input type="email" id="email" name="email" class="form-control placeholder-fix" placeholder="Email" required="">
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="phone"></label><input type="text" id="phone" name="phone" class="form-control placeholder-fix" placeholder="Phone Number" required="">
                                                        </div>
                                                    </div>
                                                    <div class="table-reservation-form-groupB">
                                                        <div class="form-group">
                                                            <label for="message"></label><textarea name="message" id="message" class="form-control placeholder-fix" rows="6" placeholder="Message" required=""></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="table-reservation-form-groupC">
                                                        <button type="submit" class="site-btn">Send Message</button>
                                                    </div>
                                                    <div class="table-reservation-form-groupD">
                                                        <div class="responce-message" id="responceMessage"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="footer-copyright-content">
            <div class="container-footer">
                <div class="footer-content-row">
                    <div class="footer-content-details">
                        <div class="footer-about text-center">
                            <img src="/img/Logo/LogoWhite.svg" alt="logo">
                            <p>Beans &amp; Cream is a charming restaurant and café that offers a delightful blend of culinary experiences. Known for its cozy ambiance and friendly service, it’s a perfect spot for both casual meet-ups and relaxed dining.</p>
                        </div>
                        <div class="footer-address">
                            <ul>
                                <li><p>45 SAHID COLONY, SODEPUR KOLKATA-700114</p></li>
                                <li><a href="tel:+9185838 55096">+9185838 55096</a></li>
                                <li><a href="mailto:[email protected]">[email protected]</a></li>
                            </ul>
                        </div>
                        <div class="footer-social-icons">
                            <ul>
                                <li>
                                    <a href="https://www.facebook.com/people/Beans-N-Creams/61554399286603/">
                                        <img class="FB" src="/img/Icon/FB.svg" alt="X logo">
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.instagram.com/beans_ncreams/">
                                        <img class="INSTA" src="/img/Icon/instagram.svg" alt="X logo">
                                    </a>
                                </li>
                                <li>
                                    <a href="https://pinterest.com/beansocream/">
                                        <img class="P" src="/img/Icon/Pinterest.svg" alt="X logo">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-copyright">
            <div class="footer-copyright-container">
                <div class="footer-row">
                    <div class="footer-copyright-details">
                        <p class="RightReserved">© <span id="copyrightYear">2024</span> BEANS &amp; CREAM All RIGHT RESERVED<br><a class="Designed">Designed by</a><a class="Wehodis" href="https://wehodis.com/">Wehodis</a></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>


    <!-- Scroll to Top Button and Scroll Progress Bar -->
    <button onclick="if (!window.__cfRLUnblockHandlers) return false; scrollToTop()" class="scrollTopButton">▲</button>
</div>

<script src="/js/scripts.js" type="text/javascript"></script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8d81b9c9af533846',t:'MTcyOTg1NDI2Ni4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;rayId&quot;:&quot;8d81b9c9af533846&quot;,&quot;version&quot;:&quot;2024.10.3&quot;,&quot;r&quot;:1,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}},&quot;token&quot;:&quot;e18ab2b4b5df4bea99e7b507b3c91c40&quot;,&quot;b&quot;:1}" crossorigin="anonymous"></script>


</body></html>