506 lines
24 KiB
HTML
506 lines
24 KiB
HTML
<!doctype html>
|
|
<html class="no-js" lang="en">
|
|
<head>
|
|
<title>Crafto - The Multipurpose HTML5 Template</title>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="author" content="ThemeZaa">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
|
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
|
|
|
|
<link rel="shortcut icon" href="images/favicon.png">
|
|
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
<link rel="stylesheet" href="css/vendors.min.css" />
|
|
<link rel="stylesheet" href="css/icon.min.css" />
|
|
<link rel="stylesheet" href="css/style.min.css" />
|
|
<link rel="stylesheet" href="css/responsive.min.css" />
|
|
<link rel="stylesheet" href="demos/restaurant/restaurant.css" />
|
|
</head>
|
|
<body data-mobile-nav-trigger-alignment="right" data-mobile-nav-style="modern" data-mobile-nav-bg-color="#383632" class="custom-cursor">
|
|
|
|
<div class="cursor-page-inner">
|
|
<div class="circle-cursor circle-cursor-inner"></div>
|
|
<div class="circle-cursor circle-cursor-outer"></div>
|
|
</div>
|
|
|
|
|
|
<header>
|
|
|
|
<nav class="navbar navbar-expand-lg header-transparent header-light bg-transparent header-reverse" data-header-hover="light">
|
|
<div class="container-fluid">
|
|
<div class="col-auto col-lg-2 me-lg-0 me-auto">
|
|
<a class="navbar-brand" href="demo-restaurant.html">
|
|
<img src="images/demo-restaurant-logo-black.png" data-at2x="images/demo-restaurant-logo-black@2x.png" alt class="default-logo">
|
|
<img src="images/demo-restaurant-logo-black.png" data-at2x="images/demo-restaurant-logo-black@2x.png" alt class="alt-logo">
|
|
<img src="images/demo-restaurant-logo-black.png" data-at2x="images/demo-restaurant-logo-black@2x.png" alt class="mobile-logo">
|
|
</a>
|
|
</div>
|
|
<div class="col-auto menu-order position-static">
|
|
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-line"></span>
|
|
<span class="navbar-toggler-line"></span>
|
|
<span class="navbar-toggler-line"></span>
|
|
<span class="navbar-toggler-line"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav alt-font ls-1px">
|
|
<li class="nav-item"><a href="demo-restaurant.html" class="nav-link">Home</a></li>
|
|
<li class="nav-item"><a href="demo-restaurant-about.html" class="nav-link">About</a></li>
|
|
<li class="nav-item"><a href="demo-restaurant-menu.html" class="nav-link">Menu</a></li>
|
|
<li class="nav-item"><a href="demo-restaurant-story.html" class="nav-link">Story</a></li>
|
|
<li class="nav-item"><a href="demo-restaurant-gallery.html" class="nav-link">Gallery</a></li>
|
|
<li class="nav-item"><a href="demo-restaurant-chefs.html" class="nav-link">Chefs</a></li>
|
|
<li class="nav-item"><a href="demo-restaurant-blog.html" class="nav-link">Blog</a></li>
|
|
<li class="nav-item"><a href="demo-restaurant-contact.html" class="nav-link">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto col-lg-2 text-end d-none d-sm-flex">
|
|
<div class="header-icon">
|
|
<div class="header-button">
|
|
<a href="demo-restaurant-contact.html" class="btn btn-dark-gray btn-small btn-box-shadow left-icon btn-switch-text btn-rounded border-1">
|
|
<span>
|
|
<span><i class="feather icon-feather-calendar"></i></span>
|
|
<span class="btn-double-text" data-text="Book a table">Book a table</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
</header>
|
|
|
|
|
|
<section class="big-section cover-background ipad-top-space-margin md-background-position-left-center" style="background-image: url('images/demo-restaurant-about-title-bg.jpg')">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-10 col-lg-11 text-center">
|
|
<span class="fs-18 mb-5 d-inline-block">By <a href="demo-restaurant-blog-single-creative.html#" class="text-dark-gray text-decoration-line-bottom">Jackson</a> in <a href="demo-restaurant-blog-single-creative.html#" class="text-dark-gray text-decoration-line-bottom">Cooking</a> on 26 November 2021</span>
|
|
<h1 class="alt-font fw-400 ls-minus-1px text-dark-gray mb-0">A recipe has no soul. You, as the cook, must bring soul to the recipe</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-0 ps-13 pe-13 lg-ps-4 lg-pe-4 sm-px-0">
|
|
<div class="container-fluid">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12"><img src="images/demo-restaurant-blog-single-page-01.jpg" class="w-100" alt></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section>
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 text-center sm-mb-30px">
|
|
<div class="pb-20px">
|
|
<img src="images/demo-restaurant-blog-single-page-avtar.jpg" class="rounded-circle w-130px mb-20px" alt>
|
|
<span class="lh-26 d-block">Words by</span>
|
|
<a href="demo-restaurant-blog-single-creative.html#" class="alt-font fw-500 fs-20 text-uppercase text-dark-gray">Jackson smith</a>
|
|
</div>
|
|
<div class="h-3px w-100 bg-base-color mb-20px"></div>
|
|
<ul class="d-flex list-unstyled justify-content-center">
|
|
<li class="me-25px"><a href="demo-restaurant-blog-single-creative.html#" class="fs-15 alt-font text-uppercase"><i class="feather icon-feather-message-circle me-5px icon-small align-middle"></i>Comment</a></li>
|
|
<li><a href="demo-restaurant-blog-single-creative.html#" class="fs-15 alt-font text-uppercase"><i class="feather icon-feather-heart me-5px icon-small align-middle"></i>Like</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="offset-lg-1 col-md-8 last-paragraph-no-margin text-center text-md-start">
|
|
<h3 class="alt-font text-dark-gray">My weaknesses have always been food and men in that order.</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
|
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo <span class="text-dark-gray text-decoration-line-bottom">inventore veritatis et quasi</span> architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-0 ps-13 pe-13 lg-ps-4 lg-pe-4 sm-px-0">
|
|
<div class="container-fluid">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12"><img src="images/demo-restaurant-blog-single-page-02.jpg" class="w-100" alt></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section>
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 text-center text-lg-end sm-mb-30px"><img src="images/demo-restaurant-blog-single-page-03.png" class="mt-10px" alt></div>
|
|
<div class="offset-lg-1 col-md-8 last-paragraph-no-margin text-center text-md-start">
|
|
<div class="pb-35px text-center text-md-start">
|
|
<h5 class="text-dark-gray fw-500 w-90 md-w-100 alt-font">Food brings people together on many different levels. It's nourishment of the soul and body; It's truly love</h5>
|
|
<span class="fw-700 text-dark-gray d-block lh-20 text-uppercase ls-minus-05px">Nicholas Robinson</span>
|
|
<span class="d-block text-uppercase fs-13">Founder of photos</span>
|
|
</div>
|
|
<div class="h-3px w-100 bg-dark-gray mb-35px"></div>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="py-0 ps-13 pe-13 lg-ps-4 lg-pe-4 sm-px-0">
|
|
<div class="container-fluid">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12"><img src="images/demo-restaurant-blog-single-page-04.jpg" class="w-100" alt></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section>
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 text-center text-md-start"><h5 class="alt-font text-dark-gray">Sometimes i even add it to the food</h5></div>
|
|
<div class="offset-lg-1 col-md-8 last-paragraph-no-margin text-center text-md-start">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
|
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, <span class="text-dark-gray text-decoration-line-bottom">totam rem aperiam</span> eaque ipsa quae ab illo.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="half-section pt-0">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<div class="row mb-30px">
|
|
<div class="tag-cloud col-md-9 text-center text-md-start sm-mb-15px">
|
|
<a href="demo-restaurant-blog.html">Development</a>
|
|
<a href="demo-restaurant-blog.html">Event</a>
|
|
<a href="demo-restaurant-blog.html">Multimedia </a>
|
|
<a href="demo-restaurant-blog.html">Fashion</a>
|
|
</div>
|
|
<div class="tag-cloud col-md-3 text-uppercase text-center text-md-end">
|
|
<a class="likes-count fw-500 mx-0" href="demo-restaurant-blog-single-creative.html#"><i class="fa-regular fa-heart text-red me-10px"></i><span class="text-dark-gray text-dark-gray-hover">05 Likes</span></a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 mb-6">
|
|
<div class="d-block d-md-flex w-100 box-shadow-extra-large align-items-center border-radius-4px p-7 sm-p-35px">
|
|
<div class="w-140px text-center me-50px sm-mx-auto">
|
|
<img src="images/demo-restaurant-blog-single-page-avtar.jpg" class="rounded-circle w-120px" alt>
|
|
<a href="demo-restaurant-blog.html" class="text-dark-gray fw-500 mt-20px d-inline-block lh-20">Colene Landin</a>
|
|
<span class="fs-15 lh-20 d-block sm-mb-15px">Co-founder</span>
|
|
</div>
|
|
<div class="w-75 sm-w-100 text-center text-md-start last-paragraph-no-margin">
|
|
<p>Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the 1500s when an unknown printer took a galley of type.</p>
|
|
<a href="demo-restaurant-blog.html" class="btn btn-link btn-extra-large text-dark-gray mt-15px">All author posts</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 text-center elements-social social-icon-style-04">
|
|
<ul class="medium-icon dark">
|
|
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i><span></span></a></li>
|
|
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i><span></span></a></li>
|
|
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i><span></span></a></li>
|
|
<li><a class="linkedin" href="http://www.linkedin.com" target="_blank"><i class="fa-brands fa-linkedin-in"></i><span></span></a></li>
|
|
<li><a class="behance" href="http://www.behance.com/" target="_blank"><i class="fa-brands fa-behance"></i><span></span></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="bg-very-light-gray">
|
|
<div class="container">
|
|
<div class="row justify-content-center mb-1">
|
|
<div class="col-lg-7 text-center">
|
|
<span class="fs-15 fw-600 text-red text-uppercase mb-10px d-block"><span class="w-5px h-2px bg-red d-inline-block align-middle me-5px"></span>You may also like<span class="w-5px h-2px bg-red d-inline-block align-middle ms-5px"></span></span>
|
|
<h2 class="alt-font text-dark-gray fw-500">Related posts</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row blog-metro">
|
|
<div class="col-12">
|
|
<ul class="blog-metro blog-wrapper grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-large">
|
|
<li class="grid-sizer"></li>
|
|
|
|
<li class="grid-item">
|
|
<figure class="position-relative mb-0 overflow-hidden border-radius-6px">
|
|
<div class="blog-image bg-dark-slate-blue">
|
|
<a href="demo-restaurant-blog-single-creative.html"><img src="images/demo-restaurant-blog-01.jpg" alt /></a>
|
|
<div class="blog-overlay"></div>
|
|
</div>
|
|
<figcaption class="d-flex flex-column justify-content-end h-100 p-50px lg-p-35px">
|
|
<div class="blog-categories mb-auto">
|
|
<a href="demo-restaurant-blog-single-creative.html#" class="categories-btn bg-white text-dark-gray text-uppercase fw-700 ms-0 mb-auto align-self-start">Restaurant</a>
|
|
</div>
|
|
<a href="demo-restaurant-blog-single-creative.html" class="text-white card-title fs-28 lh-32 alt-font w-60 xl-w-70 lg-w-80 md-w-70">Never eat more than you can life</a>
|
|
</figcaption>
|
|
</figure>
|
|
</li>
|
|
|
|
|
|
<li class="grid-item">
|
|
<figure class="position-relative mb-0 overflow-hidden border-radius-6px">
|
|
<div class="blog-image bg-dark-slate-blue">
|
|
<a href="demo-restaurant-blog-single-creative.html"><img src="images/demo-restaurant-blog-02.jpg" alt /></a>
|
|
<div class="blog-overlay"></div>
|
|
</div>
|
|
<figcaption class="d-flex flex-column justify-content-end h-100 p-50px lg-p-35px">
|
|
<div class="blog-categories mb-auto">
|
|
<a href="demo-restaurant-blog-single-creative.html#" class="categories-btn bg-white text-dark-gray text-uppercase fw-700 ms-0 mb-auto align-self-start">Restaurant</a>
|
|
</div>
|
|
<a href="demo-restaurant-blog-single-creative.html" class="text-white card-title fs-28 lh-32 alt-font w-60 xl-w-70 lg-w-80 md-w-70">Life is uncertain Eat dessert first</a>
|
|
</figcaption>
|
|
</figure>
|
|
</li>
|
|
|
|
|
|
<li class="grid-item">
|
|
<figure class="position-relative mb-0 overflow-hidden border-radius-6px">
|
|
<div class="blog-image bg-dark-slate-blue">
|
|
<a href="demo-restaurant-blog-single-creative.html"><img src="images/demo-restaurant-blog-03.jpg" alt /></a>
|
|
<div class="blog-overlay"></div>
|
|
</div>
|
|
<figcaption class="d-flex flex-column justify-content-end h-100 p-50px lg-p-35px">
|
|
<div class="blog-categories mb-auto">
|
|
<a href="demo-restaurant-blog-single-creative.html#" class="categories-btn bg-white text-dark-gray text-uppercase fw-700 ms-0 mb-auto align-self-start">Restaurant</a>
|
|
</div>
|
|
<a href="demo-restaurant-blog-single-creative.html" class="text-white card-title fs-28 lh-32 alt-font w-60 xl-w-70 lg-w-80 md-w-70">Food simply isn't important to me</a>
|
|
</figcaption>
|
|
</figure>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="pb-0">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-9 text-center mb-2">
|
|
<h6 class="alt-font text-dark-gray fw-500">4 Comments</h6>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-9">
|
|
<ul class="blog-comment">
|
|
<li>
|
|
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start">
|
|
<div class="w-90px sm-w-65px sm-mb-10px">
|
|
<img src="images/avtar-18.jpg" class="rounded-circle" alt>
|
|
</div>
|
|
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
|
|
<a href="demo-restaurant-blog-single-creative.html#" class="text-dark-gray fw-500">Herman Miller</a>
|
|
<a href="demo-restaurant-blog-single-creative.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
|
|
<div class="fs-14 lh-24 mb-10px">17 July 2020, 6:05 PM</div>
|
|
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the make book.</p>
|
|
</div>
|
|
</div>
|
|
<ul class="child-comment">
|
|
<li>
|
|
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start">
|
|
<div class="w-90px sm-w-65px sm-mb-10px">
|
|
<img src="images/avtar-19.jpg" class="rounded-circle" alt>
|
|
</div>
|
|
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
|
|
<a href="demo-restaurant-blog-single-creative.html#" class="text-dark-gray fw-500">Wilbur Haddock</a>
|
|
<a href="demo-restaurant-blog-single-creative.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
|
|
<div class="fs-14 lh-24 mb-10px">18 July 2020, 10:19 PM</div>
|
|
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since.</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start border-radius-5px p-50px md-p-30px sm-p-20px bg-very-light-gray">
|
|
<div class="w-90px sm-w-65px sm-mb-10px">
|
|
<img src="images/avtar-17.jpg" class="rounded-circle" alt>
|
|
</div>
|
|
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
|
|
<a href="demo-restaurant-blog-single-creative.html#" class="text-dark-gray fw-500">Colene Landin</a>
|
|
<a href="demo-restaurant-blog-single-creative.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
|
|
<div class="fs-14 lh-24 mb-10px">18 July 2020, 12:39 PM</div>
|
|
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Ipsum has been the industry's standard dummy text.</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start">
|
|
<div class="w-90px sm-w-65px sm-mb-10px">
|
|
<img src="images/avtar-18.jpg" class="rounded-circle" alt>
|
|
</div>
|
|
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
|
|
<a href="demo-restaurant-blog-single-creative.html#" class="text-dark-gray fw-500">Jennifer Freeman</a>
|
|
<a href="demo-restaurant-blog-single-creative.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
|
|
<div class="fs-14 lh-24 mb-10px">19 July 2020, 8:25 PM</div>
|
|
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the make a type specimen book.</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section id="comments">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-9 mb-3 sm-mb-6">
|
|
<h6 class="alt-font text-dark-gray fw-500 mb-5px">Write a comment</h6>
|
|
<div class="mb-5px">Your email address will not be published. Required fields are marked *</div>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-9">
|
|
<form action="email-templates/contact-form.php" method="post" class="row contact-form-style-02">
|
|
<div class="col-md-6 mb-30px">
|
|
<input class="input-name border-radius-4px form-control required" type="text" name="name" placeholder="Enter your name*">
|
|
</div>
|
|
<div class="col-md-6 mb-30px">
|
|
<input class="border-radius-4px form-control required" type="email" name="email" placeholder="Enter your email address*">
|
|
</div>
|
|
<div class="col-md-12 mb-30px">
|
|
<textarea class="border-radius-4px form-control" cols="40" rows="4" name="comment" placeholder="Your message"></textarea>
|
|
</div>
|
|
<div class="col-12">
|
|
<input type="hidden" name="redirect" value>
|
|
<button class="btn btn-dark-gray btn-small btn-round-edge submit" type="submit">Post Comment</button>
|
|
<div class="form-results mt-20px d-none"></div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<footer class="pb-0 bg-very-light-gray cover-background background-position-center-top sm-background-image-none" style="background-image: url('images/demo-restaurant-home-footer-bg.jpg')">
|
|
<div class="container">
|
|
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center mt-13 md-mt-15 sm-mt-0 mb-5 sm-mb-50px">
|
|
|
|
<div class="col icon-with-text-style-03 md-mb-30px">
|
|
<div class="feature-box ps-8 pe-8 lg-ps-0 lg-pe-0 overflow-hidden">
|
|
<div class="feature-box-icon">
|
|
<i class="bi bi-chat-square-text d-inline-block icon-medium text-dark-gray mb-15px"></i>
|
|
</div>
|
|
<div class="feature-box-content last-paragraph-no-margin">
|
|
<span class="fw-700 text-dark-gray fs-15 text-uppercase">About restaurant</span>
|
|
<p class="w-90 md-w-70 sm-w-80 xs-w-70 mx-auto">Enjoy a wonderful cafe dining experience</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col icon-with-text-style-03 md-mb-30px">
|
|
<div class="feature-box ps-8 pe-8 lg-ps-0 lg-pe-0 overflow-hidden">
|
|
<div class="feature-box-icon">
|
|
<i class="bi bi-telephone-inbound d-inline-block icon-medium text-dark-gray mb-15px"></i>
|
|
</div>
|
|
<div class="feature-box-content last-paragraph-no-margin">
|
|
<span class="fw-700 text-dark-gray fs-15 text-uppercase">Let's talk</span>
|
|
<div class="w-100 d-block">
|
|
<span class="d-block">Phone: <a href="tel:1800222000">1-800-222-000</a></span>
|
|
<span class="d-block">Fax: 1-800-222-002</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col icon-with-text-style-03 xs-mb-30px">
|
|
<div class="feature-box ps-8 pe-8 lg-ps-0 lg-pe-0 overflow-hidden">
|
|
<div class="feature-box-icon">
|
|
<i class="bi bi-envelope-open d-inline-block icon-medium text-dark-gray mb-15px"></i>
|
|
</div>
|
|
<div class="feature-box-content last-paragraph-no-margin">
|
|
<span class="fw-700 text-dark-gray fs-15 text-uppercase">Book a table</span>
|
|
<div class="w-100 d-block">
|
|
<a href="cdn-cgi/l/email-protection.html#4f262129200f36203a3d2b20222e2621612c2022"><span class="__cf_email__" data-cfemail="5e373038311e27312b2c3a31333f3730703d3133">[email protected]</span></a><br>
|
|
<a href="cdn-cgi/l/email-protection.html#ef879daf96809a9d8b80828e8681c18c8082"><span class="__cf_email__" data-cfemail="630b11231a0c1611070c0e020a0d4d000c0e">[email protected]</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col icon-with-text-style-03">
|
|
<div class="feature-box ps-8 pe-8 lg-ps-0 lg-pe-0 overflow-hidden">
|
|
<div class="feature-box-icon">
|
|
<i class="bi bi-geo-alt d-inline-block icon-medium text-dark-gray mb-15px"></i>
|
|
</div>
|
|
<div class="feature-box-content last-paragraph-no-margin">
|
|
<span class="fw-700 text-dark-gray fs-15 text-uppercase">Contact us</span>
|
|
<p class="md-w-70 sm-w-90 xs-w-70 mx-auto">Lorem ipsum consectetur adipiscing onsectetur.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="border-top border-color-transparent-dark-very-light pt-25px pb-25px">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-4 col-sm-6 fs-15 last-paragraph-no-margin text-center text-sm-start order-3 order-sm-2 order-md-1">
|
|
<p>© Copyright 2024 <a href="index.html" target="_blank" class="text-decoration-line-bottom text-dark-gray fw-600">Crafto</a></p>
|
|
</div>
|
|
<div class="col-md-4 text-center order-1 order-md-2 sm-mb-20px">
|
|
<a href="demo-restaurant.html" class="footer-logo d-inline-block">
|
|
<img src="images/demo-restaurant-logo-black.png" data-at2x="images/demo-restaurant-logo-black@2x.png" alt class="default-logo">
|
|
</a>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 elements-social social-icon-style-08 xs-mb-15px text-center text-sm-end order-2 order-sm-3 order-md-3">
|
|
<ul class="small-icon dark d-inline-block">
|
|
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
|
|
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
|
|
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
|
|
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<div class="scroll-progress d-none d-xxl-block">
|
|
<a href="demo-restaurant-blog-single-creative.html#" class="scroll-top" aria-label="scroll">
|
|
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/jquery.js"></script>
|
|
<script type="text/javascript" src="js/vendors.min.js"></script>
|
|
<script type="text/javascript" src="js/main.js"></script>
|
|
</body>
|
|
</html> |