<!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="Réservez votre bureau B2B chez Level 1 en Tunisie : espaces professionnels modernes, flexibles et équipés pour entreprises, startups, équipes et entrepreneurs recherchant confort, confidentialité et environnement de travail premium.">
<meta name="keywords" content="B2B office Tunisia, office reservation Tunisia, business office rental, professional workspace Tunisia, office booking Tunisia, flexible office space, serviced office Tunisia, private office rental, startup office Tunisia, corporate workspace, business center Tunisia, Level 1 B2B office">
<meta name="Robots" content="nofollow, noindex">
<title>B2B Office Reservation | Professional Workspace in Tunisia - Level 1</title>
<link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
<link rel="stylesheet" href="assets/web/assets/mobirise-icons-bold/mobirise-icons-bold.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="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.0.0/css/flag-icons.min.css"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-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/B2B.html">
<link rel="alternate" hreflang="en" href="https://www.level1hub.com/B2B.html">
<link rel="alternate" hreflang="fr" href="https://www.level1hub.com/B2B.html">
<link rel="alternate" hreflang="x-default" href="https://www.level1hub.com/B2B.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-u4RqR1gyPS" once="menu" id="menu02-48">
<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="B2B-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="form5 cid-u4RqR1AXoF" id="form02-49">
<div class="mbr-overlay"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 content-head">
<div class="mbr-section-head mb-5">
<h1 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">Reservation: <br><strong>Office : B2B</strong></h1>
<h2 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-7">
<!-- Contacts Subtitle -->
</h2>
</div>
</div>
</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-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="date">
<input required type="text" name="date" class="form-control" placeholder="Specify "Date" and "Time"" id="date-form02-6">
</div>
<div class="col-12 form-group mb-3" data-for="textarea">
<textarea name="message" placeholder="Message" data-form-field="textarea" class="form-control" id="textarea-form02-6"></textarea>
<input type="hidden" name="pack" value="Office : B2B">
</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">Check Availability <i class="bi bi-cursor"></i></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>
</section>
<section data-bs-version="5.1" class="gallery1 mbr-gallery cid-u4RqR1UBq8" id="gallery01-4a">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 content-head">
<div class="mb-5">
<h1 class="mbr-section-title mbr-fonts-style align-center m-0 display-2"><strong>Check Out the Space :</strong></h1>
</div>
</div>
</div>
<div class="row mbr-gallery">
<div class="col-12 col-md-6 col-lg-6 item gallery-image">
<div class="item-wrapper mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbchBcUU-modal" data-bs-target="#umQbchBcUU-modal">
<img class="w-100" src="assets/images/20240306-73439-646x363.jpg" alt="Mobirise Website Builder" data-slide-to="0" data-bs-slide-to="0" data-target="#lb-umQbchBcUU" data-bs-target="#lb-umQbchBcUU">
<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-6 item gallery-image">
<div class="item-wrapper mb-3" data-toggle="modal" data-bs-toggle="modal" data-target="#umQbchBcUU-modal" data-bs-target="#umQbchBcUU-modal">
<img class="w-100" src="assets/images/02-646x431.jpg" alt="Mobirise Website Builder" data-slide-to="1" data-bs-slide-to="1" data-target="#lb-umQbchBcUU" data-bs-target="#lb-umQbchBcUU">
<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="umQbchBcUU-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-umQbchBcUU" 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/20240306-73439-646x363.jpg" alt="Mobirise Website Builder">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/02-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-umQbchBcUU" data-bs-target="#lb-umQbchBcUU"></li>
<li data-slide-to="1" data-bs-slide-to="1" data-target="#lb-umQbchBcUU" data-bs-target="#lb-umQbchBcUU"></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-umQbchBcUU">
<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-umQbchBcUU">
<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="features10 cid-u4RNmo3B0C" id="features010-4q">
<div class="container">
<div class="row">
<div class="item features-without-image col-12 col-md-6 col-lg-4">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper mb-3">
<span class="mbr-iconfont mobi-mbri-preview mobi-mbri"></span>
</div>
<h2 class="card-title mbr-fonts-style display-5">
<strong>Lake View</strong></h2>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-4">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper mb-3">
<span class="mbr-iconfont mobi-mbri-users mobi-mbri"></span>
</div>
<h2 class="card-title mbr-fonts-style display-5">
<strong>4 to 6 Persons</strong></h2>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-4">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper mb-3">
<span class="mbr-iconfont mobi-mbri-cloud mobi-mbri"></span>
</div>
<h2 class="card-title mbr-fonts-style display-5"><strong>Air-conditioned / Heated</strong></h2>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="header5 cid-u4RqR2Pf5k" id="header05-4c">
<div class="align-center container-fluid">
<div class="row justify-content-center">
<div class="col-md-12 content-head">
<h1 class="mbr-section-title mbr-fonts-style mb-4 display-2">
<strong>Your Need is Different ?</strong></h1>
<div class="mbr-section-btn mt-3"><a class="btn btn-warning display-7" href="Private-Office.html"><span class="mbrib-undo mbr-iconfont mbr-iconfont-btn"></span>Check Other Spaces </a></div>
</div>
</div>
<div class="row mt-5 justify-content-center">
</div>
</div>
</section>
<section data-bs-version="5.1" class="footer1 programm5 cid-u4RqR357RZ" once="footers" id="footer03-4d">
<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/theme/js/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>
</body>
</html>
