Outiref

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

<!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>Home</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/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">
</head>
<body>
<div id="liveAlertPlaceholder"></div>
  <section data-bs-version="5.1" class="menu menu2 cid-tJS6tZXiPa" once="menu" id="menu02-0">
	

	<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="index-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="header10 cid-u6328T5xES" id="header10-5k">
  
  <div class="mbr-overlay"></div>
  <div class="container-fluid">
    <div class="row">
      <div class="content-wrap col-12 col-md-9">
        <h1 class="mbr-section-title mbr-fonts-style mbr-white mb-4 display-1"><strong>Level 1</strong><div style="font-size:medium;">Since 2017</div><div>Unlock&nbsp;Your Potential</div></h1>
        
        <p class="mbr-fonts-style mbr-text mbr-white mb-4 display-7"></p>
        <div class="mbr-section-btn"><a class="btn btn-warning display-7" href="index.html#features04-w">Discover our Services</a></div>
      </div>
    </div>
  </div>
</section>

<section data-bs-version="5.1" class="header1 cid-tJS9vXDdRK" id="header01-7">
	

	
	

	<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/dsc-308-1476x984.jpg" 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>Unleash Your Productivity at LEVEL1: The Future of Coworking</strong></h1>
					<p class="mbr-text mbr-fonts-style mb-4 display-7"><strong>Located in Lac 1, Tunis, LEVEL1 is your one-stop shop for flexible workspaces.</strong> We pioneered a revolutionary coworking concept in Tunisia: <strong>work on your terms.</strong><br><br> No reservations, just show up, grab a seat, and unleash your creativity. Plus, enjoy unlimited coffee, juice, tea, and snacks to fuel your workday.</p>
					<div class="mbr-section-btn mt-3"><a class="btn btn-warning display-7" href="index.html#form02-6">Contact Us</a></div>
				</div>
			</div>
		</div>
	</div>
</section>

