Outiref

Code source de l'URL : http://www.level1hub.com/FabLab.html

<!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>Level 1 Fab Lab | Innovation, Prototypage et Création Digitale en Tunisie</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="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-u68XRWNetW" once="menu" id="menu02-5z">
	

	<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="FabLab-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="article05 cid-umEJWjqfCd" id="article05-6m">
  

  
  

  <div class="container">
    <div class="row justify-content-center align-items-center">
      <div class="col-12">
        <div class="card-wrapper">
          <div class="row">
            <div class="col-12 col-md-12 col-lg-5 image-wrapper">
              <img class="w-100" src="assets/images/gamingzone2-1000x651.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>LEVEL1 FabLab - Where Ideas Take Shape</strong></h1>
                <p class="mbr-text mbr-fonts-style mb-4 display-7"><strong>Unleash the maker within!</strong> LEVEL1 FabLab is your one-stop shop for transforming ideas into reality.
<br>Whether you're a budding entrepreneur, a seasoned artist, or simply curious about the future of technology, our FabLab provides the tools, space, and support to bring your vision to life.
<br>
<br><strong>Imagine this:</strong> Sketching a revolutionary product, sculpting a one-of-a-kind piece of art, or designing a captivating virtual world - all within a collaborative environment brimming with innovation. At LEVEL1
<br>FabLab, you have access to cutting-edge equipment like laser cutters, vinyl cutters, and electronics
<br>kits, alongside expert guidance and workshops to empower your creative journey.<br>
                </p>
                
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section data-bs-version="5.1" class="features017 mbr-embla cid-u6k7C3wgbP" id="features017-68">
	
	
	<div class="position-relative">
		<div class="container-fluid">
			<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>Our Products</strong></h4>
						<h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-7">Discover the innovative products at LEVEL 1!</h5>
					</div>
				</div>
			</div>
		</div>

		<div class="embla mt-4" data-skip-snaps="true" data-align="center" data-contain-scroll="trimSnaps" data-loop="true" data-auto-play-interval="4" data-draggable="true">
			<div class="embla__viewport container-fluid">
				<div class="embla__container">
					
					
					
					
					
					
					<div class="embla__slide slider-image item active" style="margin-left: 0rem; margin-right: 0rem;">
						<div class="slide-content">
							<div class="item-img">
								<div class="item-wrapper">
									<img src="assets/images/3d-printer-600x600.jpg" alt="Mobirise Website Builder" title="" data-slide-to="7" data-bs-slide-to="7">
								</div>
							</div>
							<div class="item-content">
								<h5 class="item-title mbr-fonts-style display-5"><strong>3D Printer</strong></h5>
								
								<p class="mbr-text mbr-fonts-style mt-3 display-7">
									Print your ideas!
								</p>
							</div>
							<div class="mbr-section-btn item-footer mt-2">
								<!-- Button trigger modal -->
								<button type="button" class="btn btn-warning item-btn display-7" data-bs-toggle="modal" data-bs-target="#printer">
									Découvrir
								</button>
							</div>
						</div>
					</div>
					
					
					<div class="embla__slide slider-image item" style="margin-left: 0rem; margin-right: 0rem;">
						<div class="slide-content">
							<div class="item-img">
								<div class="item-wrapper">
									<img src="assets/images/face-capture-600x600.jpg" alt="Mobirise Website Builder" title="" data-slide-to="9" data-bs-slide-to="9">
								</div>
							</div>
							<div class="item-content">
								<h5 class="item-title mbr-fonts-style display-5"><strong>Face Capture</strong></h5>
								
								<p class="mbr-text mbr-fonts-style mt-3 display-7">
									Bring your characters to life! 
								</p>
							</div>
							<div class="mbr-section-btn item-footer mt-2">
								<!-- Button trigger modal -->
								<button type="button" class="btn btn-warning item-btn display-7" data-bs-toggle="modal" data-bs-target="#face">
									Découvrir
								</button>
							</div>
						</div>
					</div>
					
					
					<div class="embla__slide slider-image item" style="margin-left: 0rem; margin-right: 0rem;">
						<div class="slide-content">
							<div class="item-img">
								<div class="item-wrapper">
									<img src="assets/images/htc-vive-600x600.jpg" alt="Mobirise Website Builder" title="" data-slide-to="11" data-bs-slide-to="11">
								</div>
							</div>
							<div class="item-content">
								<h5 class="item-title mbr-fonts-style display-5"><strong>HTC VIVE</strong></h5>
								
								<p class="mbr-text mbr-fonts-style mt-3 display-7">
									Step into your creations!</p>
							</div>
							<div class="mbr-section-btn item-footer mt-2">
								<!-- Button trigger modal -->
								<button type="button" class="btn btn-warning item-btn display-7" data-bs-toggle="modal" data-bs-target="#vive">
									Découvrir
								</button>
							</div>
						</div>
					</div>
					
					<div class="embla__slide slider-image item" style="margin-left: 0rem; margin-right: 0rem;">
						<div class="slide-content">
							<div class="item-img">
								<div class="item-wrapper">
									<img src="assets/images/motion-capture-600x600.jpg" alt="Mobirise Website Builder" title="" data-slide-to="13" data-bs-slide-to="13">
								</div>
							</div>
							<div class="item-content">
								<h5 class="item-title mbr-fonts-style display-5"><strong>Motion Capture</strong></h5>
								
								<p class="mbr-text mbr-fonts-style mt-3 display-7">
									Move with freedom <br> and translate it into 3D!</p>
							</div>
							<div class="mbr-section-btn item-footer mt-2">
								<!-- Button trigger modal -->
								<button type="button" class="btn btn-warning item-btn display-7" data-bs-toggle="modal" data-bs-target="#motion">
									Découvrir
								</button>
							</div>
						</div>
					</div>
					
					<div class="embla__slide slider-image item" style="margin-left: 0rem; margin-right: 0rem;">
						<div class="slide-content">
							<div class="item-img">
								<div class="item-wrapper">
									<img src="assets/images/oculus-quast-600x600.jpg" alt="Mobirise Website Builder" title="" data-slide-to="14" data-bs-slide-to="14">
								</div>
							</div>
							<div class="item-content">
								<h5 class="item-title mbr-fonts-style display-5"><strong>Oculus Quest 2</strong></h5>
								
								<p class="mbr-text mbr-fonts-style mt-3 display-7">
									VR your way!</p>
							</div>
							<div class="mbr-section-btn item-footer mt-2">
								<!-- Button trigger modal -->
								<button type="button" class="btn btn-warning item-btn display-7" data-bs-toggle="modal" data-bs-target="#quest">
									Découvrir
								</button>
							</div>
						</div>
					</div>
					
					<div class="embla__slide slider-image item" style="margin-left: 0rem; margin-right: 0rem;">
						<div class="slide-content">
							<div class="item-img">
								<div class="item-wrapper">
									<img src="assets/images/oculus-rift-600x600.jpg" alt="Mobirise Website Builder" title="" data-slide-to="15" data-bs-slide-to="15">
								</div>
							</div>
							<div class="item-content">
								<h5 class="item-title mbr-fonts-style display-5"><strong>Oculus Rift</strong></h5>
								
								<p class="mbr-text mbr-fonts-style mt-3 display-7">
									VR your way!</p>
							</div>
							<div class="mbr-section-btn item-footer mt-2">
								<!-- Button trigger modal -->
								<button type="button" class="btn btn-warning item-btn display-7" data-bs-toggle="modal" data-bs-target="#rift">
									Découvrir
								</button>
							</div>
						</div>
					</div>
					
					<div class="embla__slide slider-image item" style="margin-left: 0rem; margin-right: 0rem;">
						<div class="slide-content">
							<div class="item-img">
								<div class="item-wrapper">
									<img src="assets/images/stucture-sensor3d-scanner-600x600.jpg" alt="Mobirise Website Builder" title="" data-slide-to="16" data-bs-slide-to="16">
								</div>
							</div>
							<div class="item-content">
								<h5 class="item-title mbr-fonts-style display-5"><strong>3D Scanner</strong></h5>
								
								<p class="mbr-text mbr-fonts-style mt-3 display-7">
									Replicate the real world in 3D!</p>
							</div>
							<div class="mbr-section-btn item-footer mt-2">
								<!-- Button trigger modal -->
								<button type="button" class="btn btn-warning item-btn display-7" data-bs-toggle="modal" data-bs-target="#scanner">
									Découvrir
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
			<button class="embla__button embla__button--prev">
				<span class="mobi-mbri mobi-mbri-arrow-prev mbr-iconfont" aria-hidden="true"></span>
				<span class="sr-only visually-hidden visually-hidden visually-hidden">Previous</span>
			</button>
			<button class="embla__button embla__button--next">
				<span class="mobi-mbri mobi-mbri-arrow-next mbr-iconfont" aria-hidden="true"></span>
				<span class="sr-only visually-hidden visually-hidden visually-hidden">Next</span>
			</button>
		</div>
	</div>
	<!-- Modal -->
	<div class="modal fade" id="design" tabindex="-1" aria-labelledby="designLabel" 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>
		  </div>
		</div>
	  </div>
