429 lines
25 KiB
HTML
429 lines
25 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">Franchise</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">Business opportunities</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section class="pb-3 md-pb-5 sm-pb-30px md-pt-40px sm-pt-20px">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row row-cols-1 row-cols-lg-4 row-cols-md-2 row-cols-sm-2" data-anime="{ "el": "childs", "translateX": [-15,0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
||
|
|
|
||
|
|
<div class="col text-center process-step-style-02 hover-box last-paragraph-no-margin md-mb-50px">
|
||
|
|
<i class="line-icon-Notepad text-base-color icon-double-large mb-20px"></i>
|
||
|
|
<span class="fs-20 fw-600 alt-font text-dark-gray text-uppercase d-block mb-5px">Write application</span>
|
||
|
|
<p class="d-inline-block w-75 lg-w-100 md-w-80">Lorem ipsum is simply text printing typesetting.</p>
|
||
|
|
<div class="process-step-icon-box position-relative mt-30px">
|
||
|
|
<span class="progress-step-separator bg-dark-gray opacity-1 w-55 separator-line-1px"></span>
|
||
|
|
<div class="process-step-icon d-flex justify-content-center align-items-center mx-auto bg-very-light-gray fs-18 h-70px w-70px rounded-circle text-dark-gray alt-font fw-500">
|
||
|
|
<span class="number fw-600 position-relative z-index-1">01</span>
|
||
|
|
<div class="box-overlay bg-base-color rounded-circle"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="col text-center process-step-style-02 hover-box last-paragraph-no-margin md-mb-50px">
|
||
|
|
<i class="line-icon-Consulting text-base-color icon-double-large mb-20px"></i>
|
||
|
|
<span class="fs-20 fw-600 alt-font text-dark-gray text-uppercase d-block mb-5px">Phone Interview</span>
|
||
|
|
<p class="d-inline-block w-75 lg-w-100 md-w-80">Lorem ipsum is simply text printing typesetting.</p>
|
||
|
|
<div class="process-step-icon-box position-relative mt-30px">
|
||
|
|
<span class="progress-step-separator bg-dark-gray opacity-1 w-55 separator-line-1px"></span>
|
||
|
|
<div class="process-step-icon d-flex justify-content-center align-items-center mx-auto bg-very-light-gray fs-18 h-70px w-70px rounded-circle text-dark-gray alt-font fw-500">
|
||
|
|
<span class="number fw-600 position-relative z-index-1">02</span>
|
||
|
|
<div class="box-overlay bg-base-color rounded-circle"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="col text-center process-step-style-02 hover-box last-paragraph-no-margin xs-mb-50px">
|
||
|
|
<i class="line-icon-Conference text-base-color icon-double-large mb-20px"></i>
|
||
|
|
<span class="fs-20 fw-600 alt-font text-dark-gray text-uppercase d-block mb-5px">Panel Interview</span>
|
||
|
|
<p class="d-inline-block w-75 lg-w-100 md-w-80">Lorem ipsum is simply text printing typesetting.</p>
|
||
|
|
<div class="process-step-icon-box position-relative mt-30px">
|
||
|
|
<span class="progress-step-separator bg-dark-gray opacity-1 w-55 separator-line-1px"></span>
|
||
|
|
<div class="process-step-icon d-flex justify-content-center align-items-center mx-auto bg-very-light-gray fs-18 h-70px w-70px rounded-circle text-dark-gray alt-font fw-500">
|
||
|
|
<span class="number fw-600 position-relative z-index-1">03</span>
|
||
|
|
<div class="box-overlay bg-base-color rounded-circle"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="col text-center process-step-style-02 hover-box last-paragraph-no-margin">
|
||
|
|
<i class="line-icon-Shop text-base-color icon-double-large mb-20px"></i>
|
||
|
|
<span class="fs-20 fw-600 alt-font text-dark-gray text-uppercase d-block mb-5px">Open for business</span>
|
||
|
|
<p class="d-inline-block w-75 lg-w-100 md-w-80">Lorem ipsum is simply text printing typesetting.</p>
|
||
|
|
<div class="process-step-icon-box position-relative mt-30px">
|
||
|
|
<div class="process-step-icon d-flex justify-content-center align-items-center mx-auto bg-very-light-gray fs-18 h-70px w-70px rounded-circle text-dark-gray alt-font fw-500">
|
||
|
|
<span class="number fw-600 position-relative z-index-1">04</span>
|
||
|
|
<div class="box-overlay bg-base-color rounded-circle"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section class="pt-0 position-relative">
|
||
|
|
<div class="position-absolute left-0px top-10px z-index-1 d-none d-lg-block" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
|
||
|
|
<img src="images/demo-pizza-parlor-about-04.png" alt>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="row" data-anime="{ "el": "childs", "opacity": [0,1], "duration": 600, "delay": 100, "staggervalue": 200, "easing": "easeOutQuad" }">
|
||
|
|
<div class="col-12 text-center">
|
||
|
|
<div class="d-block d-md-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#network" class="text-base-color text-decoration-line-bottom-medium fw-700 section-link">Join the network</a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section class="bg-very-light-gray position-relative overflow-hidden">
|
||
|
|
<div class="d-none d-sm-inline-block position-absolute fs-350 xl-fs-300 lg-fs-275 md-fs-250 sm-fs-200 xs-fs-140 fw-600 ls-minus-10px sm-ls-minus-5px text-uppercase text-white alt-font left-0px right-0px text-center bottom-minus-100px md-bottom-minus-90px sm-bottom-minus-60px xs-bottom-minus-40px">franchise</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="row align-items-center justify-content-center mb-15 xs-mb-0">
|
||
|
|
<div class="col-lg-6 position-relative text-end md-mb-15 sm-mb-18">
|
||
|
|
<div class="text-end w-80 md-w-65" data-animation-delay="100" data-shadow-animation="true" data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)">
|
||
|
|
<img src="images/demo-pizza-parlor-franchise-01.jpg" alt class="border-radius-5px">
|
||
|
|
</div>
|
||
|
|
<div class="w-60 md-w-50 xs-w-55 overflow-hidden position-absolute right-15px bottom-minus-50px" data-shadow-animation="true" data-animation-delay="200" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
|
||
|
|
<img src="images/demo-pizza-parlor-franchise-02.jpg" alt class="border-radius-5px" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-5 offset-xl-1 col-md-10 xs-mt-10px" data-anime="{ "translateY": [0, 0], "opacity": [0,1], "duration": 600, "delay": 200, "staggervalue": 300, "easing": "easeOutQuad" }">
|
||
|
|
<div class="swiper slider-one-slide text-slider-style-01 magic-cursor base-color text-center text-lg-start" data-slider-options="{ "slidesPerView": 1, "loop": true, "pagination": { "el": ".slider-one-slide-pagination", "clickable": true }, "autoplay": { "delay": 4000, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-one-slide-next-1", "prevEl": ".slider-one-slide-prev-1" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }">
|
||
|
|
<div class="swiper-wrapper mb-10px">
|
||
|
|
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<span class="fw-600 fs-20 alt-font text-base-color text-uppercase mb-20px d-block"><span class="w-40px h-2px bg-red d-inline-block align-middle me-15px"></span>Best italian food for your family</span>
|
||
|
|
<h2 class="fw-700 ls-minus-1px alt-font text-uppercase text-dark-gray w-90 xl-w-100 mx-auto mx-lg-0">We always support to business growth.</h2>
|
||
|
|
<p class="d-inline-block w-90 xl-w-100">Our support center team provide the who dedication insight. Start a business in which the dealer speaks that will give advertising or deals plan, that a market the item or service, and that endeavor gainful.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<span class="fw-600 fs-20 alt-font text-base-color text-uppercase mb-20px d-block"><span class="w-40px h-2px bg-red d-inline-block align-middle me-15px"></span>Bigger network and a winning brand</span>
|
||
|
|
<h2 class="fw-700 ls-minus-1px alt-font text-uppercase text-dark-gray w-90 xl-w-100 mx-auto mx-lg-0">Outstanding brand and good network.</h2>
|
||
|
|
<p class="d-inline-block w-90 xl-w-100">Our support center team provide the who dedication insight. Start a business in which the dealer speaks that will give advertising or deals plan, that a market the item or service, and that endeavor gainful.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<span class="fw-600 fs-20 alt-font text-base-color text-uppercase mb-20px d-block"><span class="w-40px h-2px bg-red d-inline-block align-middle me-15px"></span>Franchise family lets you benefit</span>
|
||
|
|
<h2 class="fw-700 ls-minus-1px alt-font text-uppercase text-dark-gray w-90 xl-w-100 mx-auto mx-lg-0">The awesome pizza place in town!</h2>
|
||
|
|
<p class="d-inline-block w-90 xl-w-100">Our support center team provide the who dedication insight. Start a business in which the dealer speaks that will give advertising or deals plan, that a market the item or service, and that endeavor gainful.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="d-flex justify-content-center justify-content-lg-start">
|
||
|
|
|
||
|
|
<div class="slider-one-slide-prev-1 bg-white swiper-button-prev slider-navigation-style-04"><i class="bi bi-arrow-left-short icon-very-medium"></i></div>
|
||
|
|
<div class="slider-one-slide-next-1 bg-white swiper-button-next slider-navigation-style-04"><i class="bi bi-arrow-right-short icon-very-medium"></i></div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section class="overflow-hidden">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row align-items-center">
|
||
|
|
<div class="col-lg-6 md-mb-50px" data-anime="{ "el": "childs", "translateY": [15,0], "translateX": [15,0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
||
|
|
<h2 class="alt-font fw-700 ls-minus-1px text-uppercase text-dark-gray">Be your own king?</h2>
|
||
|
|
<p class="w-90 mb-35px lg-w-100">All about quality you can trust. As one of the original founding pizza brands and the 3rd largest pizza chain our sole mission.</p>
|
||
|
|
<div class="accordion accordion-style-06" id="accordion-style-07">
|
||
|
|
|
||
|
|
<div class="accordion-item active-accordion">
|
||
|
|
<div class="accordion-header">
|
||
|
|
<a href="demo-pizza-parlor-franchise.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-07-01" aria-expanded="true" data-bs-parent="#accordion-style-07">
|
||
|
|
<div class="accordion-title fs-20 text-uppercase position-relative pe-0 text-dark-gray alt-font mb-0">Who can become a franchise?</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div id="accordion-style-07-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-07">
|
||
|
|
<div class="accordion-body last-paragraph-no-margin">
|
||
|
|
<p>All about quality you can trust. As one of the original founding pizza brands and the 3rd largest pizza chain, our sole mission is making the freshest.</p>
|
||
|
|
<i class="line-icon-Sand-watch icon-extra-double-large opacity-2"></i>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="accordion-item">
|
||
|
|
<div class="accordion-header">
|
||
|
|
<a href="demo-pizza-parlor-franchise.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-07-02" aria-expanded="false" data-bs-parent="#accordion-style-07">
|
||
|
|
<div class="accordion-title fs-20 text-uppercase position-relative pe-0 text-dark-gray alt-font mb-0">Why to pay franchise fee?</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div id="accordion-style-07-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-07">
|
||
|
|
<div class="accordion-body last-paragraph-no-margin">
|
||
|
|
<p>All about quality you can trust. As one of the original founding pizza brands and the 3rd largest pizza chain, our sole mission is making the freshest.</p>
|
||
|
|
<i class="line-icon-Car-Wheel icon-extra-double-large opacity-2"></i>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="accordion-item">
|
||
|
|
<div class="accordion-header">
|
||
|
|
<a href="demo-pizza-parlor-franchise.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-07-03" aria-expanded="false" data-bs-parent="#accordion-style-07">
|
||
|
|
<div class="accordion-title fs-20 text-uppercase position-relative pe-0 text-dark-gray alt-font mb-0">Is a franchise business profitable?</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div id="accordion-style-07-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-07">
|
||
|
|
<div class="accordion-body last-paragraph-no-margin">
|
||
|
|
<p>All about quality you can trust. As one of the original founding pizza brands and the 3rd largest pizza chain, our sole mission is making the freshest.</p>
|
||
|
|
<i class="line-icon-Gear-2 icon-extra-double-large opacity-2"></i>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xl-5 offset-xl-1 col-lg-6">
|
||
|
|
|
||
|
|
<div class="outside-box-right-35 position-relative">
|
||
|
|
<img src="images/demo-pizza-parlor-franchise-03.png" alt />
|
||
|
|
<div class="bg-base-color video-icon-box video-icon-medium feature-box-icon-rounded position-absolute top-100px left-100px sm-top-10 sm-left-5 mt-10 ms-10 w-40px h-40px sm-w-35px sm-h-35px rounded-circle d-flex align-items-center justify-content-center" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-html="true" title="<span class=tooltip-title>Crafto - New York</span><p class=m-0>401 Broadway, 24th Floor, Orchard View, New York</p>">
|
||
|
|
<span>
|
||
|
|
<span class="video-icon">
|
||
|
|
<span class="bg-base-color w-100 h-100 border-radius-100 text-center d-flex align-items-center justify-content-center">
|
||
|
|
<i class="fa-solid fa-location-dot m-0 text-white icon-small"></i>
|
||
|
|
</span>
|
||
|
|
<span class="video-icon-sonar">
|
||
|
|
<span class="video-icon-sonar-bfr bg-base-color"></span>
|
||
|
|
<span class="video-icon-sonar-bfr bg-base-color"></span>
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div class="bg-base-color video-icon-box video-icon-medium feature-box-icon-rounded position-absolute bottom-120px sm-bottom-25 start-50 ms-1 w-40px h-40px sm-w-35px sm-h-35px rounded-circle d-flex align-items-center justify-content-center" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-html="true" title="<span class=tooltip-title>Crafto - Canada</span><p class=m-0>2839 lalemant view road, Niagara falls, Canada</p>">
|
||
|
|
<span>
|
||
|
|
<span class="video-icon">
|
||
|
|
<span class="w-100 h-100 bg-base-color border-radius-100 d-flex align-items-center justify-content-center">
|
||
|
|
<i class="fa-solid fa-location-dot m-0 text-white icon-small"></i>
|
||
|
|
</span>
|
||
|
|
<span class="video-icon-sonar">
|
||
|
|
<span class="video-icon-sonar-bfr bg-base-color"></span>
|
||
|
|
<span class="video-icon-sonar-bfr bg-base-color"></span>
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section id="network" class="bg-very-light-gray">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row justify-content-center mb-5 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">How we can help you?</span>
|
||
|
|
<h2 class="mb-0 alt-font text-dark-gray text-uppercase fw-700 ls-minus-1px">Share your details</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row row-cols-md-1 justify-content-center mb-9 sm-mb-0">
|
||
|
|
<div class="col-xl-9 col-lg-10" data-anime="{ "el": "childs", "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }">
|
||
|
|
<form action="email-templates/contact-form.php" method="post" class="row contact-form-style-02">
|
||
|
|
<div class="col-md-6 mb-25px">
|
||
|
|
<label class="form-label fs-14 text-uppercase text-dark-gray fw-600">Your name*</label>
|
||
|
|
<input class="border-0 box-shadow-large border-radius-4px form-control required" type="text" name="name" placeholder="What's your good name?" />
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6 mb-25px">
|
||
|
|
<label class="form-label fs-14 text-uppercase text-dark-gray fw-600">Your email address*</label>
|
||
|
|
<input class="border-0 box-shadow-large border-radius-4px form-control required" type="email" name="email" placeholder="Enter your email address" />
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6 mb-25px">
|
||
|
|
<label class="form-label fs-14 text-uppercase text-dark-gray fw-600">Your phone number*</label>
|
||
|
|
<input class="border-0 box-shadow-large border-radius-4px form-control required" type="tel" name="phone" placeholder="Enter your phone number" />
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6 mb-25px">
|
||
|
|
<label class="form-label fs-14 text-uppercase text-dark-gray fw-600">Your subject</label>
|
||
|
|
<input class="border-0 box-shadow-large border-radius-4px form-control" type="text" name="subject" placeholder="How can we help you?" />
|
||
|
|
</div>
|
||
|
|
<div class="col-md-12 mb-35px">
|
||
|
|
<label class="form-label fs-14 text-uppercase text-dark-gray fw-600">Your message</label>
|
||
|
|
<textarea class="border-0 box-shadow-large border-radius-4px form-control" cols="40" rows="4" name="comment" placeholder="Describe about your message"></textarea>
|
||
|
|
</div>
|
||
|
|
<div class="col-xxl-6 col-lg-7 col-md-8">
|
||
|
|
<p class="mb-0 fs-14 lh-26 text-center text-md-start">We are committed to protecting your privacy. We will never collect information about you without your explicit consent.</p>
|
||
|
|
</div>
|
||
|
|
<div class="col-xxl-6 col-lg-5 col-md-4 text-center text-md-end sm-mt-20px">
|
||
|
|
<input type="hidden" name="redirect" value>
|
||
|
|
<button class="btn btn-dark-gray btn-medium btn-box-shadow btn-round-edge submit" type="submit">send message</button>
|
||
|
|
</div>
|
||
|
|
<div class="col-12">
|
||
|
|
<div class="form-results mt-20px d-none"></div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</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>
|