<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <meta http-equiv="x-ua-compatible" content="ie=edge" />
   <!-- English meta tags -->
  <title>ByteKiss - Building Online Experiences</title>
  <meta name="description" content="We are an emerging studio with big dreams and a strong passion for creating projects that drive our clients' businesses forward.">
  
  <!-- Spanish meta tags -->
  <meta property="og:locale" content="es_ES">
  <meta property="og:title" content="ByteKiss - Diseño Web Apasionado">
  <meta property="og:description" content="Somos un estudio emergente con grandes sueños y una fuerte pasión por crear proyectos que impulsen los negocios de nuestros clientes.">
  
    <!-- french meta tags -->
  <meta property="og:locale" content="fr_FR">
  <meta property="og:title" content="ByteKiss - Demandez votre site web">
  <meta property="og:description" content="Nous sommes un studio émergent avec de grands rêves et une passion profonde pour la création de projets qui font avancer les entreprises de nos clients.">
  
    <!-- portuguese meta tags -->
  <meta property="og:locale" content="pt_PT">
  <meta property="og:title" content="ByteKiss - Criamos Sites Incríveis">
  <meta property="og:description" content="Somos um estúdio em ascensão com grandes sonhos e uma forte paixão por criar projetos que impulsionam os negócios de nossos clientes.">
  
    <!-- portuguese2 meta tags -->
  <meta property="og:locale" content="pt_BR ">
  <meta property="og:title" content="ByteKiss - Criamos Sites Incríveis Para Seu Negócio">
  <meta property="og:description" content="Transformamos suas ideias em realidade com design e desenvolvimento web customizados. Trabalhamos com paixão para impulsionar o sucesso de seu negócio.">
  
    <!-- german meta tags -->
  <meta property="og:locale" content="de_DE">
  <meta property="og:title" content="ByteKiss - Webdesign mit Leidenschaft">
  <meta property="og:description" content="Wir sind ein aufstrebendes Studio mit großen Träumen und einer starken Leidenschaft, Projekte zu entwickeln, die das Geschäft unserer Kunden vorantreiben.">

  <link rel="stylesheet" href="index/css/mdb.min.css" />
</head>

<body>
  <!--Main Navigation-->
  <header>
    <style>
	@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900|Raleway:400,800,900,600,700,500|Montserrat:400,700);
	body {

      font-family: 'Raleway', sans-serif;
    }
      /* Height for devices larger than 576px */
      @media (min-width: 992px) {
        #intro {
          margin-top: -58.59px;
        }
      }

      .navbar .nav-link {
        color: #fff !important;
      }
    </style>

    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg navbar-dark d-none d-lg-block" style="z-index: 2000;">
      <div class="container-fluid">
        <!-- Navbar brand -->
        <a class="navbar-brand nav-link">
          <strong>ByteKiss.Com</strong>
        </a>
        <button class="navbar-toggler" type="button" data-mdb-collapse-init data-mdb-target="#navbarExample01"
          aria-controls="navbarExample01" aria-expanded="false" aria-label="Toggle navigation">
          <i class="fas fa-bars"></i>
        </button>
      </div>
    </nav>
    <!-- Navbar -->

    <!-- Background image -->
    <div id="intro" class="bg-image vh-100 shadow-1-strong">
      <video style="min-width: 100%; min-height: 100%;" playsinline autoplay muted loop>
        <source class="h-100" src="video/intro.mp4" type="video/mp4" />
      </video>
      <div class="mask">
        <div class="container d-flex align-items-center justify-content-center text-center h-100">
          <div class="text-white" data-mdb-theme="dark">
            <h1 class="mb-3">Welcome to ByteKiss</h1>
            <h5 class="mb-4">Empower your digital vision</h5>
			<p class="message">Please select your language:</p>
            <a class="btn btn-outline-light btn-lg m-2" data-mdb-ripple-init href="/en/start" role="button">English</a>
            <a class="btn btn-outline-light btn-lg m-2" data-mdb-ripple-init href="/es/inicio" role="button">Español</a>
			<a class="btn btn-outline-light btn-lg m-2" data-mdb-ripple-init href="/pt/comecar" role="button">Português</a>
			<a class="btn btn-outline-light btn-lg m-2" data-mdb-ripple-init href="/fr/commencer" role="button">Français</a>
			<a class="btn btn-outline-light btn-lg m-2" data-mdb-ripple-init href="/de/beginn" role="button">Deutsch</a>
          </div>
        </div>
      </div>
    </div>
    <!-- Background image -->
  </header>
  <!--Main Navigation-->
  <!--Footer-->
  <footer class="bg-light text-lg-start">
    <!-- Copyright -->
    <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
      © 2024 ByteKiss.Com - All rights reserved
    </div>
    <!-- Copyright -->
  </footer>
  <!--Footer-->
  <!-- MDB -->
  <script type="text/javascript" src="index/js/mdb.umd.min.js"></script>
</body>

</html>