<!-- Modal -->
<div class="modal fade" id="printer" tabindex="-1" aria-labelledby="printerLabel" 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="item features-image">
			<div class="item-wrapper">
				<div class="item-img">
					<img src="assets/images/3d-printer-1080x1080.jpg" alt="Mobirise Website Builder" data-slide-to="3" data-bs-slide-to="3">
				</div>
				<div class="item-content">
					<h5 class="item-title mbr-fonts-style text-center display-5"><strong>3D Printer</strong></h5>
					
					<p class="mbr-text mbr-fonts-style display-7"><strong>Print your ideas!</strong> <br> Transform your digital designs into physical reality with our 3D printer.
<br>Print functional prototypes, artistic creations, or custom-made objects directly from your digital
<br>models.<br>
					</p>
					
				</div>
			</div>
		</div>
      </div>
    </div>
  </div>
</div>
<!-- Modal -->
<div class="modal fade" id="face" tabindex="-1" aria-labelledby="faceLabel" 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="item features-image">
				<div class="item-wrapper">
					<div class="item-img">
						<img src="assets/images/face-capture-1080x1080.jpg" alt="Mobirise Website Builder" data-slide-to="6" data-bs-slide-to="6">
					</div>
					<div class="item-content">
						<h5 class="item-title mbr-fonts-style display-5 text-center">
							<strong>Face Capture</strong></h5>
						
						<p class="mbr-text mbr-fonts-style display-7"><strong>Bring your characters to life!</strong> Capture detailed facial expressions and emotions to
						<br>create realistic 3D models perfect for animation, gaming, or virtual reality projects.<br>
						</p>
						
					</div>
				</div>
			</div>
		</div>
	  </div>
	</div>
  </div>
