<!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="Découvrez Level 1, votre coworking space en Tunisie proposant open space moderne, bureaux privés, salles de réunion équipées et espaces flexibles adaptés aux startups, entrepreneurs, freelances et entreprises recherchant un environnement de travail professionnel.">
<meta name="keywords" content="coworking Tunis, coworking space Tunisie, bureaux privés équipés, open space moderne, salle de réunion, salle de conférence, salle de formation, domiciliation entreprise, startup, freelances, entrepreneurs, entreprises, Tunis.">
<meta name="Robots" content="noindex, nofollow">
<title>Coworking Space Moderne avec Bureaux Privés, Salles de Réunion et Domiciliation</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">
<link rel="canonical" href="https://www.level1hub.com/Coworking-Space.html">
<link rel="alternate" hreflang="en" href="https://www.level1hub.com/Coworking-Space.html">
<link rel="alternate" hreflang="fr" href="https://www.level1hub.com/Coworking-Space-FR.html">
<link rel="alternate" hreflang="x-default" href="https://www.level1hub.com/Coworking-Space.html">
<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">
<h2 class="mbr-section-title mbr-fonts-style align-center m-0 display-2"><strong>Your Coworking Space</strong></h2>
</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">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>Pricing</strong> :</h3>
</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">
<h4 class="item-title mbr-fonts-style mb-0 display-5">
<strong>PACK x6</strong></h4>
<h5 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>198 DT </strong></h5>
</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">
<h2 class="mbr-fonts-style align-center mb-0 display-2">
<strong>Pack x6</strong></h2>
<h3 class="mbr-fonts-style align-center mb-0 mt-4 display-7">Please fill out the form to order:</h3>
</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">
<h4 class="item-title mbr-fonts-style mb-0 display-5"><strong>PACK PitStop</strong></h4>
<h5 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>399 DT </strong>/month</h5>
</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">
<h2 class="mbr-fonts-style align-center mb-0 display-2">
<strong>Pack PitStop</strong></h2>
<h3 class="mbr-fonts-style align-center mb-0 mt-4 display-7">Please fill out the form to order:</h3>
</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">
<h4 class="item-title mbr-fonts-style mb-0 display-5"><strong>PACK Home</strong></h4>
<h5 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>480 DT </strong>/month</h5>
</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">
<h2 class="mbr-fonts-style align-center mb-0 display-2">
<strong>Pack Home</strong></h2>
<h3 class="mbr-fonts-style align-center mb-0 mt-4 display-7">Please fill out the form to order:</h3>
</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">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Daily Prices</strong></h3>
</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">
<h4 class="item-title mbr-fonts-style mb-0 display-5">
<strong>Glass Hour</strong></h4>
<h5 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>8 DT </strong></h5>
</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">
<h4 class="item-title mbr-fonts-style mb-0 display-5">
<strong>Desk Hour</strong></h4>
<h5 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>12 DT </strong></h5>
</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">
<h4 class="item-title mbr-fonts-style mb-0 display-5"><strong>Student</strong></h4>
<h5 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7"><strong>20 DT</strong></h5>
</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">
<h4 class="item-title mbr-fonts-style mb-0 display-5">
<strong>1/2 Day</strong></h4>
<h5 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7"><strong>25 DT</strong></h5>
</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">
<h4 class="item-title mbr-fonts-style mb-0 display-5">
<strong>Tourist</strong></h4>
<h5 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>35 DT</strong></h5>
</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">
<h2 class="mbr-section-title mbr-fonts-style align-center m-0 display-2"><strong>Much more than a Coworking Space!</strong></h2>
</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">
<h2 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>They loved the space!</strong></h2>
</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">
<h2 class="card-title mbr-fonts-style mb-3 display-5">
<strong>Houssem Hedhly</strong></h2>
<h3 class="card-text mbr-fonts-style display-7">Lovely place for work with an amazing view of the lake</h3>
</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">
<h2 class="card-title mbr-fonts-style mb-3 display-5">
<strong>Maryem Maghrebi</strong></h2>
<h3 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.</h3>
</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">
<h2 class="card-title mbr-fonts-style mb-3 display-5">
<strong>Rayen TN</strong></h2>
<h3 class="card-text mbr-fonts-style display-7">An amazing Place to improve your focus level and work</h3>
</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">
<h2 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Contact Form</strong></h2>
<h3 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:</h3>
</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">
<h2 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Contact</strong></h2>
</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">
<h3 class="cardTitle mbr-fonts-style mb-2 display-5">
<strong>Contact Us</strong></h3>
<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:+21692672419" class="text-primary" style="font-size: 1.4rem;">+216 92 672 419</a> | <a href="tel:+21699487698" class="text-primary" style="font-size: 1.4rem;">+216 99 487 698</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 - 5: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>
