https://beansandcream.in/

Submitted URL:
https://beansandcream.in/
Report Finished:

The outgoing links identified from the page

LinkText
https://www.facebook.com/
https://x.com/
https://www.instagram.com/
https://pinterest.com
https://wehodis.com/Wehodis

JavaScript Variables · 17 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
0object
1object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
__cfQRobject
__cfBeaconobject
$function
jQueryfunction
jQuery112400252551005995032object

Console log messages · 1 found

Messages logged to the web console

TypeCategoryLog
errornetwork
URL
https://beansandcream.in/images/Gallery/IMG-20240704-WA0056.jpg
Text
Failed to load resource: the server responded with a status of 404 ()

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en" class="lenis"><head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="favicon.ico">
    <meta name="theme-color" content=" #581845">
    <title>BEANS &amp; CREAM | Cafe And Restaurant</title>
    <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, Chicken Burger, Golden Fried Prawns, Veg Lasagna, Veg Wrap, Chelow Kebab, Chicken BBQ Burger, Chicken Lasanga, Chicken Pasta With Garlic Bread, Baby Corn, Barbeque Wings, Cheese Garlic Bread, Chicken Ala Kiev, Chicken Momo, Chicken Paza, Fish Fry, Honey Lemon Cjecken, Kbab">
    <meta name="copyright" content="© <span id='copyrightYear'></span> BEANS &amp; CREAM., ALL RIGHTS RESERVED">
    <meta property="og:title" content="BEANS &amp; CREAM | Cafe And Restaurant">
    <meta property="og:type" content="Restaurants">
    <meta name="google-site-verification" content="">
    <meta name="msvalidate.01" content="">
    <meta name="facebook-domain-verification" content="">
    <meta property="og:url" content="https://beansandcream.in/">
    <link rel="canonical" href="https://beansandcream.in/">
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">
    <link href="fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="fonts/website-font/stylesheet.css" rel="stylesheet" type="text/css">

    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/counterup.min.js" type="text/javascript"></script>
    <script src="js/waypoints.min.js" type="text/javascript"></script>
    <script src="js/custom.js" type="text/javascript"></script>
    <script src="js/lenis.min.js" type="text/javascript"></script>
    <style>
        .navbar-header.menu-open {
            background-color: #581845;
            height: 100px;
            margin-top: -6px;
        }
        .navbar-header.menu-open:after {
            content: "";
            width: 100%;
            background: linear-gradient(to right, #ffd301, #ab4404, #ab4404, #ffd301);
            height: 4px;
            position: relative;
            top: 50px;
        }
        #gallery .slideshow-containers {
            position: relative;
            max-width: 1000px;
            max-height: 666px;
            margin: auto;
        }

        #gallery .mySlidesShow {
            display: none;
        }

        #gallery .mySlidesShow img {
            width: 100%;
            height: auto;
            max-width: 1000px;
            max-height: 666px;
        }

        #gallery .prev, #gallery .next {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            padding: 16px;
            margin-top: -22px;
            color: white;
            font-weight: bold;
            font-size: 18px;
            transition: 0.6s ease;
            border-radius: 0 3px 3px 0;
            user-select: none;
        }

        #gallery .next {
            right: 0;
            border-radius: 3px 0 0 3px;
        }

        #gallery .prev:hover, #gallery .next:hover {
            background-color: rgba(0,0,0,0.8);
        }

        #gallery .slideshow-dots {
            cursor: pointer;
            height: 15px;
            width: 15px;
            margin: 0 2px;
            background-color: #bbb;
            border-radius: 50%;
            display: inline-block;
            transition: background-color 0.6s ease;
        }

        #gallery .actived, #gallery .slideshow-dots:hover {
            background-color: #717171;
        }

        .form-control {
            resize: none;
        }

        .Address {
            font-size: 12px;
            padding-bottom: 2px;
        }
        .X {
            margin-bottom: 6px;
        }
        .RightReserved {
            cursor: default;
        }
        .Designed {
            background: linear-gradient(to right, #fd521e, #fdaf1e, #fdaf1e, #fd521e);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 16px;
            margin: 3px;
            font-style: italic;
            text-align: center;
            font-family: playballregular,serif;
            cursor: default;
        }
        .Wehodis {
            background: linear-gradient(to right, #FD1E9C, #FD1E9C, #FD1E9C, #00C4FF, #00C4FF, #00C4FF);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 16px;
            margin: 3px;
            font-style: italic;
            text-align: center;
            font-family: playballregular,serif;
        }
    </style>
</head>
<body>
<header id="home">
    <div class="main-nav">
        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html">
                        <img class="img-responsive" src="images/logo.png" alt="logo">
                    </a>
                </div>
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="scroll"><a href="#home">Home</a></li>
                        <li class="scroll"><a href="#about-us">About Us</a></li>
                        <li class="scroll"><a href="#menu">Menu</a></li>
                        <li class="scroll"><a href="#services">Services</a></li>
                        <li class="scroll"><a href="#contactUs">Contact</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div><!--/#main-nav-->
    <div id="home-slider" class="carousel slide carousel-fade" data-ride="carousel">
        <div class="carousel-inner">
            <div class="item" style="background-image: url(&quot;images/banner.png&quot;); height: 600px;">
                <div class="caption">
                    <h1>Welcome to <span>BEANS AND CREAM</span></h1>
                    <p>We serve only the freshest ingredients</p>
                    <a class="btn tv-site-btn" href="#bookTable">Book Your Table</a>
                </div>
            </div>
            <div class="item active" style="background-image: url(&quot;images/banner2.png&quot;); height: 600px;">
                <div class="caption">
                    <h1>Welcome to <span>BEANS AND CREAM</span></h1>
                    <p>We serve only the freshest ingredients</p>
                    <a class="btn tv-site-btn" href="#bookTable">Book Your Table</a>
                </div>
            </div>
            <div class="item" style="background-image: url(&quot;images/banner3.png&quot;); height: 600px;">
                <div class="caption">
                    <h1>Welcome to <span>BEANS AND CREAM</span></h1>
                    <p>We serve only the freshest ingredients</p>
                    <a class="btn tv-site-btn" href="#bookTable">Book Your Table</a>
                </div>
            </div>
        </div>
        <a class="tv-left-control" href="#home-slider" data-slide="prev"><i class="fa fa-angle-left"></i></a>
        <a class="tv-right-control" href="#home-slider" data-slide="next"><i class="fa fa-angle-right"></i></a>
        <a id="tohash" href="#about-us"><i class="fa fa-angle-down"></i></a>

    </div><!--#home-slider-->
</header>

<section class="tv-paddingT100 tv-bgbanner" id="about-us">
    <div class="container">
        <div class="row">
            <div class="tv-block-heading">
                <h5>Who we are</h5>
                <h2>We Are BEANS AND CREAM</h2>
            </div>
        </div>
        <div class="row tv-row-flex row-flex-wrap">
            <div class="col-md-6 col-sm-12 col-xs-12 tv-whitebgclr">
                <div class="tv-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="tv-chef-details">
                        <img src="images/ChickenAlaKiev.jpg" alt="chef" class="img-responsive">
                        <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="tv-chef-details">
                        <img src="images/ChickenSteak.jpg" alt="chef" class="img-responsive">
                        <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="col-md-6 col-sm-12 col-xs-12">
                <div class="tv-about-image">
                    <img src="images/about.jpg" alt="about" class="img-resposive">
                </div>
            </div>
        </div>
    </div>
</section>
<section class="tv-paddingT100 tv-bgbanner" id="menu">
    <div class="container">
        <div class="row">
            <div class="tv-block-heading">
                <h5>From Beans &amp; Cream</h5>
                <h2>Our Menu </h2>
            </div>
        </div>
        <div class="row">
            <div class="tv-menu">
                <div class="col-md-12 col-sm-12 col-xs-12 tv-whitebgclr">
                    <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="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/BreakFast/Chicken Burger.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Chicken Burger</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/BreakFast/Golden Fried Prawns.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Golden Fried Prawns</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/BreakFast/Veg Lasagna.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Veg Lasagna</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/BreakFast/Veg Wrap.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Veg Wrap</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="lunch" class="tab-pane fade">
                            <div class="MenuRow">
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/Lunch/Chelow Kebab.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Chelow Kebab</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/Lunch/Chicken BBQ Burger.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Chicken BBQ Burger</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/Lunch/Chicken Lasanga.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Chicken Lasanga</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/Lunch/Chicken Pasta With Garlic Bread.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Chicken Pasta With Garlic Bread</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="dinner" class="tab-pane fade">
                            <div class="MenuRow">
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/Dinner/Baby Corn.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Baby Corn</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/Dinner/Barbeque Wings.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Barbeque Wings</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/Dinner/Cheese Garlic Bread.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Cheese Garlic Bread</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/Dinner/Chicken Ala Kiev.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Chicken Ala Kiev</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/Dinner/Chicken Momo.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Chicken Momo</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/Dinner/Chicken Paza.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Chicken Paza</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/Dinner/Fish Fry.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Fish Fry</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/Dinner/Honey Lemon Cjecken.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Honey Lemon Cjecken</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/Dinner/Kbab.jpeg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Kbab</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="drinks" class="tab-pane fade">
                            <div class="MenuRow">
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/Drinks/ComingSoon.jpg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Coming Soon</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="dessert" class="tab-pane fade">
                            <div class="MenuRow">
                                <div class="col-md-4 col-sm-4 col-xs-6 width-100perc">
                                    <div class="tv-menu-items">
                                        <div class="tv-menu-item-img">
                                            <img src="images/Dessert/ComingSoon.jpg" alt="menu-item" class="img-responsive">
                                        </div>
                                        <div class="tv-menu-item-name">
                                            <h4>Coming Soon</h4>
                                            <span class="tv-menu-item-price">
                                                    </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="tv-paddingT100 tv-bgbanner" id="services">
    <div class="container">
        <div class="row">
            <div class="tv-block-heading">
                <h5>From Beans &amp; Cream</h5>
                <h2>Our Best Service</h2>
            </div>
        </div>
        <div class="row tv-row-flex row-flex-wrap">
            <div class="col-md-6 col-sm-12 col-xs-12 tv-whitebgclr">
                <div class="tv-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="col-md-6 col-sm-12 col-xs-12">
                <div class="tv-service-image">
                    <img src="images/service1.jpg" alt="service" class="img-responsive">
                </div>
            </div>
        </div>
        <div class="row tv-row-flex row-flex-wrap">
            <div class="col-md-6 col-sm-12 col-xs-12">
                <div class="tv-service-image">
                    <img src="images/service2.jpg" alt="service" class="img-responsive">
                </div>
            </div>
            <div class="col-md-6 col-sm-12 col-xs-12 tv-whitebgclr">
                <div class="tv-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="row tv-row-flex row-flex-wrap">
            <div class="col-md-6 col-sm-12 col-xs-12 tv-whitebgclr">
                <div class="tv-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="col-md-6 col-sm-12 col-xs-12">
                <div class="tv-service-image">
                    <img src="images/service3.jpg" alt="service" class="img-responsive">
                </div>
            </div>
        </div>
        <div class="row tv-row-flex row-flex-wrap">
            <div class="col-md-6 col-sm-12 col-xs-12">
                <div class="tv-service-image">
                    <img src="images/service4.jpg" alt="service" class="img-responsive">
                </div>
            </div>
            <div class="col-md-6 col-sm-12 col-xs-12 tv-whitebgclr">
                <div class="tv-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="row tv-row-flex row-flex-wrap">
            <div class="col-md-6 col-sm-12 col-xs-12 tv-whitebgclr">
                <div class="tv-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="col-md-6 col-sm-12 col-xs-12">
                <div class="tv-service-image">
                    <img src="images/service5.jpg" alt="service" class="img-responsive">
                </div>
            </div>
        </div>
    </div>
    <div class="tv-paddingT100 container-fluid">
        <div class="row">
            <div class="tv-counter-banner">
                <div class="tv-counter-lists">
                    <div class="col-md-7 col-sm-12 col-xs-12">
                        <div class="tv-counter-box">
                            <h2>We are born to serve you</h2>
                            <div class="row">
                                <div class="col-md-4 col-sm-4 col-xs-4 width-100">
                                    <div class="tv-counter-details">
                                        <img src="images/dish.png" alt="dish">
                                        <h4>Amazing dishes</h4>
                                        <h2 class="counter" data-slno="1" data-min="0" data-max="3000" data-delay=".5" data-increment="4">40</h2>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-4 width-100">
                                    <div class="tv-counter-details">
                                        <img src="images/bread.png" alt="bread">
                                        <h4>Satisfied staff</h4>
                                        <h2 class="counter" data-slno="1" data-min="0" data-max="1500" data-delay="8" data-increment="1">20</h2>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-4 width-100">
                                    <div class="tv-counter-details">
                                        <img src="images/half-hour.png" alt="half-n-hour">
                                        <h4>Work hour</h4>
                                        <h2 class="counter" data-slno="1" data-min="0" data-max="255" data-delay=".5" data-increment="11">2400</h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5 col-sm-12 col-xs-12">
                        <div class="tv-counter-image">
                            <img src="images/counter-img.jpg" class="img-responsive" alt="counter-img">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="tv-paddingT100 tv-bgbanner" id="gallery">
    <div class="container">
        <div class="row">
            <div class="tv-block-heading">
                <h5>From Beans &amp; Cream</h5>
                <h2>Gallery</h2>
            </div>
        </div>
        <div class="row">
            <div class="slideshow-containers">
                <div class="mySlidesShow" style="display: block;">
                    <img src="images/Gallery/DSC_0235.JPG" style="width:100%" alt="Gallery">
                </div>
                <div class="mySlidesShow" style="display: none;">
                    <img src="images/Gallery/DSC_0230.JPG" style="width:100%" alt="Gallery">
                </div>
                <div class="mySlidesShow" style="display: none;">
                    <img src="images/Gallery/IMG-20240704-WA0075.jpg" style="width:100%" alt="Gallery">
                </div>
                <div class="mySlidesShow" style="display: none;">
                    <img src="images/Gallery/IMG-20240704-WA0072.jpg" style="width:100%" alt="Gallery">
                </div>
                <div class="mySlidesShow" style="display: none;">
                    <img src="images/Gallery/IMG-20240704-WA0064.jpg" style="width:100%" alt="Gallery">
                </div>
                <div class="mySlidesShow" style="display: none;">
                    <img src="images/Gallery/IMG-20240704-WA0056.jpg" style="width:100%" alt="Gallery">
                </div>
                <!-- Add more slides as needed -->

                <!-- Next and previous buttons -->
                <a class="prev" onclick="if (!window.__cfRLUnblockHandlers) return false; plusSlidesb(-1)">❮</a>
                <a class="next" onclick="if (!window.__cfRLUnblockHandlers) return false; plusSlidesb(1)">❯</a>
            </div>
        </div>
        <br>

        <!-- The dots/circles -->
        <div style="text-align:center">
            <span class="slideshow-dots actived" onclick="if (!window.__cfRLUnblockHandlers) return false; currentSlides(1)"></span>
            <span class="slideshow-dots" onclick="if (!window.__cfRLUnblockHandlers) return false; currentSlides(2)"></span>
            <span class="slideshow-dots" onclick="if (!window.__cfRLUnblockHandlers) return false; currentSlides(3)"></span>
            <span class="slideshow-dots" onclick="if (!window.__cfRLUnblockHandlers) return false; currentSlides(4)"></span>
            <span class="slideshow-dots" onclick="if (!window.__cfRLUnblockHandlers) return false; currentSlides(5)"></span>
            <span class="slideshow-dots" onclick="if (!window.__cfRLUnblockHandlers) return false; currentSlides(6)"></span>
            <!-- Add more dots as needed -->
        </div>
    </div>
</section>
<section class="tv-paddingT100 tv-bgbanner" id="contactUs">
    <div class="container">
        <div class="row">
            <div class="tv-block-heading">
                <h5>Contract</h5>
                <h2>Get In Touch</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="tv-contact-details tv-whitebgclr">
                    <h2 class="text-right"><i class="fa fa-map-marker" aria-hidden="true"></i></h2>
                    <h3>Address</h3>
                    <p class="Address">45 SAHID COLONY, SODEPUR KOLKATA-700114</p>
                </div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="tv-contact-details tv-whitebgclr">
                    <h2 class="text-right"><i class="fa fa-phone" aria-hidden="true"></i></h2>
                    <h3>Number</h3>
                    <a href="tel:+9185838 55096">+9185838 55096</a>
                </div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="tv-contact-details tv-whitebgclr">
                    <h2 class="text-right"><i class="fa fa-envelope" aria-hidden="true"></i></h2>
                    <h3>Mail</h3>
                    <a href="mailto:[email protected]">[email protected]</a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="tv-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 class="tv-paddingT100 container-fluid">
        <div class="row">
            <div class="tv-contact-banner" id="bookTable">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="tv-online-restu">
                                <div class="tv-block-heading">
                                    <h5>From Beans &amp; Cream</h5>
                                    <h2>Table Reservation</h2>
                                </div>
                                <p>We are willing to help you make the reservation sent a message or call us directly <a href="tel:+9185838 55096">+9185838 55096</a></p>
                                <div class="tv-contact-form">
                                    <form name="sentMessage" id="contactForm" method="get">
                                        <div class="row">
                                            <div class="tv-contact-menu">
                                                <div class="col-md-6 col-sm-6 col-xs-12">
                                                    <div class="form-group">
                                                        <label for="name"></label><input type="text" id="name" class="form-control placeholder-fix" placeholder="Name" required="" aria-invalid="false">
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="contact"></label><input type="email" id="contact" class="form-control placeholder-fix" placeholder="Email" required="">
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="email"></label><input type="text" id="email" class="form-control placeholder-fix" placeholder="Phone Number" required="">
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-sm-6 col-xs-12">
                                                    <div class="form-group">
                                                        <label for="message"></label><textarea name="message" id="message" class="form-control placeholder-fix" rows="8.4" placeholder="Message" required="" aria-invalid="false"></textarea>
                                                        <p class="help-block text-danger"></p>
                                                    </div>
                                                </div>
                                                <div class="col-md-12 col-sm-12 col-xs-12">
                                                    <div class="buttons text-center">
                                                        <button type="submit" class="tv-site-btn">Send Meassage</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<footer>
    <div class="tv-footer-content">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="tv-footer-about text-center">
                        <img src="images/logo3.png" 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="tv-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="tv-footer-social-icons">
                        <ul>
                            <li>
                                <a href="https://www.facebook.com/">
                                    <i class="fa fa-facebook" aria-hidden="true"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://x.com/">
                                    <img class="X" src="images/x.svg" alt="X logo">
                                </a>
                            </li>
                            <li>
                                <a href="https://www.instagram.com/">
                                    <i class="fa fa-instagram" aria-hidden="true"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://pinterest.com">
                                    <i class="fa fa-pinterest" aria-hidden="true"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tv-footer-copyright">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <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>
<a id="back-to-top" class="scrollTop tv-back-to-top" href="javascript:void(0);" style="display: none;">
    <i class="fa fa-caret-up" aria-hidden="true"></i>
</a>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $('.counter').counterUp({
            delay: 10,
            time: 1000
        });
    });