<!-- Modal -->
<div class="modal fade" id="vive" tabindex="-1" aria-labelledby="viveLabel" 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="item features-image">
				<div class="item-wrapper">
					<div class="item-img">
						<img src="assets/images/htc-vive-1080x1080.jpg" alt="Mobirise Website Builder" data-slide-to="6" data-bs-slide-to="6">
					</div>
					<div class="item-content">
						<h5 class="item-title mbr-fonts-style display-5 text-center">
							<strong>HTC VIVE</strong></h5>
						
						<p class="mbr-text mbr-fonts-style display-7"><strong>Step into your creations!</strong> Experience the power of virtual reality with the HTC VIVE.
							<br>Explore your 3D models in a whole new dimension, navigate virtual worlds, and interact with your
							<br>designs in an immersive way.<br>
						</p>
						
					</div>
				</div>
			</div>
		</div>
	  </div>
	</div>
  </div>
  <!-- Modal -->
<div class="modal fade" id="motion" tabindex="-1" aria-labelledby="motionLabel" 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="item features-image">
				<div class="item-wrapper">
					<div class="item-img">
						<img src="assets/images/motion-capture-1080x1080.jpg" alt="Mobirise Website Builder" data-slide-to="10" data-bs-slide-to="10">
					</div>
					<div class="item-content">
						<h5 class="item-title mbr-fonts-style display-5 text-center">
							<strong>Motion Capture</strong></h5>
						
						<p class="mbr-text mbr-fonts-style display-7"><strong>Move with freedom and translate it into 3D!</strong> Record your movements in real-time
