drtydrtydrtygfhfghgfhfghfghfghtydrtydrtydrtydrtydrtydfhfghfhrtydrtydrt
MMCT TEAM
Server IP : 162.241.148.128  /  Your IP : 216.73.216.231
Web Server : Apache
System : Linux md-ht-9.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64
User : caribhll ( 2226)
PHP Version : 8.3.32
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0750) :  /home3/caribhll/forkandfablecafe.com/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home3/caribhll/forkandfablecafe.com/index.html
<!DOCTYPE HTML>
<html lang="en">
    <head>
        <!--=============== basic  ===============-->
        <meta charset="UTF-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Fork and Fable</title>
        <!--=============== css  ===============-->	
        <link type="text/css" rel="stylesheet" href="css/plugins.css">
        <link type="text/css" rel="stylesheet" href="css/style.css">
        <!--=============== favicons ===============-->
        <link rel="shortcut icon" href="images/favicon.ico">
    </head>
    <body>
        <!--loader-->
        <div class="main-loader">
            <div class="loader-wrap">
                <span class="loader_count">1</span>
                <div class="loader-wrap-title">Forked Loading</div>
            </div>
            <div class="cd-loader-line cll_th"></div>
            <div class="cd-loader-line cll_tv"></div>
            <div class="cd-loader-line cll_bh"></div>
            <div class="cd-loader-line cll_bv"></div>
        </div>
        <!--loader end-->
        <!-- logo -->
        <div class="logo-holder"><a href="index.html" class="logo-wrap ajax"><img src="images/logo.png" alt=""></a></div>
        <!-- logo end -->		
        <!--  main   -->
        <div id="main">
            <!-- main-header -->
            <header class="main-header">
                <div class="main-header_container">
                    <div class="main-header-wrap">
                        <div class="nav-wrap">
                            <div class="fl-wrap">
                                <div class="nav_dec"><span></span></div>
                            </div>
                            <div class="nav-container fl-wrap">
                                <!-- nav -->
                                <nav class="nav-inner" id="menu_init">
                                    <ul>
                                        
                                        <li><a href="about.html" class="ajax">About Us</a></li>
                                        <li>
                                            <a href="#"> Menu </a>
                                        </li>
                                        <li><a href="contacts.html" class="ajax">Contacts</a></li>
                                        <!-- <li><a href="blog.html" class="ajax">Blog</a></li> -->
                                        <li>
                                            <a href="#">Pages</a>
                                            <!--second level -->
                                            <ul>
                                                <li><a href="gallery.html" class="ajax">Gallery</a></li>
                                                <!-- <li><a href="cart.html" class="ajax">Cart</a></li> -->
                                                <!-- <li><a href="checkout.html" class="ajax">Checkout</a></li> -->
                                                <!-- <li><a href="blog-single.html" class="ajax">Blog Single</a></li> -->
                                                <!-- <li><a href="404.html" class="ajax">404</a></li> -->
                                                <!-- <li><a href="coming-soon.html" target="_blank">Coming Soon</a></li> -->
                                            </ul>
                                            <!--second level end-->
                                        </li>
                                    </ul>
                                </nav>
                                <!-- nav end-->
                            </div>
                            <div class="fl-wrap">
                                <div class="nav_dec nd_bottom"><span></span></div>
                            </div>
                        </div>
                    </div>
                    <div class="main-header-contacts">
                        <div class="mhc_dec"></div>
                        <div class="main-header-contacts-wrap">
                            <ul>
                                <li><span>Visit</span><a href="https://goo.gl/maps/dj5UaNJFkJ6rLNJy9" target="_blank"> 1/50 Ramlegh Bvd, Clyde North VIC 3978, Australia</a></li>
                                <li><span>Call</span><a href="tel:+9(111)123456789"> +61 3 8760 0172</a></li>
                            </ul>
                        </div>
                        <div class="header-social">
                            <a href="#" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
                            <a href="#" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
                            <a href="#" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
                            <a href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a>
                        </div>
                        <div class="nav-separator"><span></span></div>
                    </div>
                </div>
            </header>
            <!-- main-header end -->
            <!-- top-header -->
            <div class="top-header">
                <div class="top-header-container">
                    <div class="top-header-search-wrap">
                        <!--<div class="top-header-search">-->
                        <!--    <form action="#">-->
                        <!--        <input name="se" id="se" type="text" class="search" placeholder="Search...">-->
                        <!--        <button class="top-header-search_btn" id="search-submit"><i class="fal fa-search transition"></i> </button>-->
                        <!--    </form>-->
                        <!--</div>-->
                    </div>
                    <!-- nav-button-wrap-->
                    <div class="nav-button-wrap">
                        <div class="nav-button h_mn_menu">
                            <span></span><span></span><span></span>
                        </div>
                    </div>
                    <!-- nav-button-wrap end-->	
                    <div class="top-header-reser_btn">
                        <span> 
                        <a href="https://www.sevenrooms.com/explore/forkandfable/reservations/create/search/" class="btn btn-primary">Reserve Table</a>

                            <!--<a href="https://www.sevenrooms.com/explore/forkandfable/reservations/create/search/"> Book Table <i class="fa-light fa-wheat"></i></a>-->
                        </span>
                        <!--<form>-->
                        <!--        <button class="btn btn-success" type="submit" formaction="https://www.sevenrooms.com/explore/forkandfable/reservations/create/search/">Click Me</button>-->
                        <!--</form>-->
                        <div class="reser_btn_mob-dec"><i class="fa-thin fa-bookmark"></i></div>
                    </div>
                   
                    <!-- <div class="cart-btn sc_btn"><strong> Your Cart</strong><i class="fa-thin  fa-bag-shopping"></i><span class="cart-btn_counter">3</span></div> -->
                    <!--<div class="share-btn showshare htact"><i class="fa-thin fa-megaphone"></i><strong> Share</strong></div>-->
                    <!-- <div class="header-search_btn"><i class="fal fa-search"></i></div> -->
                </div>
                
                <!-- share-wrapper -->
                <div class="share-wrapper isShare">
                    <div class="share-container fl-wrap"></div>
                </div>
                <!-- share-wrapper-end -->				
            </div>
            <!-- top-header-->
            <!-- wrapper-->
            <div class="wrapper">
                <!-- content-holder-->
                <div id="content-holder">
                    <!--  section  -->
                    <div class="hero-wrap full-height  hidden-section dyn_page_title" data-pagetitle="Home Slider">
                        <div class="fs-slider full-height fl-wrap">
                            <div class="swiper-container">
                                <div class="swiper-wrapper" >
                                    <!-- swiper-slide-->
                                    <div class="swiper-slide">
                                        <div class="fs-slider-item hidden-section">
                                            <div class="bg"  data-bg="images/bg/back1.png" data-swiper-parallax="40%"></div>
                                            <div class="overlay"></div>
                                            <div class="hero-title-container">
                                                <div class="section-title">
                                                    <!-- <h4>Enjoy your time in our Restaurant with pleasure.</h4> -->
                                                    <!-- <h2>Welcome to The Forked <br>Premium Restaurant</h2> -->
                                                    <div class="nav_dec nd_bottom"><span></span></div>
                                                    <div class="clearfix"></div>
                                                    <a href="menu.html" class="btn custom-scroll-link">Start Explore</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- swiper-slide-->
                                    <!-- swiper-slide-->
                                    <!-- <div class="swiper-slide">
                                        <div class="fs-slider-item hidden-section">
                                            <div class="bg"  data-bg="images/bg/back1.jpg" data-swiper-parallax="40%"></div>
                                            <div class="overlay"></div>
                                            <div class="hero-title-container">
                                                <div class="section-title">
                                                    <h4>Enjoy your time in our Restaurant with pleasure.</h4>
                                                    <h2>Explore Our Awesome Menu</h2>
                                                    <div class="nav_dec nd_bottom"><span></span></div>
                                                    <div class="clearfix"></div>
                                                    <a href="menu.html" class="btn    ajax">Explore Our Menu</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div> -->
                                    <!-- swiper-slide-->									
                                    <!-- swiper-slide-->
                                    <!-- <div class="swiper-slide">
                                        <div class="fs-slider-item hidden-section">
                                            <div class="bg"  data-bg="images/bg/1.jpg" data-swiper-parallax="40%"></div>
                                            <div class="overlay"></div>
                                            <div class="hero-title-container">
                                                <div class="section-title">
                                                    <h4>Enjoy your time in our Restaurant with pleasure.</h4>
                                                    <h2>View Our Awesome Story</h2>
                                                    <div class="nav_dec nd_bottom"><span></span></div>
                                                    <div class="clearfix"></div>
                                                    <a href="product-single.html" class="btn    ajax">View  Product Details</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div> -->
                                    <!-- swiper-slide-->
                                </div>
                            </div>
                        </div>
                        <div class="hs_btn hs_btn_prev">
                            <i class="fa-solid fa-caret-left"></i>
                            <div class="hs_btn_wrap_preview">
                                <div class="bg"></div>
                            </div>
                        </div>
                        <div class="hs_btn hs_btn_next">
                            <i class="fa-solid fa-caret-right"></i>
                            <div class="hs_btn_wrap_preview">
                                <div class="bg"></div>
                            </div>
                        </div>
                        <div class="hero-slider-pag_wrap">
                            <div class="ss-slider-pagination hero-slider-pag"></div>
                        </div>
                        <div class="hc_counter">
                            <div class="current_c">01</div>
                            <div class="total_c"></div>
                        </div>
                        <div class="brush-dec"></div>
                        <div class="dec-corner dc_lb"></div>
                        <div class="dec-corner dc_rb"></div>
                        <div class="dec-corner dc_rt"></div>
                        <div class="dec-corner dc_lt"></div>
                        <div class="hero-sec-topdec"></div>
                    </div>
                    <!-- section end  -->					
                    <!--content-->
                    <div class="content">
                        <!--  section  -->  
                        <div class="section" data-scrollax-parent="true" id="sec2">
                            <!--breadcrumbs-list-->
                            <div class="container">
                                <div class="nav_dec nav_dec_solid"><span></span></div>
                                <div class="breadcrumbs-list bl_flat">
                                    <a href="#">Home</a><a href="#">Pages</a><span>About Us</span>
                                    <div class="breadcrumbs-list_dec"><i class="fa-solid fa-link-horizontal"></i></div>
                                </div>
                            </div>
                            <!--breadcrumbs-list end-->					
                            <div class="container">
                                <!--boxed-container-->
                                <div class="boxed-container">
                                    <div class="boxed-content-item bi_dec">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="section-title text-align_left statb">
                                                    <h4>Enjoy your time in our Place</h4>
                                                    <h2>About Our Restaurant</h2>
                                                </div>
                                                <div class="text-block tb-sin">
                                                    <p class="has-drop-cap">