<section data-bs-version="5.1" class="features4 cid-tMlEXTHLbS" id="features04-w">
	
	
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-12 content-head">
				<div class="mbr-section-head mb-5">
					<h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>Our Services</strong></h4>
					<h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-7">A multitude of combined advantages:</h5>
					
				</div>
			</div>
		</div>
		<div class="row">
			<div class="item features-image col-12 col-md-6 col-lg-3 active">
				<div class="item-wrapper">
					<div class="item-img">
						<img src="assets/images/11-596x1060.jpg" alt="Mobirise Website Builder" data-slide-to="0" data-bs-slide-to="0">
					</div>
					<div class="item-content">
						<h5 class="item-title mbr-fonts-style display-5">
							<strong>Coworking Space</strong></h5>
						
						<p class="mbr-text mbr-fonts-style display-7"><strong>Work Your Way:</strong><strong><br></strong> Unleash your productivity in our vibrant coworking space. Flexible access, pay-per-use model, and top-notch amenities keep you focused and fueled.</p>
						<div class="mbr-section-btn item-footer"><a href="Coworking-Space.html" class="btn item-btn btn-warning display-7">Discover More</a></div>
					</div>
				</div>
			</div><div class="item features-image col-12 col-md-6 col-lg-3">
				<div class="item-wrapper">
					<div class="item-img">
						<img src="assets/images/06-596x447.png" alt="Mobirise Website Builder" data-slide-to="1" data-bs-slide-to="1">
					</div>
					<div class="item-content">
						<h5 class="item-title mbr-fonts-style display-5">
							<strong>Incubator</strong></h5>
						
						<p class="mbr-text mbr-fonts-style display-7"><strong>Grow Your Startup:</strong><strong><br></strong> Our incubator program provides the resources, mentorship, and community to turn your ideas into reality. Launch your business with confidence.</p>
						<div class="mbr-section-btn item-footer"><a href="Incubator.html" class="btn item-btn btn-warning display-7">Discover More</a></div>
					</div>

				</div>
			</div>
			
			<div class="item features-image col-12 col-md-6 col-lg-3">
				<div class="item-wrapper">
					<div class="item-img">
						<img src="assets/images/file008847-596x397.jpg" alt="Mobirise Website Builder" data-slide-to="2" data-bs-slide-to="2">
					</div>
					<div class="item-content">
						<h5 class="item-title mbr-fonts-style display-5">
							<strong>Events</strong>
						</h5>
						
						<p class="mbr-text mbr-fonts-style display-7"><strong>Connect &amp; Create:</strong><strong><br></strong> Fuel your creativity and network with like-minded individuals at our inspiring events. Find workshops, conferences, and more.<br>
						</p>
						<div class="mbr-section-btn item-footer"><a href="Events.html" class="btn item-btn btn-warning display-7">Discover More</a></div>
					</div>
				</div>
			</div><div class="item features-image col-12 col-md-6 col-lg-3">
				<div class="item-wrapper">
					<div class="item-img">
						<img src="assets/images/img-7077-596x404.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 display-5">
							<strong>FabLab</strong></h5>
						
						<p class="mbr-text mbr-fonts-style display-7"><strong>Make It Happen:</strong> <br>Turn your ideas into tangible creations in our state-of-the-art FabLab. Access cutting-edge tools and expertise to bring your vision to life.<br>
						</p>
						<div class="mbr-section-btn item-footer"><a href="FabLab.html" class="btn item-btn btn-warning display-7">Discover More</a></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section data-bs-version="5.1" class="features23 cid-u636uXnpCC" id="features023-5m">

    

    
    
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12 content-head">
                <div class="card-wrapper mb-5">
                    <div class="card-box align-center">
                        
                        
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="row content-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="title mb-3">
                        <span class="num mbr-fonts-style display-1"><strong>36</strong></span>
                    </div>
                    <h4 class="card-title mbr-fonts-style display-5"><strong>Startups Supported</strong></h4>
                    <p class="mbr-text card-text mbr-fonts-style mb-0 display-7">
                        Through targeted training and customized one-on-one sessions.
                    </p>
                </div>
            </div><div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
                <div class="item-wrapper">
                    <div class="title mb-3">
                        <span class="num mbr-fonts-style display-1"><strong>+1224</strong></span>
                    </div>
                    <h4 class="card-title mbr-fonts-style display-5"><strong>Hours of Support &amp; Training</strong></h4>
                    <p class="mbr-text card-text mbr-fonts-style mb-0 display-7">
                        "Delivered 1224 hours of comprehensive support and training."</p>
                </div>
            </div><div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
                <div class="item-wrapper">
                    <div class="title mb-3">
                        <span class="num mbr-fonts-style display-1"><strong>228</strong></span>
                    </div>
                    <h4 class="card-title mbr-fonts-style display-5">
                        <strong>One-on-one Sessions</strong></h4>
                    <p class="mbr-text card-text mbr-fonts-style mb-0 display-7">
                        Personalized one-on-one sessions in multiple topics with Experts.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section data-bs-version="5.1" class="header1 cid-u4lVgofyqo" data-bg-video="https://www.youtube.com/watch?v=GAU-5DhFvsk" id="header01-36">
	

	<div class="mbr-fallback-image disabled"></div>
	<div class="mbr-overlay" style="opacity: 0.4; background-color: rgb(255, 204, 0);"></div>

	<div class="container-fluid">
		<div class="row justify-content-center">
			<div class="col-12 col-md-12 col-lg-4 image-wrapper">
				<img class="w-100" src="assets/images/logo-level-1-6-883x344.png" alt="Mobirise Website Builder">
			</div>
			<div class="col-12 col-lg col-md-12">
				<div class="text-wrapper align-left">
					
					
					
				</div>
			</div>
		</div>
	</div>
</section>