<br>and translate them into stunning 3D animations. Ideal for creating lifelike character animations or for
<br>analyzing and improving athletic performance.<br>
						</p>
						
					</div>
				</div>
			</div>
		</div>
	  </div>
	</div>
  </div>

    <!-- Modal -->
<div class="modal fade" id="quest" tabindex="-1" aria-labelledby="questLabel" 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="item features-image">
				<div class="item-wrapper">
					<div class="item-img">
						<img src="assets/images/oculus-quast-1080x1080.jpg" alt="Mobirise Website Builder" data-slide-to="11" data-bs-slide-to="11">
					</div>
					<div class="item-content">
						<h5 class="item-title mbr-fonts-style display-5 text-center"><strong>Oculus Quest 2</strong></h5>
						
						<p class="mbr-text mbr-fonts-style display-7"><strong>VR your way! </strong>Choose between the standalone Oculus Quest 2 for on-the-
<br>go VR experiences or the high-fidelity Oculus Rift for detailed design work and intensive VR<br>applications.<br>
						</p>
						
					</div>
				</div>
			</div>
		</div>
	  </div>
	</div>
  </div>

    <!-- Modal -->
	<div class="modal fade" id="rift" tabindex="-1" aria-labelledby="riftLabel" 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="item features-image">
					<div class="item-wrapper">
						<div class="item-img">
							<img src="assets/images/oculus-rift-1080x1080.jpg" alt="Mobirise Website Builder" data-slide-to="12" data-bs-slide-to="12">
						</div>
						<div class="item-content">
							<h5 class="item-title mbr-fonts-style display-5 text-center"><strong>Oculus Rift</strong></h5>
							
							<p class="mbr-text mbr-fonts-style display-7"><strong>VR your way!</strong> Choose between the standalone Oculus Quest 2 for on-the-
	<br>go VR experiences or the high-fidelity Oculus Rift for detailed design work and intensive VR<br>applications.<br>
							</p>
							
						</div>
					</div>
				</div>
			</div>
		  </div>
		</div>
	  </div>
    <!-- Modal -->
	<div class="modal fade" id="scanner" tabindex="-1" aria-labelledby="scannerLabel" 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="item features-image">
					<div class="item-wrapper">
						<div class="item-img">
							<img src="assets/images/stucture-sensor3d-scanner-1080x1080.jpg" alt="Mobirise Website Builder" data-slide-to="13" data-bs-slide-to="13">
						</div>
						<div class="item-content">
							<h5 class="item-title mbr-fonts-style display-5 text-center"><strong>3D Scanner</strong></h5>
							
							<p class="mbr-text mbr-fonts-style display-7"><strong>Replicate the real world in 3D! </strong>Capture the physical dimensions of objects with high
	<br>accuracy. Perfect for replicating existing objects, creating digital prototypes, or preserving historical
	<br>artifacts.<br>
							</p>
							
						</div>
					</div>
				</div>
			</div>
		  </div>
		</div>
	  </div>
</section>

<section data-bs-version="5.1" class="footer1 programm5 cid-u68XRZWdON" once="footers" id="footer03-67">

        

    

    <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/embla/embla.min.js"></script>  <script src="assets/embla/script.js"></script>  <script src="assets/theme/js/script.js"></script>  
  
  
  <input name="animation" type="hidden">
  </body>
</html>