<!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>Reservation : B2B Office</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">
<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">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">Reservation: <br><strong>Office : B2B</strong></h3>
<h4 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-7">
<!-- Contacts Subtitle -->
</h4>
</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">
<h3 class="mbr-section-title mbr-fonts-style align-center m-0 display-2"><strong>Check Out the Space :</strong></h3>
</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>
<h5 class="card-title mbr-fonts-style display-5">
<strong>Lake View</strong></h5>
</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>
<h5 class="card-title mbr-fonts-style display-5">
<strong>4 to 6 Persons</strong></h5>
</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>
<h5 class="card-title mbr-fonts-style display-5"><strong>Air-conditioned / Heated</strong></h5>
</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>
