<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/326474618-1046594523398177-490547605697347288-n-128x128.png" type="image/x-icon">
<meta name="description" content="">
<title>Coworking Space</title>
<link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/animatecss/animate.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="stylesheet" href="assets/gallery/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.0.0/css/flag-icons.min.css"/>
<link rel="preload" href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"></noscript>
<link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "vy6vamvdrm");
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-18038549875">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-18038549875');
</script>
</head>
<body>
<section data-bs-version="5.1" class="menu menu2 cid-u4cxBxXgfW" once="menu" id="menu02-2q">
<nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
<div class="container">
<div class="navbar-brand">
<span class="navbar-logo">
<a href="index.html">
<img src="assets/images/logo-level-1-4-108x42.png" alt="Mobirise Website Builder" style="height: 3.4rem;">
</a>
</span>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item">
<a class="nav-link link text-black text-primary display-4" href="Coworking-Space.html">Coworking</a>
</li>
<li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="Incubator.html">Incubator</a></li><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="Events.html">Events</a></li><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="FabLab.html">FabLab</a></li><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="contact.html">Contact</a></li><li class="nav-item d-flex align-items-center"><a class="nav-link link display-4" href="Coworking-Space-FR.html"><span class="fi fi-fr"></span></a></li></ul>
<div class="navbar-buttons mbr-section-btn"><a class="btn btn-warning display-4" href="Book-a-Space.html">Book a Space</a></div>
</div>
</div>
</nav>
</section>
<section data-bs-version="5.1" class="article4 cid-u64Rbi1hPN" id="article04-5o">
<div class="mbr-overlay" style="opacity: 0.8; background-color: rgb(255, 255, 255);"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-12 col-lg-6 image-wrapper">
<img class="w-100" src="assets/images/03-1036x691.jpg" alt="Mobirise Website Builder">
</div>
<div class="col-12 col-md-12 col-lg">
<div class="text-wrapper align-left">
<h1 class="mbr-section-title mbr-fonts-style mb-4 display-5"><strong>LEVEL1 Coworking - Work Your Way, Boost Your Productivity</strong></h1>
<p class="mbr-text mbr-fonts-style mb-4 display-7"><strong>LEVEL1 Coworking</strong> provides the perfect workspace for individuals, startups, and businesses of all sizes. <br><br>Our flexible membership options allow you to choose the space and amenities that best suit your needs. <br><br>Whether you need a dedicated desk, a shared workspace, or a meeting room, we have you covered.</p>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="gallery1 mbr-gallery cid-umFrNkNRff" id="gallery02-6s">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12 content-head">
<div class="mbr-section-head mb-5">
<h3 class="mbr-section-title mbr-fonts-style align-center m-0 display-2"><strong>Your Coworking Space</strong></h3>
</div>
</div>
</div>
<div class="row mbr-gallery mbr-masonry" data-masonry="{"percentPosition": true }">
<div class="col-12 col-md-6 col-lg-3 item gallery-image active">
<div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbf8FHZ-modal" data-bs-target="#umQbbf8FHZ-modal">
<img class="w-100" src="assets/images/coworking/a.jpg" alt="Mobirise Website Builder" data-slide-to="0" data-bs-slide-to="0" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbf8FHZ-modal" data-bs-target="#umQbbf8FHZ-modal">
<img class="w-100" src="assets/images/coworking/b.jpg" alt="Mobirise Website Builder" data-slide-to="1" data-bs-slide-to="1" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbf8FHZ-modal" data-bs-target="#umQbbf8FHZ-modal">
<img class="w-100" src="assets/images/coworking/c.jpg" alt="Mobirise Website Builder" data-slide-to="2" data-bs-slide-to="2" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div><div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbf8FHZ-modal" data-bs-target="#umQbbf8FHZ-modal">
<img class="w-100" src="assets/images/coworking/d.jpg" alt="Mobirise Website Builder" data-slide-to="3" data-bs-slide-to="3" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbf8FHZ-modal" data-bs-target="#umQbbf8FHZ-modal">
<img class="w-100" src="assets/images/coworking/e.jpg" alt="Mobirise Website Builder" data-slide-to="4" data-bs-slide-to="4" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbf8FHZ-modal" data-bs-target="#umQbbf8FHZ-modal">
<img class="w-100" src="assets/images/coworking/f.jpg" alt="Mobirise Website Builder" data-slide-to="5" data-bs-slide-to="5" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbf8FHZ-modal" data-bs-target="#umQbbf8FHZ-modal">
<img class="w-100" src="assets/images/coworking/g.jpg" alt="Mobirise Website Builder" data-slide-to="6" data-bs-slide-to="6" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbf8FHZ-modal" data-bs-target="#umQbbf8FHZ-modal">
<img class="w-100" src="assets/images/coworking/h.jpg" alt="Mobirise Website Builder" data-slide-to="7" data-bs-slide-to="7" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbf8FHZ-modal" data-bs-target="#umQbbf8FHZ-modal">
<img class="w-100" src="assets/images/coworking/i.jpg" alt="Mobirise Website Builder" data-slide-to="8" data-bs-slide-to="8" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbf8FHZ-modal" data-bs-target="#umQbbf8FHZ-modal">
<img class="w-100" src="assets/images/coworking/j.jpg" alt="Mobirise Website Builder" data-slide-to="9" data-bs-slide-to="9" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
</div>
<div class="modal mbr-slider" tabindex="-1" role="dialog" aria-hidden="true" id="umQbbf8FHZ-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="carousel slide" id="lb-umQbbf8FHZ" data-interval="5000" data-bs-interval="5000">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="assets/images/coworking/a.jpg" alt="Mobirise Website Builder">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/coworking/b.jpg" alt="Mobirise Website Builder">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/coworking/c.jpg" alt="Mobirise Website Builder">
</div><div class="carousel-item">
<img class="d-block w-100" src="assets/images/coworking/d.jpg" alt="Mobirise Website Builder">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/coworking/e.jpg" alt="Mobirise Website Builder">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/coworking/f.jpg" alt="Mobirise Website Builder">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/coworking/g.jpg" alt="Mobirise Website Builder">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/coworking/h.jpg" alt="Mobirise Website Builder">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/coworking/i.jpg" alt="Mobirise Website Builder">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/coworking/j.jpg" alt="Mobirise Website Builder">
</div>
</div>
<ol class="carousel-indicators">
<li data-slide-to="0" data-bs-slide-to="0" class="active" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ"></li>
<li data-slide-to="1" data-bs-slide-to="1" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ"></li>
<li data-slide-to="2" data-bs-slide-to="2" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ"></li>
<li data-slide-to="3" data-bs-slide-to="3" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ"></li>
<li data-slide-to="4" data-bs-slide-to="4" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ"></li>
<li data-slide-to="5" data-bs-slide-to="5" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ"></li>
<li data-slide-to="6" data-bs-slide-to="6" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ"></li>
<li data-slide-to="7" data-bs-slide-to="7" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ"></li>
<li data-slide-to="8" data-bs-slide-to="8" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ"></li>
<li data-slide-to="9" data-bs-slide-to="9" data-target="#lb-umQbbf8FHZ" data-bs-target="#lb-umQbbf8FHZ"></li>
</ol>
<a role="button" href="" class="close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="Close">
</a>
<a class="carousel-control-prev carousel-control" role="button" data-slide="prev" data-bs-slide="prev" href="#lb-umQbbf8FHZ">
<span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span>
<span class="sr-only visually-hidden">Previous</span>
</a>
<a class="carousel-control-next carousel-control" role="button" data-slide="next" data-bs-slide="next" href="#lb-umQbbf8FHZ">
<span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span>
<span class="sr-only visually-hidden">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="pricing1 cid-u4cyuV48KQ" id="pricing01-33">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 content-head">
<div class="mbr-section-head mb-5">
<h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>Pricing</strong> :</h4>
</div>
</div>
</div>
<div class="row mt-4">
<div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb active">
<div class="item-wrapper">
<div class="item-head">
<h5 class="item-title mbr-fonts-style mb-0 display-5">
<strong>PACK x6</strong></h5>
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>180 DT </strong></h6>
</div>
<div class="item-content">
<p class="mbr-text mbr-fonts-style display-7">Access : 6 Days<br><br>Validity : 1 Month</p>
</div>
<div class="mbr-section-btn item-footer">
<!-- Button trigger modal -->
<button type="button" class="btn item-btn btn-warning display-7" data-bs-toggle="modal" data-bs-target="#packX6">Order Now !</button>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="packX6" tabindex="-1" aria-labelledby="packX6Label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content border rounded" style="height: auto !important;">
<div class="modal-body">
<div class="mb-5">
<h3 class="mbr-fonts-style align-center mb-0 display-2">
<strong>Pack x6</strong></h3>
<h4 class="mbr-fonts-style align-center mb-0 mt-4 display-7">Please fill out the form to order:</h4>
</div>
<div class="row justify-content-center mt-4">
<div class="col-lg-8 mx-auto mbr-form">
<form id="order-form" class="mbr-form form-with-styler" data-form-title="Form Name">
<div class="dragArea row">
<div class="col-12 form-group mb-3" data-for="name">
<input required type="text" name="user_name" placeholder="Name" data-form-field="name" class="form-control" id="name-form02-6">
</div>
<div class="col-12 form-group mb-3" data-for="email">
<input required type="email" name="user_email" placeholder="Email" data-form-field="email" class="form-control" value="" id="email-form02-6">
</div>
<div class="col-12 form-group mb-3" data-for="phone">
<input required type="tel" name="user_phone" placeholder="Phone Number" data-form-field="phone" class="form-control" value="" id="phone-form02-6">
</div>
<div class="col-12 form-group mb-3" data-for="date">
<input required type="date" name="date" data-date-format="DD MMMM YYYY" data-form-field="date" class="form-control" value="" id="date-form02-6">
<input type="hidden" name="pack" value="Pack x6">
</div>
<div class="col-12 form-group mb-3" data-for="textarea">
<textarea required name="message" placeholder="Message" data-form-field="textarea" class="form-control" id="textarea-form02-6"></textarea>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 align-center mbr-section-btn">
<button type="submit" class="btn btn-warning display-7" id="submitButton">
<div id="submitText">Order!</div>
<div id="spinner" class="spinner-border text-light" role="status" style="display: none;">
<span class="visually-hidden">Loading...</span>
</div>
<i id="successIcon" class="bi bi-check fs-3" style="display: none;"></i>
<i id="errorIcon" class="bi bi-x-circle fs-3" style="display: none;"></i>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="item-head">
<h5 class="item-title mbr-fonts-style mb-0 display-5"><strong>PACK PitStop</strong></h5>
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>380 DT </strong>/month</h6>
</div>
<div class="item-content">
<p class="mbr-text mbr-fonts-style display-7">Access : 60H / Months<br><br>Validity : 1 Month</p>
</div>
<div class="mbr-section-btn item-footer">
<!-- Button trigger modal -->
<button type="button" class="btn item-btn btn-warning display-7" data-bs-toggle="modal" data-bs-target="#packPitstop">Order Now !</button>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="packPitstop" tabindex="-1" aria-labelledby="packPitstopLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content border rounded" style="height: auto !important;">
<div class="modal-body">
<div class="mb-5">
<h3 class="mbr-fonts-style align-center mb-0 display-2">
<strong>Pack PitStop</strong></h3>
<h4 class="mbr-fonts-style align-center mb-0 mt-4 display-7">Please fill out the form to order:</h4>
</div>
<div class="row justify-content-center mt-4">
<div class="col-lg-8 mx-auto mbr-form">
<form id="order-form3" class="mbr-form form-with-styler" data-form-title="Form Name">
<div class="dragArea row">
<div class="col-12 form-group mb-3" data-for="name">
<input required type="text" name="user_name" placeholder="Name" data-form-field="name" class="form-control" id="name-form02-6">
</div>
<div class="col-12 form-group mb-3" data-for="email">
<input required type="email" name="user_email" placeholder="Email" data-form-field="email" class="form-control" value="" id="email-form02-6">
</div>
<div class="col-12 form-group mb-3" data-for="phone">
<input required type="tel" name="user_phone" placeholder="Phone Number" data-form-field="phone" class="form-control" value="" id="phone-form02-6">
</div>
<div class="col-12 form-group mb-3" data-for="date">
<input required type="date" name="date" data-date-format="DD MMMM YYYY" data-form-field="date" class="form-control" value="" id="date-form02-6">
<input type="hidden" name="pack" value="Pack PitStop">
</div>
<div class="col-12 form-group mb-3" data-for="textarea">
<textarea required name="message" placeholder="Message" data-form-field="textarea" class="form-control" id="textarea-form02-6"></textarea>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 align-center mbr-section-btn">
<button type="submit" class="btn btn-warning display-7" id="submitButton">
<div id="submitText3">Order!</div>
<div id="spinner3" class="spinner-border text-light" role="status" style="display: none;">
<span class="visually-hidden">Loading...</span>
</div>
<i id="successIcon3" class="bi bi-check fs-3" style="display: none;"></i>
<i id="errorIcon3" class="bi bi-x-circle fs-3" style="display: none;"></i>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="item-head">
<h5 class="item-title mbr-fonts-style mb-0 display-5"><strong>PACK Home</strong></h5>
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>450 DT </strong>/month</h6>
</div>
<div class="item-content">
<p class="mbr-text mbr-fonts-style display-7">
Access : 24/7<br><br>Validity : 1 Month</p>
</div>
<div class="mbr-section-btn item-footer">
<!-- Button trigger modal -->
<button type="button" class="btn item-btn btn-warning display-7" data-bs-toggle="modal" data-bs-target="#packHome">Order Now !</button>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="packHome" tabindex="-1" aria-labelledby="packHomeLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content border rounded" style="height: auto !important;">
<div class="modal-body">
<div class="mb-5">
<h3 class="mbr-fonts-style align-center mb-0 display-2">
<strong>Pack Home</strong></h3>
<h4 class="mbr-fonts-style align-center mb-0 mt-4 display-7">Please fill out the form to order:</h4>
</div>
<div class="row justify-content-center mt-4">
<div class="col-lg-8 mx-auto mbr-form">
<form id="order-form4" class="mbr-form form-with-styler" data-form-title="Form Name">
<div class="dragArea row">
<div class="col-12 form-group mb-3" data-for="name">
<input required type="text" name="user_name" placeholder="Name" data-form-field="name" class="form-control" id="name-form02-6">
</div>
<div class="col-12 form-group mb-3" data-for="email">
<input required type="email" name="user_email" placeholder="Email" data-form-field="email" class="form-control" value="" id="email-form02-6">
</div>
<div class="col-12 form-group mb-3" data-for="phone">
<input required type="tel" name="user_phone" placeholder="Phone Number" data-form-field="phone" class="form-control" value="" id="phone-form02-6">
</div>
<div class="col-12 form-group mb-3" data-for="date">
<input required type="date" name="date" data-date-format="DD MMMM YYYY" data-form-field="date" class="form-control" value="" id="date-form02-6">
<input type="hidden" name="pack" value="Pack Home">
</div>
<div class="col-12 form-group mb-3" data-for="textarea">
<textarea required name="message" placeholder="Message" data-form-field="textarea" class="form-control" id="textarea-form02-6"></textarea>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 align-center mbr-section-btn">
<button type="submit" class="btn btn-warning display-7" id="submitButton">
<div id="submitText4">Order!</div>
<div id="spinner4" class="spinner-border text-light" role="status" style="display: none;">
<span class="visually-hidden">Loading...</span>
</div>
<i id="successIcon4" class="bi bi-check fs-3" style="display: none;"></i>
<i id="errorIcon4" class="bi bi-x-circle fs-3" style="display: none;"></i>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="pricing1 cid-u64O94gwlP" id="pricing01-5n">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 content-head">
<div class="mbr-section-head mb-5">
<h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Daily Prices</strong></h4>
</div>
</div>
</div>
<div class="row mt-4 justify-content-center">
<div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb active">
<div class="item-wrapper">
<div class="item-head">
<h5 class="item-title mbr-fonts-style mb-0 display-5">
<strong>Glass Hour</strong></h5>
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>8 DT </strong></h6>
</div>
<div class="item-content">
<p class="mbr-text mbr-fonts-style display-7">Access: 1 Hour<br></p>
</div>
<div class="mbr-section-btn item-footer"><a href="https://maps.app.goo.gl/nf6aGSANpymRLpCX9" class="btn item-btn btn-success-outline display-7">On Site</a></div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb active">
<div class="item-wrapper">
<div class="item-head">
<h5 class="item-title mbr-fonts-style mb-0 display-5">
<strong>Desk Hour</strong></h5>
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>12 DT </strong></h6>
</div>
<div class="item-content">
<p class="mbr-text mbr-fonts-style display-7">Access: 1 Hour<br></p>
</div>
<div class="mbr-section-btn item-footer"><a href="https://maps.app.goo.gl/nf6aGSANpymRLpCX9" class="btn item-btn btn-success-outline display-7">On Site</a></div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb">
<div class="item-wrapper">
<div class="item-head">
<h5 class="item-title mbr-fonts-style mb-0 display-5"><strong>Student</strong></h5>
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7"><strong>20 DT</strong></h6>
</div>
<div class="item-content">
<p class="mbr-text mbr-fonts-style display-7">Access: 8H / Day<br></p>
</div>
<div class="mbr-section-btn item-footer"><a href="https://maps.app.goo.gl/nf6aGSANpymRLpCX9" class="btn item-btn btn-success-outline display-7">On Site</a></div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb">
<div class="item-wrapper">
<div class="item-head">
<h5 class="item-title mbr-fonts-style mb-0 display-5">
<strong>1/2 Day</strong></h5>
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7"><strong>25 DT</strong></h6>
</div>
<div class="item-content">
<p class="mbr-text mbr-fonts-style display-7">
Access: 6H / Day<br></p>
</div>
<div class="mbr-section-btn item-footer"><a href="https://maps.app.goo.gl/nf6aGSANpymRLpCX9" class="btn item-btn btn-success-outline display-7">On Site</a></div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb">
<div class="item-wrapper">
<div class="item-head">
<h5 class="item-title mbr-fonts-style mb-0 display-5">
<strong>Tourist</strong></h5>
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>35 DT</strong></h6>
</div>
<div class="item-content">
<p class="mbr-text mbr-fonts-style display-7">Access: 8H / Day<br></p>
</div>
<div class="mbr-section-btn item-footer"><a class="btn item-btn btn-success-outline display-7" href="https://maps.app.goo.gl/nf6aGSANpymRLpCX9">On Site</a></div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="gallery1 mbr-gallery cid-u4cxQ5c57c" id="gallery01-31">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12 content-head">
<div class="mb-5">
<h3 class="mbr-section-title mbr-fonts-style align-center m-0 display-2"><strong>Much more than a Coworking Space!</strong></h3>
</div>
</div>
</div>
<div class="row mbr-gallery">
<div class="col-12 col-md-6 col-lg-3 item gallery-image active">
<div class="item-wrapper mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbgwXF4-modal" data-bs-target="#umQbbgwXF4-modal">
<img class="w-100" src="assets/images/03-646x431.jpg" alt="Mobirise Website Builder" data-slide-to="0" data-bs-slide-to="0" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbgwXF4-modal" data-bs-target="#umQbbgwXF4-modal">
<img class="w-100" src="assets/images/coworking-space-646x431.png" alt="Mobirise Website Builder" data-slide-to="1" data-bs-slide-to="1" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbgwXF4-modal" data-bs-target="#umQbbgwXF4-modal">
<img class="w-100" src="assets/images/dsc-266-646x431.jpg" alt="Mobirise Website Builder" data-slide-to="2" data-bs-slide-to="2" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbgwXF4-modal" data-bs-target="#umQbbgwXF4-modal">
<img class="w-100" src="assets/images/dsc-308-646x431.jpg" alt="Mobirise Website Builder" data-slide-to="3" data-bs-slide-to="3" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbgwXF4-modal" data-bs-target="#umQbbgwXF4-modal">
<img class="w-100" src="assets/images/dsc-291-646x431.jpg" alt="Mobirise Website Builder" data-slide-to="4" data-bs-slide-to="4" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbgwXF4-modal" data-bs-target="#umQbbgwXF4-modal">
<img class="w-100" src="assets/images/07-646x363.jpg" alt="Mobirise Website Builder" data-slide-to="5" data-bs-slide-to="5" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbgwXF4-modal" data-bs-target="#umQbbgwXF4-modal">
<img class="w-100" src="assets/images/coworking-space-level1-photo-logo-646x431.png" alt="Mobirise Website Builder" data-slide-to="6" data-bs-slide-to="6" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div><div class="col-12 col-md-6 col-lg-3 item gallery-image">
<div class="item-wrapper mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbbgwXF4-modal" data-bs-target="#umQbbgwXF4-modal">
<img class="w-100" src="assets/images/04-646x431.jpg" alt="Mobirise Website Builder" data-slide-to="7" data-bs-slide-to="7" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4">
<div class="icon-wrapper">
<span class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"></span>
</div>
</div>
</div>
</div>
<div class="modal mbr-slider" tabindex="-1" role="dialog" aria-hidden="true" id="umQbbgwXF4-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="carousel slide" data-pause="false" data-bs-pause="false" id="lb-umQbbgwXF4" data-ride="carousel" data-bs-ride="carousel" data-interval="5000" data-bs-interval="5000">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="assets/images/03-646x431.jpg" alt="Mobirise Website Builder">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/coworking-space-646x431.png" alt="Mobirise Website Builder">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/dsc-266-646x431.jpg" alt="Mobirise Website Builder">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/dsc-308-646x431.jpg" alt="Mobirise Website Builder">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/dsc-291-646x431.jpg" alt="Mobirise Website Builder">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/07-646x363.jpg" alt="Mobirise Website Builder">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/coworking-space-level1-photo-logo-646x431.png" alt="Mobirise Website Builder">
</div><div class="carousel-item">
<img class="d-block w-100" src="assets/images/04-646x431.jpg" alt="Mobirise Website Builder">
</div>
</div>
<ol class="carousel-indicators">
<li data-slide-to="0" data-bs-slide-to="0" class="active" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4"></li>
<li data-slide-to="1" data-bs-slide-to="1" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4"></li>
<li data-slide-to="2" data-bs-slide-to="2" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4"></li>
<li data-slide-to="3" data-bs-slide-to="3" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4"></li>
<li data-slide-to="4" data-bs-slide-to="4" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4"></li>
<li data-slide-to="5" data-bs-slide-to="5" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4"></li>
<li data-slide-to="6" data-bs-slide-to="6" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4"></li>
<li data-slide-to="7" data-bs-slide-to="7" data-target="#lb-umQbbgwXF4" data-bs-target="#lb-umQbbgwXF4"></li>
</ol>
<a role="button" href="" class="close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="Close">
</a>
<a class="carousel-control-prev carousel-control" role="button" data-slide="prev" data-bs-slide="prev" href="#lb-umQbbgwXF4">
<span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span>
<span class="sr-only visually-hidden">Previous</span>
</a>
<a class="carousel-control-next carousel-control" role="button" data-slide="next" data-bs-slide="next" href="#lb-umQbbgwXF4">
<span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span>
<span class="sr-only visually-hidden">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="header1 cid-u4cxBBh6s0" id="header01-2w">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-12 col-lg-7 image-wrapper">
<img class="w-100" src="assets/images/03-1156x867.png" alt="Mobirise Website Builder">
</div>
<div class="col-12 col-lg col-md-12">
<div class="text-wrapper align-left">
<h1 class="mbr-section-title mbr-fonts-style mb-4 display-2"><strong>"Inspiring Views, Unparalleled Productivity"<br></strong><br></h1>
<p class="mbr-text mbr-fonts-style mb-4 display-7">Work in a bright space and enjoy a stunning view of the city/nature every morning. <br><br>Our coworking offers you a stimulating environment that promotes concentration and creativity, without sacrificing the friendly atmosphere.</p>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="features15 cid-u4cxBBBujh" id="features015-2x">
<div class="container">
<div class="mbr-section-head mb-5">
<h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>They loved the space!</strong></h4>
</div>
<div class="row justify-content-center">
<div class="item features-without-image col-12 col-lg-4 active">
<div class="item-wrapper">
<div class="img-wrapper">
<img src="assets/images/capture-dcran-2024-08-29-113728-95x92.png" alt="Mobirise Website Builder" data-slide-to="0" data-bs-slide-to="0">
</div>
<div class="card-box">
<h4 class="card-title mbr-fonts-style mb-3 display-5">
<strong>Houssem Hedhly</strong></h4>
<h5 class="card-text mbr-fonts-style display-7">Lovely place for work with an amazing view of the lake</h5>
</div>
</div>
</div><div class="item features-without-image col-12 col-lg-4">
<div class="item-wrapper">
<div class="img-wrapper">
<img src="assets/images/capture-dcran-2024-08-29-aa-179x174.png" alt="Mobirise Website Builder" data-slide-to="1" data-bs-slide-to="1">
</div>
<div class="card-box">
<h4 class="card-title mbr-fonts-style mb-3 display-5">
<strong>Maryem Maghrebi</strong></h4>
<h5 class="card-text mbr-fonts-style display-7">The greatest place to study or work if you need some calm, a great view and some friendly staff. You can also get your money's worth in coffee.</h5>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-lg-4">
<div class="item-wrapper">
<div class="img-wrapper">
<img src="assets/images/capture-dcran-2024-08-29-a114113-179x163.png" alt="Mobirise Website Builder" data-slide-to="1" data-bs-slide-to="1">
</div>
<div class="card-box">
<h4 class="card-title mbr-fonts-style mb-3 display-5">
<strong>Rayen TN</strong></h4>
<h5 class="card-text mbr-fonts-style display-7">An amazing Place to improve your focus level and work</h5>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="form5 cid-tJS9pBcTSa" id="form02-6">
<div class="container">
<div class="mbr-section-head mb-5">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Contact Form</strong></h3>
<h4 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-7">Please fill out the form to get in touch with our team:</h4>
</div>
<div class="row justify-content-center mt-4">
<div class="col-lg-8 mx-auto mbr-form">
<form id="contact-form" class="mbr-form form-with-styler" data-form-title="Form Name">
<div class="dragArea row">
<div class="col-md col-sm-12 form-group mb-3" data-for="name">
<input required type="text" name="user_name" placeholder="Name" data-form-field="name" class="form-control" id="name-form02-6">
</div>
<div class="col-md col-sm-12 form-group mb-3" data-for="email">
<input required type="email" name="user_email" placeholder="Email" data-form-field="email" class="form-control" value="" id="email-form02-6">
</div>
<div class="col-12 form-group mb-3" data-for="phone">
<input required type="tel" name="user_phone" placeholder="Phone Number" data-form-field="phone" class="form-control" value="" id="phone-form02-6">
</div>
<div class="col-12 form-group mb-3" data-for="textarea">
<textarea required name="message" placeholder="Message" data-form-field="textarea" class="form-control" id="textarea-form02-6"></textarea>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 align-center mbr-section-btn">
<button type="submit" class="btn btn-warning display-7" id="submitButton">
<div id="submitText5">Send</div>
<div id="spinner5" class="spinner-border text-light" role="status" style="display: none;">
<span class="visually-hidden">Loading...</span>
</div>
<i id="successIcon5" class="bi bi-check fs-3" style="display: none;"></i>
<i id="errorIcon5" class="bi bi-x-circle fs-3" style="display: none;"></i>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="contacts2 map1 cid-umPEJSoMix" id="contacts02-6z">
<div class="container">
<div class="mbr-section-head mb-5">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Contact</strong></h3>
</div>
<div class="row justify-content-center mt-4">
<div class="card col-12 col-md-5">
<div class="card-wrapper">
<div class="text-wrapper">
<h5 class="cardTitle mbr-fonts-style mb-2 display-5">
<strong>Contact Us</strong></h5>
<ul class="list mbr-fonts-style display-7">
<li class="mbr-text item-wrap"><span style="font-size: 1.4rem;">Phone: </span><a href="tel:+12345678910" class="text-primary" style="font-size: 1.4rem;">+216 70 037 520</a></li>
<li class="mbr-text item-wrap">Email: <a href="mailto:info@site.com" class="text-primary">level1hub@gmail.com</a></li><li class="mbr-text item-wrap"><br></li>
<li class="mbr-text item-wrap">Address : </li><li class="mbr-text item-wrap">Boulevard cheikh zaid, Tunis, Tunisia</li><li class="mbr-text item-wrap"><br></li><li class="mbr-text item-wrap"><span style="font-size: 1.4rem;">Working Hours :</span><br></li><li class="mbr-text item-wrap"><strong>🕧 For Co-Workers : 24/7 ✅</strong></li><li class="mbr-text item-wrap"><br></li><li class="mbr-text item-wrap"><strong>🏢 Administration :</strong></li><li class="mbr-text item-wrap">Monday-Friday : 8:00AM - 8:00PM</li><li class="mbr-text item-wrap">Saturday : 8:00 AM - 12:00 PM</li><li class="mbr-text item-wrap">Sunday : Closed</li>
</ul>
</div>
</div>
</div>
<div class="map-wrapper col-12 col-md-7">
<div class="google-map"><iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12773.908224260429!2d10.2255591!3d36.8310493!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12fd3519c496d4d3%3A0x80f3289b8fdbecd6!2sLEVEL%201!5e0!3m2!1sen!2stn!4v1707740821919!5m2!1sen!2stn" allowfullscreen=""></iframe></div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="footer1 programm5 cid-u4cxBCP6G1" once="footers" id="footer03-30">
<div class="container">
<div class="row">
<div class="row-links mb-4">
<ul class="header-menu">
<li class="header-menu-item mbr-fonts-style display-5"><a href="index.html#header01-7" class="text-danger text-primary">About</a></li><li class="header-menu-item mbr-fonts-style display-5"><a href="index.html#features04-w" class="text-danger text-primary">Services</a></li><li class="header-menu-item mbr-fonts-style display-5"><a href="contact.html" class="text-danger text-primary">Contact</a></li></ul>
</div>
<div class="col-12">
<div class="social-row">
<div class="soc-item">
<a href="https://www.facebook.com/Level1Hub/" target="_blank">
<span class="mbr-iconfont display-7 socicon-facebook socicon"></span>
</a>
</div>
<div class="soc-item">
<a href="https://www.instagram.com/levelonehub/" target="_blank">
<span class="mbr-iconfont socicon-instagram socicon"></span>
</a>
</div>
<div class="soc-item">
<a href="https://www.youtube.com/@level1hub567" target="_blank">
<span class="mbr-iconfont socicon-youtube socicon"></span>
</a>
</div>
<div class="soc-item">
<a href="https://www.linkedin.com/company/level-1-hub/" target="_blank">
<span class="mbr-iconfont socicon-linkedin socicon"></span>
</a>
</div>
</div>
</div>
<div class="col-12 mt-5">
<p class="mbr-fonts-style copyright display-7">
© Copyright 2024 Level 1 - All Rights Reserved
</p>
</div>
</div>
</div>
</section>
<script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/ytplayer/index.js"></script> <script src="assets/dropdown/js/navbar-dropdown.js"></script> <script src="assets/masonry/masonry.pkgd.min.js"></script> <script src="assets/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="assets/theme/js/script.js"></script> <script src="assets/gallery/player.min.js"></script> <script src="assets/gallery/script.js"></script> <script src="assets/formoid/formoid.min.js"></script>
<input name="animation" type="hidden">
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js">
</script>
<script type="text/javascript">
(function(){
emailjs.init({
publicKey: "trJ-vrcoHZ5MFrApq",
});
})();
</script>
<script>
document.getElementById('order-form').addEventListener('submit', function(event) {
event.preventDefault();
const alertPlaceholder = document.getElementById('liveAlertPlaceholder')
document.getElementById('successIcon').style.display = 'none';
document.getElementById('errorIcon').style.display = 'none';
document.getElementById('submitText').style.display = 'none';
document.getElementById('spinner').style.display = 'block';
emailjs.sendForm('service_iseis3v', 'template_4r1jz9j', this)
.then((response) => {
console.log('SUCCESS!', response.status, response.text);
document.getElementById('successIcon').style.display = 'inline';
document.getElementById('spinner').style.display = 'none';},
(error) => {
console.log('FAILED...', error);
document.getElementById('spinner').style.display = 'none';
document.getElementById('errorIcon').style.display = 'inline';},);
});
</script>
<script>
document.getElementById('order-form2').addEventListener('submit', function(event) {
event.preventDefault();
const alertPlaceholder = document.getElementById('liveAlertPlaceholder')
document.getElementById('successIcon2').style.display = 'none';
document.getElementById('errorIcon2').style.display = 'none';
document.getElementById('submitText2').style.display = 'none';
document.getElementById('spinner2').style.display = 'block';
emailjs.sendForm('service_iseis3v', 'template_4r1jz9j', this)
.then((response) => {
console.log('SUCCESS!', response.status, response.text);
document.getElementById('successIcon2').style.display = 'inline';
document.getElementById('spinner2').style.display = 'none';},
(error) => {
console.log('FAILED...', error);
document.getElementById('spinner2').style.display = 'none';
document.getElementById('errorIcon2').style.display = 'inline';},);
});
</script>
<script>
document.getElementById('order-form3').addEventListener('submit', function(event) {
event.preventDefault();
const alertPlaceholder = document.getElementById('liveAlertPlaceholder')
document.getElementById('successIcon3').style.display = 'none';
document.getElementById('errorIcon3').style.display = 'none';
document.getElementById('submitText3').style.display = 'none';
document.getElementById('spinner3').style.display = 'block';
emailjs.sendForm('service_iseis3v', 'template_4r1jz9j', this)
.then((response) => {
console.log('SUCCESS!', response.status, response.text);
document.getElementById('successIcon3').style.display = 'inline';
document.getElementById('spinner3').style.display = 'none';},
(error) => {
console.log('FAILED...', error);
document.getElementById('spinner3').style.display = 'none';
document.getElementById('errorIcon3').style.display = 'inline';},);
});
</script>
<script>
document.getElementById('order-form4').addEventListener('submit', function(event) {
event.preventDefault();
const alertPlaceholder = document.getElementById('liveAlertPlaceholder')
document.getElementById('successIcon4').style.display = 'none';
document.getElementById('errorIcon4').style.display = 'none';
document.getElementById('submitText4').style.display = 'none';
document.getElementById('spinner4').style.display = 'block';
emailjs.sendForm('service_iseis3v', 'template_4r1jz9j', this)
.then((response) => {
console.log('SUCCESS!', response.status, response.text);
document.getElementById('successIcon4').style.display = 'inline';
document.getElementById('spinner4').style.display = 'none';},
(error) => {
console.log('FAILED...', error);
document.getElementById('spinner4').style.display = 'none';
document.getElementById('errorIcon4').style.display = 'inline';},);
});
</script>
<script>
document.getElementById('contact-form').addEventListener('submit', function(event) {
event.preventDefault();
const alertPlaceholder = document.getElementById('liveAlertPlaceholder')
document.getElementById('successIcon5').style.display = 'none';
document.getElementById('errorIcon5').style.display = 'none';
document.getElementById('submitText5').style.display = 'none';
document.getElementById('spinner5').style.display = 'block';
emailjs.sendForm('service_iseis3v', 'template_8uhb5ag', this)
.then((response) => {
console.log('SUCCESS!', response.status, response.text);
document.getElementById('successIcon5').style.display = 'inline';
document.getElementById('spinner5').style.display = 'none';},
(error) => {
console.log('FAILED...', error);
document.getElementById('spinner5').style.display = 'none';
document.getElementById('errorIcon5').style.display = 'inline';},);
});
</script>
</body>
</html>
