346 lines
17 KiB
HTML
346 lines
17 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/pizza-parlor/pizza-parlor.css" />
|
|
</head>
|
|
<body data-mobile-nav-style="classic">
|
|
|
|
<header>
|
|
|
|
<nav class="navbar navbar-expand-lg header-dark bg-gradient-dark-transparent center-logo disable-fixed">
|
|
<div class="container-fluid">
|
|
<div class="col-auto col-lg-2 menu-logo">
|
|
<div class="d-none d-lg-block">
|
|
<div class="alt-font fs-19 lg-fs-16 widget-text fw-600"><span class="w-50px h-50px bg-black-transparent-light d-inline-block align-middle text-center me-10px border-radius-100px fs-17 lh-44 lg-me-5px lg-w-40px lg-h-40px lg-fs-15 lg-lh-36"><i class="feather icon-feather-phone-call"></i></span><a href="tel:1800222000" class="text-white">1 800 222 000</a></div>
|
|
</div>
|
|
<a class="navbar-brand" href="demo-pizza-parlor.html">
|
|
<img src="images/demo-pizza-parlor-logo-white.png" data-at2x="images/demo-pizza-parlor-logo-white@2x.png" alt class="default-logo">
|
|
<img src="images/demo-pizza-parlor-logo-white.png" data-at2x="images/demo-pizza-parlor-logo-white@2x.png" alt class="alt-logo">
|
|
<img src="images/demo-pizza-parlor-logo-white.png" data-at2x="images/demo-pizza-parlor-logo-white@2x.png" alt class="mobile-logo">
|
|
</a>
|
|
</div>
|
|
<div class="col-auto col-lg-8 menu-order">
|
|
<button class="navbar-toggler float-end" 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 justify-content-between" id="navbarNav">
|
|
<ul class="navbar-nav navbar-left justify-content-end alt-font">
|
|
<li class="nav-item"><a href="demo-pizza-parlor.html" class="nav-link">Home</a></li>
|
|
<li class="nav-item"><a href="demo-pizza-parlor-about.html" class="nav-link">About</a></li>
|
|
<li class="nav-item"><a href="demo-pizza-parlor-menu.html" class="nav-link">Menu</a></li>
|
|
</ul>
|
|
<ul class="navbar-nav navbar-right justify-content-start alt-font">
|
|
<li class="nav-item"><a href="demo-pizza-parlor-chefs.html" class="nav-link">Chefs</a></li>
|
|
<li class="nav-item"><a href="demo-pizza-parlor-franchise.html" class="nav-link">Franchise</a></li>
|
|
<li class="nav-item"><a href="demo-pizza-parlor-contact.html" class="nav-link">contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto col-lg-2 text-end">
|
|
<div class="header-icon">
|
|
<div class="header-button">
|
|
<a href="demo-pizza-parlor-contact.html" class="btn btn-medium btn-rounded btn-black-transparent-light text-white btn-hover-animation-switch">
|
|
<span>
|
|
<span class="btn-text">Order online</span>
|
|
<span class="btn-icon"><i class="feather icon-feather-shopping-bag"></i></span>
|
|
<span class="btn-icon"><i class="feather icon-feather-shopping-bag"></i></span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
</header>
|
|
|
|
|
|
<section class="page-title-separate-breadcrumbs bg-dark-gray cover-background" style="background-image: url('images/demo-pizza-parlor-about-title-bg.jpg')">
|
|
<div class="container">
|
|
<div class="row align-items-center justify-content-center h-170px sm-h-200px sm-pt-20px">
|
|
<div class="col-12 position-relative text-center page-title-extra-large" data-anime="{ "el": "childs", "translateY": [15,0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
|
<h1 class="alt-font fw-600 text-uppercase ls-minus-2px text-white d-sm-inline-block align-middle mb-0">Our chefs</h1>
|
|
<h2 class="alt-font fw-100 text-uppercase text-yellow border-start border-2 xs-border-start-0 border-color-yellow d-sm-inline-block align-middle mb-0">We have popular masterchef</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="position-relative overflow-hidden md-pt-20px pb-0">
|
|
<div class="container">
|
|
<div class="row justify-content-center align-items-center">
|
|
<div class="col-lg-6 text-center md-mb-50px sm-mb-35px" data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)">
|
|
<img src="images/demo-pizza-parlor-chefs-01.jpg" alt />
|
|
</div>
|
|
<div class="col-md-11 col-lg-5 offset-lg-1 text-center text-lg-start" data-anime="{ "el": "childs", "translateY": [30,0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
|
<span class="fw-600 fs-22 alt-font text-base-color text-uppercase mb-15px d-block"><span class="w-40px xs-w-30px h-2px bg-red d-inline-block align-middle me-15px"></span>Masterchef's message</span>
|
|
<h2 class="h1 alt-font fw-700 text-dark-gray ls-minus-2px text-uppercase">Herman Miler</h2>
|
|
<span class="text-dark-gray fw-500 fs-19 w-75 d-block mb-10px lg-w-100">Unique and delicious dishes from the worlds best masterchefs.</span>
|
|
<p class="w-85 mb-30px lg-w-100">Lorem ipsum dolor amet consectetur pellentesque blandit ultrices purus suspendisse iaculis ultricies sagittis. Proin vulputate eleifend cras lacinia iaculis feugiat egestas neque sodales.</p>
|
|
<img src="images/demo-hotel-and-resort-home-10.png" alt>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="position-relative overflow-hidden">
|
|
<div class="position-absolute right-minus-10px top-150px d-none d-xl-block" data-bottom-top="transform: translateY(-180px)" data-top-bottom="transform: translateY(180px)">
|
|
<img src="images/demo-pizza-parlor-home-bg-02.jpg" alt>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row justify-content-center mb-7 sm-mb-40px">
|
|
<div class="col-12 align-items-center justify-content-center z-index-1 d-block d-md-flex text-center" data-anime="{ "el": "childs", "translateY": [15,0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
|
<span class="text-base-color fs-28 ls-minus-05px alt-font fw-300 border-end sm-border-end-0 border-color-transparent-dark-very-light pt-10px pb-10px pe-30px me-30px sm-pe-0 sm-me-0 text-uppercase">Meet our chef</span>
|
|
<h2 class="mb-0 alt-font text-dark-gray text-uppercase fw-700 ls-minus-1px">World's best chefs</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row row-cols-1 row-cols-lg-4 row-cols-md-3 row-cols-sm-2 mb-5 md-mb-8 sm-mb-0" data-anime="{ "el": "childs", "translateY": [15,0], "translateX": [-15,0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
|
|
|
<div class="col text-center team-style-01 mb-30px">
|
|
<figure class="mb-0 hover-box box-hover dark-hover position-relative">
|
|
<img src="images/team-38.jpg" alt />
|
|
<figcaption class="w-100 p-30px bg-white">
|
|
<div class="position-relative z-index-1 overflow-hidden">
|
|
<span class="fs-20 lh-26 fw-600 alt-font text-uppercase text-dark-gray d-block">John Richards</span>
|
|
<span class="text-light-opacity">Indian cuisine</span>
|
|
<div class="social-icon hover-text fs-19 mt-20px">
|
|
<a href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
|
|
<a href="https://www.instagram.com/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
|
|
<a href="https://www.twitter.com/" target="_blank"><i class="fa-brands fa-twitter"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="box-overlay bg-dark-gray"></div>
|
|
</figcaption>
|
|
</figure>
|
|
</div>
|
|
|
|
|
|
<div class="col text-center team-style-01 mb-30px">
|
|
<figure class="mb-0 hover-box box-hover dark-hover position-relative">
|
|
<img src="images/team-39.jpg" alt />
|
|
<figcaption class="w-100 p-30px bg-white">
|
|
<div class="position-relative z-index-1 overflow-hidden">
|
|
<span class="fs-20 lh-26 fw-600 alt-font text-uppercase text-dark-gray d-block">Marta Warner</span>
|
|
<span class="text-light-opacity">Mexico cuisine</span>
|
|
<div class="social-icon hover-text fs-19 mt-20px">
|
|
<a href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
|
|
<a href="https://www.instagram.com/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
|
|
<a href="https://www.twitter.com/" target="_blank"><i class="fa-brands fa-twitter"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="box-overlay bg-dark-gray"></div>
|
|
</figcaption>
|
|
</figure>
|
|
</div>
|
|
|
|
|
|
<div class="col text-center team-style-01 mb-30px">
|
|
<figure class="mb-0 hover-box box-hover dark-hover position-relative">
|
|
<img src="images/team-40.jpg" alt />
|
|
<figcaption class="w-100 p-30px bg-white">
|
|
<div class="position-relative z-index-1 overflow-hidden">
|
|
<span class="fs-20 lh-26 fw-600 alt-font text-uppercase text-dark-gray d-block">Queen ferrari</span>
|
|
<span class="text-light-opacity">France cuisine</span>
|
|
<div class="social-icon hover-text fs-19 mt-20px">
|
|
<a href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
|
|
<a href="https://www.instagram.com/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
|
|
<a href="https://www.twitter.com/" target="_blank"><i class="fa-brands fa-twitter"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="box-overlay bg-dark-gray"></div>
|
|
</figcaption>
|
|
</figure>
|
|
</div>
|
|
|
|
|
|
<div class="col text-center team-style-01 md-mb-30px">
|
|
<figure class="mb-0 hover-box box-hover dark-hover position-relative">
|
|
<img src="images/team-41.jpg" alt />
|
|
<figcaption class="w-100 p-30px bg-white">
|
|
<div class="position-relative z-index-1 overflow-hidden">
|
|
<span class="fs-20 lh-26 fw-600 alt-font text-uppercase text-dark-gray d-block">Antony Taylor</span>
|
|
<span class="text-light-opacity">Thailand cuisine</span>
|
|
<div class="social-icon hover-text fs-19 mt-20px">
|
|
<a href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
|
|
<a href="https://www.instagram.com/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
|
|
<a href="https://www.twitter.com/" target="_blank"><i class="fa-brands fa-twitter"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="box-overlay bg-dark-gray"></div>
|
|
</figcaption>
|
|
</figure>
|
|
</div>
|
|
|
|
|
|
<div class="col text-center team-style-01 md-mb-30px">
|
|
<figure class="mb-0 hover-box box-hover dark-hover position-relative">
|
|
<img src="images/team-42.jpg" alt />
|
|
<figcaption class="w-100 p-30px bg-white">
|
|
<div class="position-relative z-index-1 overflow-hidden">
|
|
<span class="fs-20 lh-26 fw-600 alt-font text-uppercase text-dark-gray d-block">Lucky Green</span>
|
|
<span class="text-light-opacity">Japan cuisine</span>
|
|
<div class="social-icon hover-text fs-19 mt-20px">
|
|
<a href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
|
|
<a href="https://www.instagram.com/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
|
|
<a href="https://www.twitter.com/" target="_blank"><i class="fa-brands fa-twitter"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="box-overlay bg-dark-gray"></div>
|
|
</figcaption>
|
|
</figure>
|
|
</div>
|
|
|
|
|
|
<div class="col text-center team-style-01 md-mb-30px">
|
|
<figure class="mb-0 hover-box box-hover dark-hover position-relative">
|
|
<img src="images/team-43.jpg" alt />
|
|
<figcaption class="w-100 p-30px bg-white">
|
|
<div class="position-relative z-index-1 overflow-hidden">
|
|
<span class="fs-20 lh-26 fw-600 alt-font text-uppercase text-dark-gray d-block">Taylor Habbant</span>
|
|
<span class="text-light-opacity">Greece cuisine</span>
|
|
<div class="social-icon hover-text fs-19 mt-20px">
|
|
<a href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
|
|
<a href="https://www.instagram.com/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
|
|
<a href="https://www.twitter.com/" target="_blank"><i class="fa-brands fa-twitter"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="box-overlay bg-dark-gray"></div>
|
|
</figcaption>
|
|
</figure>
|
|
</div>
|
|
|
|
|
|
<div class="col text-center team-style-01 xs-mb-30px">
|
|
<figure class="mb-0 hover-box box-hover dark-hover position-relative">
|
|
<img src="images/team-44.jpg" alt />
|
|
<figcaption class="w-100 p-30px bg-white">
|
|
<div class="position-relative z-index-1 overflow-hidden">
|
|
<span class="fs-20 lh-26 fw-600 alt-font text-uppercase text-dark-gray d-block">Sara Welch</span>
|
|
<span class="text-light-opacity">Indian cuisine</span>
|
|
<div class="social-icon hover-text fs-19 mt-20px">
|
|
<a href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
|
|
<a href="https://www.instagram.com/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
|
|
<a href="https://www.twitter.com/" target="_blank"><i class="fa-brands fa-twitter"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="box-overlay bg-dark-gray"></div>
|
|
</figcaption>
|
|
</figure>
|
|
</div>
|
|
|
|
|
|
<div class="col text-center team-style-01">
|
|
<figure class="mb-0 hover-box box-hover dark-hover position-relative">
|
|
<img src="images/team-45.jpg" alt />
|
|
<figcaption class="w-100 p-30px bg-white">
|
|
<div class="position-relative z-index-1 overflow-hidden">
|
|
<span class="fs-20 lh-26 fw-600 alt-font text-uppercase text-dark-gray d-block">Jemmy Smith</span>
|
|
<span class="text-light-opacity">Head chef</span>
|
|
<div class="social-icon hover-text fs-19 mt-20px">
|
|
<a href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
|
|
<a href="https://www.instagram.com/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
|
|
<a href="https://www.twitter.com/" target="_blank"><i class="fa-brands fa-twitter"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="box-overlay bg-dark-gray"></div>
|
|
</figcaption>
|
|
</figure>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<footer class="position-relative pb-0">
|
|
<div class="footer-bg background-position-center-top position-absolute h-100 w-100 top-0px left-0px z-index-minus-1" style="background-image: url('images/demo-pizza-parlor-home-bg-03.jpg')"></div>
|
|
<div class="container">
|
|
<div class="row mb-4 sm-mb-40px">
|
|
<div class="col-12 text-center">
|
|
<h4 class="text-white fw-300 mb-0 alt-font text-uppercase">Unforgettable home delivery experience <a href="tel:12345678910" class="text-white d-inline-block text-decoration-line-bottom-medium fw-600 pb-3px">+1 234 567 8910</a></h4>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center mb-5 md-mb-8 sm-mb-50px text-center text-sm-start">
|
|
|
|
<div class="col-lg-3 col-md-12 col-sm-6 text-md-center text-lg-start md-mb-30px last-paragraph-no-margin">
|
|
<a href="demo-pizza-parlor.html" class="footer-logo"><img src="images/demo-pizza-parlor-logo-white.png" data-at2x="images/demo-pizza-parlor-logo-white@2x.png" alt></a>
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6 last-paragraph-no-margin sm-mb-30px">
|
|
<span class="text-white fw-500">Find our restaurants</span>
|
|
<p class="w-80 lg-w-100">401 Broadway, 24th Floor New York, NY 10013</p>
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6 last-paragraph-no-margin xs-mb-30px">
|
|
<span class="text-white fw-500">Opening hours</span>
|
|
<p class="mb-0">Monday - Sunday</p>
|
|
<p>9:00 AM to 11:30 PM</p>
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6 last-paragraph-no-margin">
|
|
<span class="d-block text-white mb-10px fw-500">Connect with us</span>
|
|
<div class="elements-social social-icon-style-09">
|
|
<ul class="medium-icon light">
|
|
<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="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></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>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="pt-15px pb-15px md-pb-30px border-top border-color-transparent-white-light">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-7 text-center text-lg-start sm-mb-10px">
|
|
<ul class="footer-navbar fs-16">
|
|
<li class="nav-item"><a href="demo-pizza-parlor.html" class="nav-link">Home</a></li>
|
|
<li class="nav-item"><a href="demo-pizza-parlor-about.html" class="nav-link">About</a></li>
|
|
<li class="nav-item"><a href="demo-pizza-parlor-menu.html" class="nav-link">Menu</a></li>
|
|
<li class="nav-item"><a href="demo-pizza-parlor-chefs.html" class="nav-link">Chefs</a></li>
|
|
<li class="nav-item"><a href="demo-pizza-parlor-franchise.html" class="nav-link">Franchise</a></li>
|
|
<li class="nav-item"><a href="demo-pizza-parlor-contact.html" class="nav-link">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-5 fs-16 text-center text-lg-end last-paragraph-no-margin text-end">
|
|
<p>© 2024 Crafto is Proudly Powered by <a href="https://www.themezaa.com/" target="_blank" class="text-decoration-line-bottom text-white">ThemeZaa</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<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> |