<!doctype html>
<html lang=fr>
<head>
<meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css>
<link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css>
<link rel=stylesheet href=./assets/css/style.css>
<link rel=stylesheet href=./assets/css/filter.css>
<title>I-techz</title>
</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top navbar-light bg-white py-3">
<div id=progress-bar></div>
<div class=container>
<a class="navbar-brand font-tech" href=#>
I-TECHZ
</a>
<button class=navbar-toggler type=button onclick="openFunction()" data-bs-toggle=collapse data-bs-target=#navbarNav aria-controls=navbarNav aria-expanded=false aria-label="Toggle navigation">
<span class=navbar-toggler-icon></span>
</button>
<div class="collapse navbar-collapse" id=navbarNav>
<ul class="navbar-nav mx-auto">
<li class=nav-item>
<a class=nav-link href=#hearder onclick="closeFunction()">Accueil</a>
</li>
<li class=nav-item>
<a class=nav-link href=#about onclick="closeFunction()">A propos d'i-techz</a>
</li>
<li class=nav-item>
<a class=nav-link href=#services onclick="closeFunction()">Nos services</a>
</li>
<li class=nav-item>
<a class=nav-link href=#references onclick="closeFunction()">Références</a>
</li>
<li class=nav-item>
<a class=nav-link href=#equipe onclick="closeFunction()">Equipe</a>
</li>
<li class=nav-item>
<a class=nav-link href=#contact onclick="closeFunction()">Contact</a>
</li>
</ul>
<a href=# class="btn btn-primary" onclick="closeFunction()">Go learning 👨🏽‍🏫</a>
</div>
</div>
</nav>
<div id=hearder class="min-vh-100 d-flex align-items-center text-center">
<div class=container>
<div class="row justify-content-center">
<div class="col-lg-10 text-white">
<h1 class="fs-1 text-white fw-bold header-text">I-techz vous accompagne dans la transformation de vos idées en un produit web concurrentiel sur le marché. </h1>
<p class="lead mt-3 mb-4 mx-auto" style=max-width:600px>La créativité et l'innovation au service de votre communication digitale.</p>
</div>
</div>
</div>
</div>
<section id=about>
<div class=container>
<div class="row align-items-center gy-5 descrip">
<div class=col-lg-5>
<img src=./assets/images/about-1.png alt="" class=about-img>
</div>
<div class="col-lg-5 offset-lg-1 descrip">
<h6>I-techz</h6>
<h1 class="mt-2 mb-4 itech-h1">Est une entreprise spécialisée dans le domaine de l'informatique, la technologie, le branding et l'architecture </h1>
<p class="mb-4 text-description">Nous sommes une agence digitale spécialisée dans la création de sites internet sur mesure, la création et la mise en œuvre de stratégies digitales, le référencement naturel et payant ainsi que le web marketing. Nous assurons ainsi la santé visuelle et numérique de votre entreprise à travers la création de votre identité visuelle, de votre site internet, de vos canaux digitaux, de l'installation et de la maintenance de vos systèmes informatiques.</p>
<a href=mailto:Cellcom@i-tech.com class="btn btn-primary">Demarrez votre projet</a>
</div>
</div>
</div>
</section>
<section id=services class=section>
<div class=container>
<div class=row>
<div class=col-12>
<div class=section-title>
<h6>Nos services</h6>
<h2 class=text-white>Découvrez nos gammes de services numériques sans limites.</h2>
</div>
</div>
</div>
<div class="row gy-4">
<div class="col-lg-4 col-sm-6">
<div class="service bg-white p-4 p-sm-5">
<img src=./assets/images/icon-1.svg style=width:50% alt="">
<h5 class="mt-4 mb-3">Développement web</h5>
<p>I-TECHZ construit des sites internet à partir de zéro, en utilisant des standards de développement professionnels, de telle sorte que ses conceptions soient adaptées aux besoins de ses clients et de leurs utilisateurs finaux.</p>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="service bg-white p-4 p-sm-5">
<img src=./assets/images/icon-2.svg style=width:50% alt="">
<h5 class="mt-4 mb-3">Graphisme</h5>
<p>I-TECHZ vous accompagne dans vos projets en graphisme, qu’il s’agisse de projets papier ou web. Nous restons donc disponibles pour vos projets en design, création visuelle, plaquette et tout ce qui a rapport avec ce domaine.</p>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="service bg-white p-4 p-sm-5">
<img src=./assets/images/icon-3.svg style=width:50% alt="">
<h5 class="mt-4 mb-3">Marketing</h5>
<p>I-TECHZ s’attèle à comprendre vos problématiques et le secteur dans lequel vous évoluez pour vous proposer des solutions de communication adaptées à vos besoins. Nous restons donc disponibles pour la création d'identité visuelle, de stratégie marketing ou tout autre projet de communication digitale et de communication globale pour mettre en valeur votre identité et votre notoriété.</p>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="service bg-white p-4 p-sm-5">
<img src=./assets/images/icon-4.svg style=width:50% alt="">
<h5 class="mt-4 mb-3">Maintenance et ISI</h5>
<p>I-TECHZ se tient à votre disposition pour l'installation et le suivi de vos différents systèmes informatiques et réseaux. Nous sommes également prêts à intervenir sur vos équipements en cas de problème et à vous fournir des conseils pour l'achat d'équipements et de consommables.</p>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="service bg-white p-4 p-sm-5">
<img src=./assets/images/icon-5.svg style=width:50% alt="">
<h5 class="mt-4 mb-3">Architecture</h5>
<p>De la conception aux finitions, I-TECHZ assure un suivi de tous vos projets à toutes les étapes, accompagné d'entrepreneurs avertis avec de nombreuses années d'expérience dans le domaine.</p>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="service bg-white p-4 p-sm-5">
<img src=./assets/images/icon-6.svg style=width:50% alt="">
<h5 class="mt-4 mb-3">Formation</h5>
<p>I-TECHZ met à disposition des formations dans différents domaines de la technologie pour toute personne souhaitant se former. Ces formations suivent une pédagogie axée sur la compréhension pour permettre une assimilation facile et accrue.</p>
<button class="btn btn-primary"><a href="/formations.html" class="text-white">En savoir plus</a></button>
</div>
</div>
</div>
</div>
</section>
<section id=references>
<div class=container-fluid>
<div class=row>
<div class=col-12>
<div class=section-title>
<h6>Références</h6>
<h1>Nos projets</h1>
</div>
</div>
</div>
<div class=container>
<div class=row>
<div class=col-lg-12>
<ul class="filters text-center">
<li class=active data-filter=*><a href=#!>Tous</a></li>
<li data-filter=.web><a href=#!>Web</a></li>
<li data-filter=.mobile><a href=#!>Mobile</a></li>
<li data-filter=.graphisme><a href=#!>Graphisme</a></li>
<li data-filter=.achitecture><a href=#!>Architecture</a></li>
</ul>
<div class=projects>
<div class=row>
<div class="col-lg-4 item graphisme achitecture">
<div class=card>
<div class=card-head>
<img src=assets/images/banque.jpg alt="" class="img-fluid card-img">
<div class=card-hover>
<h2 class=text-white>Banque</h2>
<p>Rendu image</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 item web">
<div class=card>
<div class=card-head>
<img src=assets/images/royalTourisme.jpeg alt="" class="img-fluid card-img">
<div class=card-hover>
<h2 class=text-white>Royale Tourisme</h2>
</div>
</div>
</div>
</div>
<div class="col-lg-4 item achitecture">
<div class=card>
<div class=card-head>
<img src=assets/images/f5.jpg alt="" class="img-fluid card-img">
<div class=card-hover>
<h2 class=text-white>Villa F5</h2>
<p>Conception d'une villa F5 sur 250m<sup>2</sup></p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 item achitecture">
<div class=card>
<div class=card-head>
<img src=assets/images/B2.jpg alt="" class="img-fluid card-img">
<div class=card-hover>
<h2 class=text-white>Bureau</h2>
<p>Aménagement du Bureau d'un Directeur Générale à l'Africaine.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 item graphisme">
<div class=card>
<div class=card-head>
<img src=assets/images/bouteille-itech.jpeg alt="" class="img-fluid card-img">
<div class=card-hover>
<h2 class=text-white>Bouteille I-techz</h2>
</div>
</div>
</div>
</div>
<div class="col-lg-4 item achitecture">
<div class=card>
<div class=card-head>
<img src="assets/images/Hotel_5 - Photo.jpg" alt="" class="img-fluid card-img">
<div class=card-hover>
<h2 class=text-white>Hôtel</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id=equipe class=bg-dark>
<div class=container>
<div class=row>
<div class=col-12>
<div class=section-title>
<h6>Equipes</h6>
<h1 class=text-white>Notre équipe</h1>
</div>
</div>
</div>
<div class="owl-carousel owl-theme" id=equipe-carousel>
<div class=equipe>
<div class=equipe-personal>
<img src=./assets/images/Graphiste.jpeg alt="">
<div class=social-link>
<ul class="list-unstyled d-flex">
<li class=ms-3><a href=mailto:adizath@i-techz.com><svg xmlns=http://www.w3.org/2000/svg width=16 height=16 fill=currentColor class="bi bi-google" viewBox="0 0 16 16">
<path d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z"/>
</svg></a>
</li>
<li class=ms-3><a href=https://www.linkedin.com/in/adizath-yacoubou-b820351bb/ target=_blank><svg xmlns=http://www.w3.org/2000/svg width=20 height=20 fill=currentColor class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg></a></li>
<li class=ms-3><a href="https://web.facebook.com/profile.php?id=100073100443017" target=_blank><svg xmlns=http://www.w3.org/2000/svg width=20 height=20 fill=currentColor class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg></a></li>
</ul>
</div>
</div>
<h5 class="text-white text-center mt-4">Graphiste</h5>
<p class=text-center>Adizath YACOUBOU</p>
</div>
<div class=equipe>
<div class=equipe-personal>
<img src=./assets/images/Architecte.jpeg alt="">
<div class=social-link>
<ul class="list-unstyled d-flex">
<li class=ms-3><a href=mailto:eddy@i-techz.com><svg xmlns=http://www.w3.org/2000/svg width=16 height=16 fill=currentColor class="bi bi-google" viewBox="0 0 16 16">
<path d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z"/>
</svg></a>
</li>
<li class=ms-3><a href=""><svg xmlns=http://www.w3.org/2000/svg width=20 height=20 fill=currentColor class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg></a></li>
<li class=ms-3><a href=https://web.facebook.com/happy.gnancadja target=_blank><svg xmlns=http://www.w3.org/2000/svg width=20 height=20 fill=currentColor class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg></a></li>
</ul>
</div>
</div>
<h5 class="text-white text-center mt-4">Architecte</h5>
<p class=text-center>Happy-Eddy GNANCADJA</p>
</div>
<div class=equipe>
<div class=equipe-personal>
<img src=./assets/images/Dev-Backend.jpeg alt="">
<div class=social-link>
<ul class="list-unstyled d-flex">
<li class=ms-3><a href=mailto:amen@i-techz.com><svg xmlns=http://www.w3.org/2000/svg width=16 height=16 fill=currentColor class="bi bi-google" viewBox="0 0 16 16">
<path d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z"/>
</svg></a>
</li>
<li class=ms-3><a href=https://www.linkedin.com/in/amen-ahouandogbo-069604220/ target=_blank><svg xmlns=http://www.w3.org/2000/svg width=20 height=20 fill=currentColor class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg></a></li>
<li class=ms-3><a href=https://twitter.com/AmenAhouandogbo target=_blank><svg xmlns=http://www.w3.org/2000/svg width=20 height=20 fill=currentColor class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg></a></li>
</ul>
</div>
</div>
<h5 class="text-white text-center mt-4">Développeur Backend</h5>
<p class=text-center>Amen AHOUANDOGBO</p>
</div>
<div class=equipe>
<div class=equipe-personal>
<img src=./assets/images/Dev-web.jpeg alt="">
<div class=social-link>
<ul class="list-unstyled d-flex">
<li class=ms-3><a href=mailto:funaki@i-techz.com><svg xmlns=http://www.w3.org/2000/svg width=16 height=16 fill=currentColor class="bi bi-google" viewBox="0 0 16 16">
<path d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z"/>
</svg></a>
</li>
<li class=ms-3><a href=https://www.linkedin.com/in/funaki-da-silva-35b38a1b3/ target=_blank><svg xmlns=http://www.w3.org/2000/svg width=20 height=20 fill=currentColor class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg></a></li>
<li class=ms-3><a href=https://twitter.com/Funakisilva target=_blank><svg xmlns=http://www.w3.org/2000/svg width=20 height=20 fill=currentColor class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg></a></li>
</ul>
</div>
</div>
<h5 class="text-white text-center mt-4">Développeur full-stack</h5>
<p class=text-center>Funaki da SILVA</p>
</div>
<div class=equipe>
<div class=equipe-personal>
<img src=./assets/images/ChargeClientele.jpeg alt="">
<div class=social-link>
<ul class="list-unstyled d-flex">
<li class=ms-3><a href=mailto:Cellcom@i-tech.com><svg xmlns=http://www.w3.org/2000/svg width=16 height=16 fill=currentColor class="bi bi-google" viewBox="0 0 16 16">
<path d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z"/>
</svg></a>
</li>
<li class=ms-3><a href=https://www.linkedin.com/company/i-techzz/ target=_blank><svg xmlns=http://www.w3.org/2000/svg width=20 height=20 fill=currentColor class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg></a></li>
<li class=ms-3><a href="https://web.facebook.com/profile.php?id=100081205835874" target=_blank><svg xmlns=http://www.w3.org/2000/svg width=20 height=20 fill=currentColor class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg></a></li>
</ul>
</div>
</div>
<h5 class="text-white text-center mt-4">Chargée de clientèle</h5>
<p class=text-center>Préférée ADJOVI</p>
</div>
</div>
</div>
</section>
<section id=contact class=bg-light>
<div class=container>
<div class=row>
<div class=col-12>
<div class=section-title>
<h6>Contact</h6>
<h1>Contactez-nous</h1>
</div>
</div>
</div>
<form class="form-scroll contact-form" method=post action=contact-form.php>
<div class="row gy-5 mb-3">
<div class=col-md-6>
<div class="md-form mb-0">
<label for=name>Votre nom</label>
<input id=username name=username class=form-control required>
</div>
</div>
<div class=col-md-6>
<div class="md-form mb-0">
<label for=email>Votre email</label>
<input type=email id=email name=email class=form-control required>
</div>
</div>
</div>
<div class="row gy-5 mb-4">
<div class=col-md-12>
<div class="md-form mb-0">
<label for=subject>Sujet</label>
<input id=subject name=subject class=form-control required>
</div>
</div>
</div>
<div class="row gy-5 mb-4">
<div class=col-md-12>
<div class=md-form>
<label for=message>Message</label>
<textarea type=text id=message name=message rows=2 class="form-control md-textarea" required></textarea>
</div>
</div>
</div>
<input type=submit class="btn btn-primary" value=Envoyer>
</form>
</div>
</section>
<footer class=bg-dark>
<div class="container footer-top">
<div class="row gy-5 justify-content-center">
<div class=col-auto>
<h2 class="mb-3 mb-lg-4 text-center text-white-50 fw-bold" style=width:unset>I-techz</h2>
<p class=text-white-50>Tel: <a href=Tel:+22967303549>+(229) 52 13 50 50</a></p>
<p class=text-white-50>Email: <a href=mailto:Cellcom@i-tech.com>Send Your Mail</a></p>
<p class=text-white-50>Adresse: <a href="">Cotonou-Benin</a></p>
</div>
</div>
</div>
<div class="container footer-bottom">
<div class="row gy-4 justify-content-between">
<div class=col-auto><p>&copy; 2023 I-techz</p></div>
<div class=col-auto>
<ul class="list-unstyled d-flex">
<li class=ms-3><a href="https://www.facebook.com/profile.php?id=100088563014612"><svg xmlns=http://www.w3.org/2000/svg width=16 height=16 fill=currentColor class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg></a>
</li>
<li class=ms-3><a href=""><svg xmlns=http://www.w3.org/2000/svg width=16 height=16 fill=currentColor class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg></a>
</li>
<li class=ms-3><a href=""><svg xmlns=http://www.w3.org/2000/svg width=16 height=16 fill=currentColor class="bi bi-whatsapp" viewBox="0 0 16 16">
<path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/>
</svg></a></li>
</ul>
</div>
</div>
</div>
</footer>
<script>
function closeFunction()
  { 
     document.getElementById('navbarNav').style.display='none';
  }
function openFunction(){
    document.getElementById('navbarNav').style.display='initial';
}
</script>
<script src=https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js integrity=sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p crossorigin=anonymous></script>
<script src=https://code.jquery.com/jquery-3.6.0.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js></script>
<script src=https://unpkg.com/scrollreveal></script>
<script src=./assets/js/app.js></script>
<script src=assets/js/jquery.min.js></script>
<script src=assets/js/isotope.min.js></script>
<script src=assets/js/filter.js></script>
</body>
</html>