235 lines
14 KiB
HTML
235 lines
14 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">Contact us</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">Let's get in touch</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="md-pt-40px sm-pt-20px">
|
|
<div class="container">
|
|
<div class="row align-items-center mb-10 md-mb-15 sm-mb-40px">
|
|
<div class="col-xl-3 col-lg-4 text-center text-md-start" data-anime="{ "el": "childs", "translateY": [15,0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
|
<h3 class="alt-font fw-700 text-uppercase ls-minus-2px sm-ls-minus-1px text-dark-gray w-95 md-w-100 text-center text-lg-start">We'd Love to hear from you.</h3>
|
|
<div class="row" data-anime="{ "el": "childs", "translateY": [15,0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
|
<div class="col-lg-12 col-md-4 mb-30px">
|
|
<span class="fs-20 fw-600 alt-font text-dark-gray text-uppercase d-block mb-5px ls-minus-05px">Feel free to get in touch?</span>
|
|
<p class="w-90 mb-15px md-w-100">401 Broadway, 24th Floor,<br> Orchard View, London</p>
|
|
<a href="https://www.google.com/maps?ll=-37.805688,144.962312&z=16&t=m&hl=en-US&gl=IN&mapclient=embed&cid=13153204942596594449" target="_blank" class="btn btn-medium btn-round-edge btn-dark-gray left-icon"><i class="feather icon-feather-map-pin"></i>Get directions</a>
|
|
</div>
|
|
<div class="col-lg-12 col-md-4 mb-30px">
|
|
<span class="fs-20 fw-600 alt-font text-dark-gray text-uppercase d-block mb-5px ls-minus-05px">Let's talk with us?</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 class="col-lg-12 col-md-4 md-mb-30px">
|
|
<span class="fs-20 fw-600 alt-font text-dark-gray text-uppercase d-block mb-5px ls-minus-05px">How can we help you?</span>
|
|
<div><a href="cdn-cgi/l/email-protection.html#9cf5f2faf3dce5f3e9eef8f3f1fdf5f2b2fff3f1"><span class="__cf_email__" data-cfemail="375e595158774e58424553585a565e591954585a">[email protected]</span></a></div>
|
|
<div><a href="cdn-cgi/l/email-protection.html#e9818c8599a990869c9b8d8684888087c78a8684"><span class="__cf_email__" data-cfemail="cba3aea7bb8bb2a4beb9afa4a6aaa2a5e5a8a4a6">[email protected]</span></a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-8 offset-xl-1 col-lg-8 position-relative" data-anime="{ "el": "childs", "translateY": [15,0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
|
<div class="w-70 lg-w-80 sm-mb-30px sm-w-100"><img src="images/demo-pizza-parlor-contact-01.jpg" class="border-radius-6px w-100" alt></div>
|
|
<div class="contact-form-style-03 position-absolute overflow-hidden right-15px right-minus-15px bottom-minus-50px w-400px border-radius-6px background-repeat background-position-left-top p-60px lg-p-30px sm-position-relative sm-w-100 sm-left-0px sm-bottom-0px" style="background-image: url('images/demo-pizza-parlor-contact-bg-01.jpg')">
|
|
<h2 class="fw-700 alt-font text-uppercase text-white mb-20px fancy-text-style-4 ls-minus-1px">Say
|
|
<span data-fancy-text="{ "effect": "rotate", "string": ["hello!", "hallå!", "salve!"] }"></span>
|
|
</h2>
|
|
<form action="email-templates/contact-form.php" method="post">
|
|
<div class="position-relative form-group mb-15px">
|
|
<span class="form-icon"><i class="bi bi-emoji-smile text-white opacity-5"></i></span>
|
|
<input class="ps-0 border-radius-0px border-color-transparent-white-very-light form-control placeholder-light required text-white opacity-5" type="text" name="name" placeholder="Your name*" />
|
|
</div>
|
|
<div class="position-relative form-group mb-15px">
|
|
<span class="form-icon"><i class="bi bi-envelope text-white opacity-5"></i></span>
|
|
<input class="ps-0 border-radius-0px border-bottom border-color-transparent-white-very-light form-control placeholder-light required text-white opacity-5" type="email" name="email" placeholder="Your email address*" />
|
|
</div>
|
|
<div class="position-relative form-group form-textarea mt-15px mb-0">
|
|
<textarea class="ps-0 border-radius-0px border-bottom border-color-transparent-white-very-light form-control placeholder-light text-white opacity-5" name="comment" placeholder="Your message" rows="3"></textarea>
|
|
<span class="form-icon"><i class="bi bi-chat-square-dots text-white opacity-5"></i></span>
|
|
<input type="hidden" name="redirect" value>
|
|
<button class="btn btn-medium btn-round-edge btn-white btn-slide-right mt-25px submit" type="submit">Send message<span class="bg-base-color"></span>
|
|
</button>
|
|
<div class="form-results mt-20px d-none"></div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 text-center">
|
|
<div class="d-inline-block align-middle me-10px">
|
|
<img src="images/demo-pizza-parlor-home-icon-01.svg" class="h-60px" alt>
|
|
</div>
|
|
<div class="fs-28 alt-font text-uppercase ls-minus-1px text-dark-gray d-inline-block align-middle">Looking for a franchise that focuses on quality food? <a href="demo-pizza-parlor-franchise.html" class="text-base-color text-decoration-line-bottom-medium fw-700 section-link">Join the network</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="p-0">
|
|
<div class="container-fluid p-0">
|
|
<div class="row g-0">
|
|
<div class="col-12">
|
|
<div id="map" class="map h-700px md-h-500px sm-h-400px" data-map-options="{ "lat": -37.805688, "lng": 144.962312, "style": "Silver", "marker": { "type": "HTML", "color": "#bd3723" }, "popup": { "defaultOpen": true, "html": "<div class=infowindow><strong class=\"mb-3 d-inline-block alt-font\">Crafto Pizza Parlor</strong><p class=\"\">16122 Collins street, Melbourne, Australia</p></div><div class=\"google-maps-link alt-font\"> <a aria-label=\"View larger map\" target=\"_blank\" jstcache=\"31\" href=\"https://maps.google.com/maps?ll=-37.805688,144.962312&z=17&t=m&hl=en-US&gl=IN&mapclient=embed&cid=13153204942596594449\" jsaction=\"mouseup:placeCard.largerMap\">VIEW LARGER MAP</a></div>" } }"></div>
|
|
</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 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 async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCA56KqSJ11nQUw_tXgXyNMiPmQeM7EaSA&callback=initMap"></script>
|
|
<script type="text/javascript" src="js/main.js"></script>
|
|
</body>
|
|
</html> |