<section data-bs-version="5.1" class="header09 cid-tLAX5BnXkJ" id="header09-q">
	
	
	<div class="container">
		<div class="row">
			<div class="content-wrap col-12 col-md-9">
				<h1 class="mbr-section-title mbr-fonts-style mbr-white mb-4 display-1"><strong>Visit Us !</strong></h1>
				
				<p class="mbr-fonts-style mbr-text mbr-white mb-4 display-7">Feel free to visit us or schedule an appointment by giving us a call. We look forward to connecting with you and discussing how we can assist you!</p>
				<div class="mbr-section-btn"><a class="btn btn-white-outline display-7" href="tel:+21692672419"><span class="mobi-mbri mobi-mbri-phone mbr-iconfont mbr-iconfont-btn"></span>Call Now</a></div>
			</div>
		</div>
	</div>
</section>

<section data-bs-version="5.1" class="video02 cid-u4cQ92mN99" id="video02-34">
  

  
  

  <div class="container">
    <div class="row justify-content-center">
      <div class="mbr-figure col-12 mb-5 col-md-9"><iframe class="mbr-embedded-video" src="https://www.youtube.com/embed/GAU-5DhFvsk?rel=0&amp;amp;mute=1&amp;showinfo=0&amp;autoplay=1&amp;loop=1&amp;playlist=GAU-5DhFvsk" width="1280" height="720" frameborder="0" allowfullscreen></iframe></div>
    </div>
    <div class="row justify-content-center">
      <div class="col-12 content-text">
        <h4 class="mbr-description mbr-fonts-style mb-3 align-center display-5">
          <strong>Small business, big dreams.</strong>
        </h4>
        <p class="mbr-description mbr-fonts-style mb-0 align-center display-7">
        Unleash your inner passion for entrepreneurship with Level 1.
        </p>
      </div>
    </div>
  </div>
</section>

<section data-bs-version="5.1" class="clients1 cid-u5oy0XQCFZ" id="clients1-5h">
    
    <div class="images-container container">
        <div class="mbr-section-head">
            <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
                <strong>Our Partners</strong></h3>
            
            
        </div>
        <div class="row justify-content-center mt-4">
            <div class="col-md-3 card">
                <img src="assets/images/cdc-240x240.jpg" alt="Mobirise Website Builder">
            </div>
            <div class="col-md-3 card">
                <img src="assets/images/digital-transformation-center-tunisia-240x240.jpg" alt="Mobirise Website Builder">
            </div>
            <div class="col-md-3 card">
                <img src="assets/images/flywheel-240x240.jpg" alt="Mobirise Website Builder">
            </div>
            <div class="col-md-3 card">
                <img src="assets/images/giz-240x240.jpg" alt="Mobirise Website Builder">
            </div>
            <div class="col-md-3 card">
                <img src="assets/images/invest-for-jobs-240x240.jpg" alt="Mobirise Website Builder">
            </div>
            <div class="col-md-3 card">
                <img src="assets/images/medina-240x240.jpg" alt="Mobirise Website Builder">
            </div>
            <div class="col-md-3 card">
                <img src="assets/images/the-world-bank-240x240.jpg" alt="Mobirise Website Builder">
            </div>
            <div class="col-md-3 card">
                <img src="assets/images/tunisia-startups-240x240.jpg" alt="Mobirise Website Builder">
            </div>
        </div>
    </div>
</section>

<section data-bs-version="5.1" class="clients1 cid-umKRVOCrHT" id="clients1-6y">
    
    <div class="images-container container-fluid">
        <div class="mbr-section-head">
            
            
            
        </div>
        <div class="row justify-content-center mt-4">
            <div class="col-md-3 card">
                <img src="assets/images/smartcapital-240x240.jpg" alt="Mobirise Website Builder">
            </div>
            <div class="col-md-3 card">
                <img src="assets/images/pamed-240x240.jpg" alt="Mobirise Website Builder">
            </div>
            <div class="col-md-3 card">
                <img src="assets/images/agroinnov-logo-240x240.jpg" alt="Mobirise Website Builder">
            </div>
            
            
            
            
            
        </div>
    </div>
</section>