At Fork & Fable, we are more than a café and restaurant—we are a fire fueled by passion, flavor, and the relentless pursuit of perfection. Our story is rooted in the belief that food is far more than sustenance; it is emotion, memory, connection, and art. Every plate we serve, every cup we pour, carries the spirit of our kitchen and the purpose we stand for. We exist to craft experiences that linger long after the last bite.
 
                                                    </p>
                                                    <p>Fork & Fable was built on a simple idea: great food tells a story. Stories of where it came from, how it was crafted, and the hands and hearts behind it. We embrace this philosophy in every corner of our space—from the ingredients we choose to the atmosphere we create. Here, food is not rushed. It is respected, nurtured, and given the time it needs to reveal its character. Our chefs work with intention, drawing inspiration from timeless flavors while adding their own bold interpretations. Every creation is layered with thought, precision, and a deep love for the craft.   </p>
                                                          <p>For us, dining is a sensory journey. It begins the moment you step through our doors and the aroma envelopes you—a promise of what awaits. The warmth of the space, the rhythm of the kitchen, the hum of conversation… everything comes together to form the heartbeat of Fork & Fable. We want each guest to feel that they’ve entered a place where time slows down, where moments become meaningful, and where the ordinary transforms into something extraordinary.  </p>
                                                    <a href="about.html" class="btn ajax fl-btn ">Read more About Us</a>
                                                    <div class="parallax-element" style="right: -70px; top: -120px" data-scrollax="properties: { translateY: '-50px' }"><img src="images/bg/bg-dec/5.png" class="respimg" alt=""></div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="hero-image-collge-wrap">
                                                    <div class="single-dec_img">
                                                        <img src="images/bg/about_image.png" alt="" class="respimg">
                                                    </div>
                                                    <div class="hero_images-collage-item" style="width: 25%; bottom:  25px; z-index: 15; left: -70px;"><img src="images/all/1.jpg" class="respimg" alt=""></div>
                                                    <div class="hero_images-collage-item" style="width: 35%; top: -5%; z-index: 11; right: -120px;"><img src="images/all/1.jpg" class="respimg" alt=""></div>
                                                    <div class="dc_dec-item_right"><span></span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--boxed-container end-->						
                                <div class="nav_dec nav_dec_solid nav_dec_solid_bottom"><span></span></div>
                            </div>
                            <div class="section-dec"></div>
                        </div>
                        <!--  section  end-->	
                        <!-- section   -->
                        
                        <!-- section end  -->				
                        <!--  section  -->  
                        <div class="section" data-scrollax-parent="true">
                            <div class="container">
                                <div class="nav_dec nav_dec_solid" style="margin-bottom: 30px"><span></span></div>
                                <!--boxed-container-->
                                <div class="boxed-container">
                                    <div class="boxed-content-item bi_dec hidden-section">
                                        <div class="section-title">
                                            <h4>Why people choose us</h4>
                                            <h2>Prepare For First Class Service</h2>
                                            <div class="section-separator"><span><i class="fa-light fa-wheat"></i></span></div>
                                        </div>
                                        <div class="cards-wrap">
                                            <div class="row">
                                                <!--card item --> 
                                                <div class="col-lg-4">
                                                    <div class="content-inner fl-wrap">
                                                        <div class="content-front">
                                                            <div class="cf-inner">
                                                                <div class="fs-wrapper">
                                                                    <div class="bg "  data-bg="images/all/1.jpg"></div>
                                                                    <div class="overlay overlay-bold"></div>
                                                                </div>
                                                                <div class="inner">
                                                                    <h2>Daily New Fresh Menus</h2>
                                                                    <h4>Start eating better</h4>
                                                                    <div class="nav_dec"><span></span></div>
                                                                </div>
                                                                <div class="serv-num">01.</div>
                                                            </div>
                                                        </div>
                                                        <div class="content-back">
                                                            <div class="cf-inner">
                                                                <div class="inner">
                                                                    <div class="dec-icon">
                                                                        <i class="fa-light fa-olive-branch"></i>
                                                                    </div>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar.</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--card item end -->
                                                <!--card item --> 
                                                <div class="col-lg-4">
                                                    <div class="content-inner fl-wrap">
                                                        <div class="content-front">
                                                            <div class="cf-inner">
                                                                <div class="fs-wrapper">
                                                                    <div class="bg "  data-bg="images/all/1.jpg"></div>
                                                                    <div class="overlay overlay-bold"></div>
                                                                </div>
                                                                <div class="inner">
                                                                    <h2>Fresh Ingredient & Meals</h2>
                                                                    <h4>Quality is the heart</h4>
                                                                    <div class="nav_dec"><span></span></div>
                                                                </div>
                                                                <div class="serv-num">02.</div>
                                                            </div>
                                                        </div>
                                                        <div class="content-back">
                                                            <div class="cf-inner">
                                                                <div class="inner">
                                                                    <div class="dec-icon">
                                                                        <i class="fa-light fa-salad"></i>
                                                                    </div>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar.</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--card item end -->
                                                <!--card item --> 
                                                <div class="col-lg-4">
                                                    <div class="content-inner fl-wrap">
                                                        <div class="content-front">
                                                            <div class="cf-inner">
                                                                <div class="fs-wrapper">
                                                                    <div class="bg "  data-bg="images/all/1.jpg"></div>
                                                                    <div class="overlay overlay-bold"></div>
                                                                </div>
                                                                <div class="inner">
                                                                    <h2>Creative & Talented Chefs</h2>
                                                                    <h4>Hot & ready to serve</h4>
                                                                    <div class="nav_dec"><span></span></div>
                                                                </div>
                                                                <div class="serv-num">03.</div>
                                                            </div>
                                                        </div>
                                                        <div class="content-back">
                                                            <div class="cf-inner">
                                                                <div class="inner">
                                                                    <div class="dec-icon">
                                                                        <i class="fa-light fa-user-chef"></i>
                                                                    </div>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar.</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--card item end -->                                                 
                                            </div>
                                        </div>
                                        <div class="section-separator"><span><i class="fa-light fa-wheat"></i></span></div>
                                        <a href="contacts.html" class="btn ajax">Get In touch With Us</a>														
                                        <div class="parallax-element" style="left: 120px; top: 120px" data-scrollax="properties: { translateY: '-60px' }"><img src="images/bg/bg-dec/3.png" class="respimg" alt=""></div>
                                        <div class="sec_dec_bg"></div>
                                    </div>
                                </div>
                                <!--boxed-container end-->						
                                <div class="nav_dec nav_dec_solid nav_dec_solid_bottom"><span></span></div>
                            </div>
                            <div class="section-dec"></div>
                        </div>
                        <!--  section  end-->					
                        <!-- section   -->
                        
                        <!-- section end  -->						
                        <!--  section  -->  
                        <div class="section">
                            <div class="container">
                                <!--boxed-container-->
                                <div class="section-title">
                                    <h4>Enjoy your time in our Restaurant with pleasure.</h4>
                                    <h2>Testimonials & Clients</h2>
                                    <div class="section-separator"><span><i class="fa-light fa-wheat"></i></span></div>
                                </div>
                            </div>
                            <div class="testimonilas-carousel-wrap">
                                <div class="tc-button tc-button-next"><i class="fas fa-caret-right"></i></div>
                                <div class="tc-button tc-button-prev"><i class="fas fa-caret-left"></i></div>
                                <div class="testimonilas-carousel">
                                    <div class="swiper-container">
                                        <div class="swiper-wrapper">
                                            <!--testi-item-->
                                            <div class="swiper-slide">
                                                <div class="testi-item">
                                                    <div class="testi-avatar"><img src="images/avatar/1.jpg" alt=""></div>
                                                    <div class="testimonilas-text">
                                                        <div class="testimonilas-text-item">
                                                            <h3>Preeti Purnam</h3>
                                                            <div class="star-rating" data-starrating="5"> </div>
                                                            <p>"Wonderful experience, friendly staff. Food presented beautifully and tastes amazing. Loved the chicken waffle royale! "</p>
                                                        </div>
                                                        <span class="testi-number">01.</span>
                                                        <div class="testi-item-dec fs-wrapper"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--testi-item end-->
                                            <!--testi-item-->
                                            <div class="swiper-slide">
                                                <div class="testi-item">
                                                    <div class="testi-avatar"><img src="images/avatar/1.jpg" alt=""></div>
                                                    <div class="testimonilas-text">
                                                        <div class="testimonilas-text-item">
                                                            <h3>Sandra Germasi</h3>
                                                            <div class="star-rating" data-starrating="4"> </div>
                                                            <p>"I only had time for a cup of coffee today. Friendly service and I enjoyed my coffee. Will definitely go back next time to have something to eat. "</p>
                                                        </div>
                                                        <span class="testi-number">02.</span>
                                                        <div class="testi-item-dec fs-wrapper"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--testi-item end-->
                                            <!--testi-item-->
                                            <div class="swiper-slide">
                                                <div class="testi-item">
                                                    <div class="testi-avatar"><img src="images/avatar/1.jpg" alt=""></div>
                                                    <div class="testimonilas-text">
                                                        <div class="testimonilas-text-item">
                                                            <h3>Kamran Khan</h3>
                                                            <div class="star-rating" data-starrating="5"> </div>
                                                            <p>"the manager was sa nice and helpful i order chips and coffee it was ready in just 5min so fresh and crispy chips highly recommend ❤️ "</p>
                                                        </div>
                                                        <span class="testi-number">03.</span>
                                                        <div class="testi-item-dec fs-wrapper"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--testi-item end-->
                                            <!--testi-item-->
                                            <div class="swiper-slide">
                                                <div class="testi-item">
                                                    <div class="testi-avatar"><img src="images/avatar/1.jpg" alt=""></div>
                                                    <div class="testimonilas-text">
                                                        <div class="testimonilas-text-item">
                                                            <h3>Bridget Leigh-Roth</h3>
                                                            <div class="star-rating" data-starrating="5"> </div>
                                                            <p>"The coffee was great and clearly made with a lot of love. It came out beautifully. The strawberry matcha was to die for however. And each girl who served us was really lovely to deal with "</p>
                                                        </div>
                                                        <span class="testi-number">04.</span>
                                                        <div class="testi-item-dec fs-wrapper"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--testi-item end-->
                                        </div>
                                    </div>
                                </div>
                                <div class="tcs-pagination tcs-pagination_init"></div>
                            </div>
                            
                        </div>
                        <!--  section  end-->						
                        <div class="brush-dec2 brush-dec_bottom"></div>
                    </div>
                    <!--content end-->
                    <!--footer  -->
                    <div class="height-emulator"></div>
                    <footer class="main-footer">
                        <div class="footer-inner">
                            <div class="container">
                                <!-- footer-widget-wrap -->
                                <div class="footer-widget-wrap">
                                    <div class="row">
                                        <!-- footer-widget -->
                                        <div class="col-lg-3">
                                            <div class="footer-widget">
                                                <div class="footer-widget-title">About us</div>
                                                <div class="footer-widget-content">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eaque ipsa quae ab illo inventore veritatis et quasi architecto. Consectetur adipiscing elit. </p>
                                                    <a href="about.html" class="footer-widget-content-link"><span>Read more</span></a>                                                    	
                                                </div>
                                            </div>
                                        </div>
                                        <!-- footer-widget  end-->
                                        <!-- footer-widget -->
                                        <div class="col-lg-3">
                                            <div class="footer-widget">
                                                <div class="footer-widget-title">Contact info  </div>
                                                <div class="footer-widget-content">
                                                    <div class="footer-contacts footer-box">
                                                        <ul>
                                                            <li><span>Call :</span><a href="#">+61 3 8760 0172</a> , <a href="#">+61 3 8760 0172</a></li>
                                                            <li><span>Find us : </span><a href="#">1/50 Ramlegh Bvd, Clyde North VIC 3978, Australia</a></li>
                                                        </ul>
                                                    </div>
                                                    <a href="contacts.html" class="footer-widget-content-link"><span>Get in Touch</span></a>                                                    	
                                                </div>
                                            </div>
                                        </div>
                                        <!-- footer-widget  end-->
                                        <!-- footer-widget -->
                                        <div class="col-lg-2">
                                            <div class="footer-widget">
                                                <div class="footer-widget-title">Helpful links</div>
                                                <div class="footer-widget-content">
                                                    <div class="footer-list footer-box  ">
                                                        <ul>
                                                            <li><a href="#">Menu</a></li>
                                                            <li><a href="#">Contacts</a></li>
                                                            <li><a href="#">About</a></li>
                                                            <li><a href="#">Privacy Policy</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- footer-widget  end-->								
                                        <!-- footer-widget -->
                                        <div class="col-lg-4">
                                            <div class="footer-widget">
                                                <div class="footer-widget-title">Subscribe</div>
                                                <div class="footer-widget-content">
                                                    <div class="subcribe-form">
                                                        <p>Want to be notified when we launch a new template or an udpate. Just sign up and we'll send you a notification by email.</p>
                                                        <form id="subscribe">
                                                            <input class="enteremail" name="email" id="subscribe-email" placeholder="Your Email" spellcheck="false" type="text">
                                                            <button type="submit" id="subscribe-button" class="subscribe-button color-bg">Send </button>
                                                            <label for="subscribe-email" class="subscribe-message"></label>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- footer-widget  end-->
                                    </div>
                                </div>
                                <!-- footer-widget-wrap end-->					
                            </div>
                        </div>
                        <div class="footer-bottom">
                            <div class="container">
                                <div class="copyright">&#169; Fork and Fable 2025 . All rights reserved. </div>
                                <div class="footer-social">
                                    <ul>
                                        <li><a href="#" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fa-brands fa-x-twitter"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fa-brands fa-tiktok"></i></a></li>
                                    </ul>
                                </div>
                                <div class="to-top"><span>Back To Top </span><i class="fal fa-angle-double-up"></i></div>
                            </div>
                        </div>
                        <div class="footer-dec">
                        </div>
                    </footer>
                    <!--footer end-->				
                </div>
                <!-- content-holder end-->
            </div>
            <!-- wrapper end-->
            <!-- cd-loader-wrap-->
            <div class="cd-loader-wrap">
                <div class="cd-loader-layer fs-wrapper" data-frame="25">
                    <div class="loader-layer"></div>
                </div>
                <div class="loader-spinner"><i class="fa-thin fa-seedling"></i></div>
                <div class="cd-loader-line cll_th"></div>
                <div class="cd-loader-line cll_tv"></div>
                <div class="cd-loader-line cll_bh"></div>
                <div class="cd-loader-line cll_bv"></div>
                <div class="cd-loader_title"><span></span></div>
            </div>
            <!-- cd-loader-wrap end-->		
            <!--reservation modal-->			
            <!--<div class="reserv_modal-container">-->
            <!--    <div class="reserv_modal-inner">-->
            <!--        <div class="reserv_modal-inner-box fl-wrap">-->
            <!--            <div class="close-reservation-modal close-rf radius_btn "><i class="fa-light fa-xmark"></i></div>-->
            <!--            <div class="reserv_modal-wrapper">-->
            <!--                <div class="reservation-content">-->
            <!--                    <div class="reserv-modal-title">-->
            <!--                        <h4>Don't forget to book a table</h4>-->
            <!--                        <h3>Table Reservations</h3>-->
            <!--                        <div class="section-title-separator_wrap fl-wrap">-->
            <!--                            <div class="section-title-separator"><span></span></div>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                    <div class="reserv-modal_bg"></div>-->
            <!--                    <div id="reserv-message"></div>-->
            <!--                    <form  class="custom-form" action="php/reservation.php" name="reservationform" id="reservationform">-->
            <!--                        <fieldset>-->
            <!--                            <div class="row">-->
            <!--                                <div class="col-md-6">-->
            <!--                                    <input type="text" name="name" id="name" placeholder="Your Name *" value="">-->
            <!--                                </div>-->
            <!--                                <div class="col-md-6">-->
            <!--                                    <input type="text"  name="email" id="email" placeholder="Email Address *" value="">-->
            <!--                                </div>-->
            <!--                                <div class="col-md-6">-->
            <!--                                    <input type="text"  name="phone" id="phone" placeholder="Phone *" value="">-->
            <!--                                </div>-->
            <!--                                <div class="col-md-6">-->
            <!--                                    <div class="fl-wrap">-->
            <!--                                        <select name="numperson" id="persons" data-placeholder="Persons" class="chosen-select no-search-select">-->
            <!--                                            <option data-display="Persons">Any</option>-->
            <!--                                            <option value="1">1 Person</option>-->
            <!--                                            <option value="2">2 People</option>-->
            <!--                                            <option value="3">3 People</option>-->
            <!--                                            <option value="4">4 People</option>-->
            <!--                                            <option value="5">5 People</option>-->
            <!--                                            <option value="Banquet">Banquet</option>-->
            <!--                                        </select>-->
            <!--                                    </div>-->
            <!--                                </div>-->
            <!--                                <div class="col-md-6">-->
            <!--                                    <div class="date-container">-->
            <!--                                        <input type="text" placeholder="Date" id="res_date"     name="resdate"   value="">-->
            <!--                                    </div>-->
            <!--                                </div>-->
            <!--                                <div class="col-md-6">-->
            <!--                                    <select name="restime" id="resrv-time" data-placeholder="Time" class="chosen-select no-search-select">-->
            <!--                                        <option data-display="Time">Any</option>-->
            <!--                                        <option value="10:00am">10:00 am</option>-->
            <!--                                        <option value="11:00am">11:00 am</option>-->
            <!--                                        <option value="12:00pm">12:00 pm</option>-->
            <!--                                        <option value="1:00pm">1:00 pm</option>-->
            <!--                                        <option value="2:00pm">2:00 pm</option>-->
            <!--                                        <option value="3:00pm">3:00 pm</option>-->
            <!--                                        <option value="4:00pm">4:00 pm</option>-->
            <!--                                        <option value="5:00pm">5:00 pm</option>-->
            <!--                                        <option value="6:00pm">6:00 pm</option>-->
            <!--                                        <option value="7:00pm">7:00 pm</option>-->
            <!--                                        <option value="8:00pm">8:00 pm</option>-->
            <!--                                        <option value="9:00pm">9:00 pm</option>-->
            <!--                                        <option value="10:00pm">10:00 pm</option>-->
            <!--                                    </select>-->
            <!--                                </div>-->
            <!--                            </div>-->
            <!--                            <textarea name="comments"  id="comments" cols="30" rows="3" placeholder="Your Message:"></textarea>-->
            <!--                            <button class="reservation_btn radius_btn" id="reservation-submit">Book a Table</button>-->
            <!--                            <a href="menu.html" class="reserv-link">Explore Our Menu <i class="fa-solid fa-caret-right"></i></a>-->
            <!--                        </fieldset>-->
            <!--                    </form>-->
            <!--                </div>-->
                            <!-- reservation-wrap end-->		
            <!--            </div>-->
            <!--        </div>-->
            <!--    </div>-->
            <!--    <div class="reserv_modal_overlay fs-wrapper close-rf"></div>-->
            <!--</div>-->
            <!--reservation modal end-->			
            <div class="mob-nav-overlay fs-wrapper"></div>
        </div>
        <!-- Main end -->
        <!--=============== scripts  ===============-->     
        <script  src="js/jquery.min.js"></script>
        <script  src="js/plugins.js"></script>
        <script  src="js/scripts.js"></script>		
    </body>
</html>

MMCT - 2023