</script>
<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function() {
        document.getElementById('copyrightYear').textContent = new Date().getFullYear().toString();
    });
</script>
<script type="text/javascript">
    let slideIndex = 1;
    showSlides(slideIndex);

    // Next/previous controls
    function plusSlidesb(n) {
        showSlides(slideIndex += n);
    }

    // Thumbnail image controls
    function currentSlides(n) {
        showSlides(slideIndex = n);
    }

    function showSlides(n) {
        let i;
        let slides = document.getElementsByClassName("mySlidesShow");
        let dots = document.getElementsByClassName("slideshow-dots");
        if (n > slides.length) {slideIndex = 1}
        if (n < 1) {slideIndex = slides.length}
        for (i = 0; i < slides.length; i++) {
            slides[i].style.display = "none";
        }
        for (i = 0; i < dots.length; i++) {
            dots[i].className = dots[i].className.replace(" actived", "");
        }
        slides[slideIndex-1].style.display = "block";
        dots[slideIndex-1].className += " actived";
    }
</script>

<script type="text/javascript">
    document.querySelector('.navbar-toggle').addEventListener('click', function() {
        let navbarHeader = document.querySelector('.navbar-header');
        let navbarCollapse = document.querySelector('.navbar-collapse');
        if (navbarCollapse.classList.contains('in')) {
            navbarHeader.classList.remove('menu-open');
        } else {
            navbarHeader.classList.add('menu-open');
        }
    });
</script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/main.js"></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:'8ce4e84f4e23215f',t:'MTcyODIwOTkwNy4wMDAwMDA='};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;8ce4e84f4e23215f&quot;,&quot;version&quot;:&quot;2024.8.0&quot;,&quot;r&quot;:1,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true}},&quot;token&quot;:&quot;e18ab2b4b5df4bea99e7b507b3c91c40&quot;,&quot;b&quot;:1}" crossorigin="anonymous"></script>

</body></html>