<section data-bs-version="5.1" class="header1 cid-tJS9vXDdRK" id="header01-7" style="background-color: black !important;">
	<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/parking.jpg" alt="Mobirise Website Builder">
            </div>
            <div class="col-12 col-lg col-md-12">
                <div class="text-wrapper align-left text-light">
                    <h1 class="mbr-section-title mbr-fonts-style mb-4 display-2" style="color: white !important;"><strong>Private Parking</strong></h1>
                    <p class="mbr-text mbr-fonts-style mb-4 display-7" style="color: white !important;"><strong>Convenient and secure private parking is available for all our coworking members. Located just steps away from the workspace, our parking lot ensures easy access, allowing you to focus on what matters most—your work.</p>
                </div>
            </div>
		</div>
	</div>
</section>

<section data-bs-version="5.1" class="form5 cid-tJS9pBcTSa" id="form02-6">
    
    
    <div class="container">
        <div class="mbr-section-head mb-5">
            <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
                <strong>Contact Form</strong></h3>
            <h4 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-7">Please fill out the form to get in touch with our team:</h4>
        </div>
        <div class="row justify-content-center mt-4">
            <div class="col-lg-8 mx-auto mbr-form">
                <form id="contact-form" class="mbr-form form-with-styler" data-form-title="Form Name">
                    <div class="dragArea row">
                        <div class="col-md col-sm-12 form-group mb-3" data-for="name">
                            <input required type="text" name="user_name" placeholder="Name" data-form-field="name" class="form-control" id="name-form02-6">
                        </div>
                        <div class="col-md col-sm-12 form-group mb-3" data-for="email">
                            <input required type="email" name="user_email" placeholder="Email" data-form-field="email" class="form-control" value="" id="email-form02-6">
                        </div>
                        <div class="col-12 form-group mb-3" data-for="phone">
                            <input required type="tel" name="user_phone" placeholder="Phone Number" data-form-field="phone" class="form-control" value="" id="phone-form02-6">
                        </div>
                        <div class="col-12 form-group mb-3" data-for="textarea">
                            <textarea required name="message" placeholder="Message" data-form-field="textarea" class="form-control" id="textarea-form02-6"></textarea>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12 align-center mbr-section-btn">
                            <button type="submit" class="btn btn-warning display-7" id="submitButton">
                                <div id="submitText">Send</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="contacts2 map1 cid-tLdYHD757A" id="contacts02-9">

    

    
    <div class="container">
        <div class="mbr-section-head mb-5">
            <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
                <strong>Contact</strong></h3>
            
        </div>
        <div class="row justify-content-center mt-4">
            <div class="card col-12 col-md-5">
                <div class="card-wrapper">
                    <div class="text-wrapper">
                        <h5 class="cardTitle mbr-fonts-style mb-2 display-5">
                        <strong>Contact Us</strong></h5>
                    <ul class="list mbr-fonts-style display-7">
                        <li class="mbr-text item-wrap"><span style="font-size: 1.4rem;">Phone: </span><a href="tel:+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 - 8:00PM</li><li class="mbr-text item-wrap">Saturday : 8:00 AM - 12:00 PM</li><li class="mbr-text item-wrap">Sunday : Closed</li>
                    </ul>
                    </div>
                </div>
            </div>
            <div class="map-wrapper col-12 col-md-7">
                <div class="google-map"><iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12773.908224260429!2d10.2255591!3d36.8310493!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12fd3519c496d4d3%3A0x80f3289b8fdbecd6!2sLEVEL%201!5e0!3m2!1sen!2stn!4v1707740821919!5m2!1sen!2stn" allowfullscreen=""></iframe></div>
            </div>
        </div>
    </div>
</section>

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

        

    

    <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/vimeoplayer/player.js"></script>  <script src="assets/playervimeo/vimeo_player.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('contact-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_8uhb5ag', this)
            .then((response) => {
                console.log('SUCCESS!', response.status, response.text);
                // Show success icon and hide spinner
                document.getElementById('successIcon').style.display = 'inline';
                document.getElementById('spinner').style.display = 'none';},
                (error) => {
        console.log('FAILED...', error);
    // Hide spinner and show submit text
        document.getElementById('spinner').style.display = 'none';
        document.getElementById('errorIcon').style.display = 'inline';},);
    });
  </script>
  </body>
</html>