Showing source for: https://www.ecotaqa.ma/
Duration: 0.305449s
Server: nginx
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
Ecotaqa - Votre accompagnant à la transition énergétique
</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google Web Fonts -->
<link href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@500;600;700&family=Open+Sans:wght@400;500&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
<!-- Favicon -->
<link href="img/icon/logo-32x32.png" rel="icon" sizes="32x32">
<link href="img/icon/logo-192x192.png" rel="icon" sizes="192x192">
<link href="img/icon/logo-180x180.png" rel="apple-touch-icon">
</head>
<body>
<!-- Spinner Start -->
<div class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center" id="spinner">
<div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;">
</div>
</div>
<!-- Spinner End -->
<!-- Topbar Start -->
<div class="container-fluid bg-dark text-light px-0 py-2">
<div class="row gx-0 d-none d-lg-flex">
<div class="col-lg-7 px-5 text-start">
<div class="h-100 d-inline-flex align-items-center me-4">
<span class="fa fa-phone-alt me-2">
</span>
<a class="text-white" href="tel:+212 528 248 056">
+212 528 248 056
</a>
</div>
<div class="h-100 d-inline-flex align-items-center">
<span class="far fa-envelope me-2">
</span>
<a class="text-white" href="mailto:[email protected]">
[email protected]
</a>
</div>
</div>
<div class="col-lg-5 px-5 text-end">
<div class="h-100 d-inline-flex align-items-center mx-n2">
<span>
Suivis nous:
</span>
<a class="btn btn-link text-light" href="">
<i class="fab fa-facebook-f">
</i>
</a>
<a class="btn btn-link text-light" href="https://ma.linkedin.com/company/ecotaqa-services" target="_blank">
<i class="fab fa-linkedin-in">
</i>
</a>
</div>
</div>
</div>
</div>
<!-- Topbar End -->
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
<a class="navbar-brand d-flex align-items-center px-4 px-lg-5" href="index.html">
<img alt="Ecotaqa" class="h-50" src="img/logo.png">
</a>
<button class="navbar-toggler me-4" data-bs-target="#navbarCollapse" data-bs-toggle="collapse" type="button">
<span class="navbar-toggler-icon">
</span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a class="nav-item nav-link active" href="index.html">
Acceuil
</a>
<a class="nav-item nav-link" href="about.html">
A Propos Nous
</a>
<div class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#">
Moyens materiel
</a>
<div class="dropdown-menu bg-light m-0">
<a class="dropdown-item" href="tir.html">
Thermographie Infra Rouge
</a>
<a class="dropdown-item" href="qre.html">
Qualité du réseau électrique
</a>
<a class="dropdown-item" href="mpce.html">
Mesures de puissance et de consommations électriques
</a>
<a class="dropdown-item" href="md.html">
Mesure des débits
</a>
<a class="dropdown-item" href="mdi.html">
Mesures de distances et dâinclinaisons
</a>
</div>
</div>
<a class="nav-item nav-link" href="service.html">
Services
</a>
<a class="nav-item nav-link" href="project.html">
Nos references
</a>
<a class="nav-item nav-link" href="contact.html">
Contacts
</a>
</div>
<a class="btn btn-primary py-4 px-lg-4 rounded-0 d-none d-xl-block" href="obtenir-devis.html">
Obtenir un devis
</a>
</div>
</nav>
<!-- Navbar End -->
<!-- Carousel Start -->
<div class="container-fluid p-0 wow fadeIn" data-wow-delay="0.1s">
<div class="carousel slide" data-bs-ride="carousel" id="header-carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img alt="Image" class="w-100" src="img/equipement-energie-propre-ligne-genere-electricite-generee-par-ia.webp">
<div class="carousel-caption">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<h2 class="display-1 text-white mb-5 animated slideInDown">
Votre accompagnant à la transition énergétique
</h2>
<a class="btn btn-primary py-sm-3 px-sm-4" href="">
Explore Plus
</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img alt="Image" class="w-100" src="img/ferme-alimentee-par-soleil-genere-electricite-durable-dans-nature-generee-par-ia.webp">
<div class="carousel-caption">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<h2 class="display-1 text-white mb-5 animated slideInDown">
Votre accompagnant à la transition énergétique
</h2>
<a class="btn btn-primary py-sm-3 px-sm-4" href="">
Explore Plus
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" data-bs-slide="prev" data-bs-target="#header-carousel" type="button">
<span aria-hidden="true" class="carousel-control-prev-icon">
</span>
<span class="visually-hidden">
Previous
</span>
</button>
<button class="carousel-control-next" data-bs-slide="next" data-bs-target="#header-carousel" type="button">
<span aria-hidden="true" class="carousel-control-next-icon">
</span>
<span class="visually-hidden">
Next
</span>
</button>
</div>
</div>
<!-- Carousel End -->
<!-- Top Feature Start -->
<div class="container-fluid top-feature py-5 pt-lg-0">
<div class="container py-5 pt-lg-0">
<div class="row gx-0">
<div class="col-lg-4 wow fadeIn" data-wow-delay="0.1s">
<div class="bg-white shadow h-100 p-5">
<div>
<div class="flex-shrink-0 mb-2" style="height: 60px">
<img alt="icon" class="h-100" src="img/icon/icon-01.svg">
</div>
<div>
<span>
Vous accompagne de la conception jusquâà lâimplantation des solutions.
</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 wow fadeIn" data-wow-delay="0.3s">
<div class="bg-white shadow h-100 p-5">
<div>
<div class="flex-shrink-0 mb-2" style="height: 60px">
<img alt="icon" class="h-100" src="img/icon/icon-02.svg">
</div>
<div>
<span>
Met à votre service des solutions optimales aux besoins énergétiques.
</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 wow fadeIn" data-wow-delay="0.5s">
<div class="bg-white shadow h-100 p-5">
<div>
<div class="flex-shrink-0 mb-2" style="height: 60px">
<img alt="icon" class="h-100" src="img/icon/icon-03.svg">
</div>
<div>
<span>
Veille à vous assurer la rentabilité économique au cours et après la transition énergétique.
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Top Feature End -->
<!-- About Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="row g-5 align-items-center">
<div class="col-lg-3 col-md-5 wow fadeInUp" data-wow-delay="0.1s">
<img class="img-fluid rounded h-100" data-wow-delay="0.1s" src="img/about.webp">
</div>
<div class="col-lg-6 col-md-7 wow fadeInUp" data-wow-delay="0.3s">
<h1 class="display-1 text-primary mb-0">
8
</h1>
<p class="text-primary mb-4">
Année d'expérience
</p>
<h1 class="display-5 mb-4">
Votre accompagnant à la transition énergétique
</h1>
<p class="mb-4">
Engagez-vous dans une Transition Ãnergétique Réfléchie avec Nous. Votre Accompagnant Dédié pour des Solutions Durables, une Efficacité Ãnergétique Optimale, et un Avenir Respectueux de l'Environnement.
</p>
<a class="btn btn-primary py-3 px-4" href="">
Explore Plus
</a>
</div>
<div class="col-lg-3 col-md-12 wow fadeInUp" data-wow-delay="0.5s">
<div class="row g-5">
<div class="col-12 col-sm-6 col-lg-12">
<div class="border-start ps-4">
<i class="fa fa-award fa-3x text-primary mb-3">
</i>
<h4 class="mb-3">
Primé
</h4>
<span>
Excellence Reconnue, Innovation Célébrée.
</span>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-12">
<div class="border-start ps-4">
<i class="fa fa-users fa-3x text-primary mb-3">
</i>
<h4 class="mb-3">
Ãquipe dédiée
</h4>
<span>
Votre Succès, Notre Engagement.
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Facts Start -->
<div class="my-5" style="background-image: url('img/facts.webp'); background-attachment: fixed">
<div class="container-fluid facts py-5">
<div class="py-5">
<div class="row justify-content-between gy-5">
<div class="col-12 col-sm-6 col-md-4 text-center wow fadeIn" data-wow-delay="0.3s">
<h3 class="text-white fs-5 fact-value mb-2">
<span>
+
</span>
<span data-toggle="counter-up">
138
</span>
</h3>
<span class="fw-semi-bold text-light">
PROJETS RÃALISÃS
</span>
</div>
<div class="col-12 col-sm-6 col-md-4 text-center wow fadeIn" data-wow-delay="0.3s">
<h3 class="text-white fs-5 fact-value mb-2">
<span>
+
</span>
<span data-toggle="counter-up">
52
</span>
</h3>
<span class="fw-semi-bold text-light">
AUDIT ÃNERGÃTIQUE
</span>
</div>
<div class="col-12 col-sm-6 col-md-4 text-center wow fadeIn" data-wow-delay="0.3s">
<h3 class="text-white fs-5 fact-value mb-2">
<span>
+
</span>
<span data-toggle="counter-up">
12
</span>
<span>
MWc
</span>
</h3>
<span class="fw-semi-bold text-light">
ÃNERGIE SOLAIRE PV
</span>
</div>
<div class="col-12 col-sm-6 col-md-4 text-center wow fadeIn" data-wow-delay="0.3s">
<h3 class="text-white fs-5 fact-value mb-2">
<span>
+
</span>
<span data-toggle="counter-up">
32000
</span>
</h3>
<span class="fw-semi-bold text-light">
PANNEAUX INSTALLÃS
</span>
</div>
<div class="col-12 col-sm-6 col-md-4 text-center wow fadeIn" data-wow-delay="0.3s">
<h3 class="text-white fs-5 fact-value mb-2">
<span>
+
</span>
<span data-toggle="counter-up">
17000
</span>
</h3>
<span class="fw-semi-bold text-light">
MWH/AN D'ÃNERGIES PRODUITS
</span>
</div>
<div class="col-12 col-sm-6 col-md-4 text-center wow fadeIn" data-wow-delay="0.3s">
<h3 class="text-white fs-5 fact-value mb-2">
<span>
+
</span>
<span data-toggle="counter-up">
12000
</span>
<span>
MDH
</span>
</h3>
<span class="fw-semi-bold text-light">
TONNES CO2/AN
</span>
</div>
<div class="col-12 col-sm-6 col-md-4 text-center wow fadeIn" data-wow-delay="0.3s">
<h3 class="text-white fs-5 fact-value mb-2">
<span>
+
</span>
<span data-toggle="counter-up">
240000
</span>
</h3>
<span class="fw-semi-bold text-light">
ARBRES
</span>
</div>
<div class="col-12 col-sm-6 col-md-4 text-center wow fadeIn" data-wow-delay="0.3s">
<h3 class="text-white fs-5 fact-value mb-2">
<span>
+
</span>
<span data-toggle="counter-up">
160
</span>
</h3>
<span class="fw-semi-bold text-light">
Ha TERRAIN AGRICOLE EQUIVALENT
</span>
</div>
<div class="col-12 col-sm-6 col-md-4 text-center wow fadeIn" data-wow-delay="0.3s">
<h3 class="text-white fs-5 fact-value mb-2">
<span>
+
</span>
<span data-toggle="counter-up">
12000
</span>
<span>
MDH
</span>
</h3>
<span class="fw-semi-bold text-light">
JOURS.HOMMES DE TRAVAIL
</span>
</div>
</div>
</div>
</div>
</div>
<!-- Facts End -->
<!-- Features Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="row g-5 align-items-center">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
<p class="fs-5 fw-bold text-primary">
Pourquoi Nous Choisir!
</p>
<h1 class="display-5 mb-4">
Quelques raisons pour lesquelles les gens nous choisissent !
</h1>
<p class="mb-4">
Soyez au cÅur de notre choix - Partagez vos besoins, et laissez-nous vous offrir une expérience exceptionnelle.
</p>
<a class="btn btn-primary py-3 px-4" href="">
Explore plus
</a>
</div>
<div class="col-lg-6">
<div class="row g-4 align-items-center">
<div class="col-md-6">
<div class="row g-4">
<div class="col-12 wow fadeIn" data-wow-delay="0.3s">
<div class="text-center rounded py-5 px-4" style="box-shadow: 0 0 45px rgba(0,0,0,.08);">
<div class="btn-square bg-light rounded-circle mx-auto mb-4" style="width: 90px; height: 90px;">
<i class="fa fa-check fa-3x text-primary">
</i>
</div>
<h4 class="mb-0">
100% de satisfaction
</h4>
</div>
</div>
<div class="col-12 wow fadeIn" data-wow-delay="0.5s">
<div class="text-center rounded py-5 px-4" style="box-shadow: 0 0 45px rgba(0,0,0,.08);">
<div class="btn-square bg-light rounded-circle mx-auto mb-4" style="width: 90px; height: 90px;">
<i class="fa fa-users fa-3x text-primary">
</i>
</div>
<h4 class="mb-0">
Ãquipe dédiée
</h4>
</div>
</div>
</div>
</div>
<div class="col-md-6 wow fadeIn" data-wow-delay="0.7s">
<div class="text-center rounded py-5 px-4" style="box-shadow: 0 0 45px rgba(0,0,0,.08);">
<div class="btn-square bg-light rounded-circle mx-auto mb-4" style="width: 90px; height: 90px;">
<i class="fa fa-tools fa-3x text-primary">
</i>
</div>
<h4 class="mb-0">
Ãquipement moderne
</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Features End -->
<!-- Service Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px;">
<p class="fs-5 fw-bold text-primary">
Nos Services
</p>
<h1 class="display-5 mb-5">
Services Que Nous Vous Proposons
</h1>
</div>
<div class="row g-4">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="service-item rounded d-flex h-100">
<div class="service-img rounded">
<img alt="" class="img-fluid" src="img/service/1.webp">
</div>
<div class="service-text rounded p-5">
<div class="btn-square rounded-circle mx-auto mb-3">
<img alt="Icon" class="img-fluid h-50" src="img/icon/service01.png">
</div>
<h4 class="mb-3">
Ingénierie des procédés énergétiques et systèmes à énergies renouvelables.
</h4>
<p class="mb-4">
Concevoir l'Avenir Ãnergétique : Excellence en Ingénierie des Procédés Ãnergétiques et Systèmes à Ãnergies Renouvelables.
</p>
</div>
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="service-item rounded d-flex h-100">
<div class="service-img rounded">
<img alt="" class="img-fluid" src="img/service/2.webp">
</div>
<div class="service-text rounded p-5">
<div class="btn-square rounded-circle mx-auto mb-3">
<img alt="Icon" class="img-fluid h-50" src="img/icon/service02.png">
</div>
<h4 class="mb-3">
Gestion de projets.
</h4>
<p class="mb-4">
De la Vision à la Réalisation, Nous Façonnons Votre Succès.
</p>
</div>
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="service-item rounded d-flex h-100">
<div class="service-img rounded">
<img alt="" class="img-fluid" src="img/service/3.webp">
</div>
<div class="service-text rounded p-5">
<div class="btn-square rounded-circle mx-auto mb-3">
<img alt="Icon" class="img-fluid h-50" src="img/icon/service03.png">
</div>
<h4 class="mb-3">
Stratégies de performance énergétique.
</h4>
<p class="mb-4">
Catalyseurs de Durabilité et d'Efficacité dans un Monde en Ãvolution.
</p>
</div>
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="service-item rounded d-flex h-100">
<div class="service-img rounded">
<img alt="" class="img-fluid" src="img/service/4.webp">
</div>
<div class="service-text rounded p-5">
<div class="btn-square rounded-circle mx-auto mb-3">
<img alt="Icon" class="img-fluid h-50" src="img/icon/service04.png">
</div>
<h4 class="mb-3">
Ingénierie électrique.
</h4>
<p class="mb-4">
Illuminer l'Avenir avec Innovation et Expertise.
</p>
</div>
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="service-item rounded d-flex h-100">
<div class="service-img rounded">
<img alt="" class="img-fluid" src="img/service/5.webp">
</div>
<div class="service-text rounded p-5">
<div class="btn-square rounded-circle mx-auto mb-3">
<img alt="Icon" class="img-fluid h-50" src="img/icon/service05.png">
</div>
<h4 class="mb-3">
Ingénierie thermique.
</h4>
<p class="mb-4">
Façonnons la Chaleur de Demain avec Précision et Innovation.
</p>
</div>
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="service-item rounded d-flex h-100">
<div class="service-img rounded">
<img alt="" class="img-fluid" src="img/service/6.webp">
</div>
<div class="service-text rounded p-5">
<div class="btn-square rounded-circle mx-auto mb-3">
<img alt="Icon" class="img-fluid h-50" src="img/icon/service06.png">
</div>
<h4 class="mb-3">
Assistance à la Maîtrise dâOuvrage sur les opérations dâexécution.
</h4>
<p class="mb-4">
Excellence Opérationnelle dans l'Accompagnement de vos Projets d'Exécution.
</p>
</div>
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="service-item rounded d-flex h-100">
<div class="service-img rounded">
<img alt="" class="img-fluid" src="img/service/7.webp">
</div>
<div class="service-text rounded p-5">
<div class="btn-square rounded-circle mx-auto mb-3">
<img alt="Icon" class="img-fluid h-50" src="img/icon/service07.png">
</div>
<h4 class="mb-3">
Management dâéquipes.
</h4>
<p class="mb-4">
Cultiver l'Excellence Collective pour un Leadership Innovant.
</p>
</div>
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="service-item rounded d-flex h-100">
<div class="service-img rounded">
<img alt="" class="img-fluid" src="img/service/8.webp">
</div>
<div class="service-text rounded p-5">
<div class="btn-square rounded-circle mx-auto mb-3">
<img alt="Icon" class="img-fluid h-50" src="img/icon/service08.png">
</div>
<h4 class="mb-3">
Ingénierie financière.
</h4>
<p class="mb-4">
Redéfinir la Croissance et Maximiser les Opportunités avec Expertise et Stratégie.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Service End -->
<!-- Projects Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px;">
<p class="fs-5 fw-bold text-primary">
Nos Projets
</p>
<h1 class="display-5 mb-5">
Certains De Nos Merveilleux Projets
</h1>
</div>
<div class="row g-4">
<div class="col-lg-4 col-md-6 portfolio-item first wow fadeInUp" data-wow-delay="0.1s">
<div class="portfolio-inner rounded">
<img alt="benzit" class="img-fluid" src="img/projet/benzit.webp">
<div class="portfolio-text">
<h4 class="text-white mb-4">
Benzit
</h4>
<div class="d-flex">
<a class="btn btn-lg-square rounded-circle mx-2" href="projets/benzit.html">
<i class="fa fa-eye">
</i>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item second wow fadeInUp" data-wow-delay="0.3s">
<div class="portfolio-inner rounded">
<img alt="hopital-militaire" class="img-fluid" src="img/projet/militaire.webp">
<div class="portfolio-text">
<h4 class="text-white mb-4">
Hopital Militaire
</h4>
<div class="d-flex">
<a class="btn btn-lg-square rounded-circle mx-2" href="projets/hopital-militaire.html">
<i class="fa fa-eye">
</i>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item first wow fadeInUp" data-wow-delay="0.5s">
<div class="portfolio-inner rounded">
<img alt="olive" class="img-fluid" src="img/projet/olive.webp">
<div class="portfolio-text">
<h4 class="text-white mb-4">
Olive
</h4>
<div class="d-flex">
<a class="btn btn-lg-square rounded-circle mx-2" href="projets/olive.html">
<i class="fa fa-eye">
</i>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item second wow fadeInUp" data-wow-delay="0.1s">
<div class="portfolio-inner rounded">
<img alt="zniber" class="img-fluid" src="img/projet/zniber.webp">
<div class="portfolio-text">
<h4 class="text-white mb-4">
Zniber
</h4>
<div class="d-flex">
<a class="btn btn-lg-square rounded-circle mx-2" href="projets/zniber.html">
<i class="fa fa-eye">
</i>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item first wow fadeInUp" data-wow-delay="0.5s">
<div class="portfolio-inner rounded">
<img alt="olive" class="img-fluid" src="img/projet/olive.webp">
<div class="portfolio-text">
<h4 class="text-white mb-4">
Olive
</h4>
<div class="d-flex">
<a class="btn btn-lg-square rounded-circle mx-2" href="projets/olive.html">
<i class="fa fa-eye">
</i>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item second wow fadeInUp" data-wow-delay="0.3s">
<div class="portfolio-inner rounded">
<img alt="hopital-militaire" class="img-fluid" src="img/projet/militaire.webp">
<div class="portfolio-text">
<h4 class="text-white mb-4">
Hopital Militaire
</h4>
<div class="d-flex">
<a class="btn btn-lg-square rounded-circle mx-2" href="projets/hopital-militaire.html">
<i class="fa fa-eye">
</i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Projects End -->
<!-- Testimonial Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="row g-5">
<div class="col-lg-5 wow fadeInUp" data-wow-delay="0.1s">
<p class="fs-5 fw-bold text-primary">
Avis
</p>
<h1 class="display-5 mb-5">
Ce que nos collaborateurs disent de nous!
</h1>
<p class="mb-4">
Les Témoignages Authentiques de Nos Collaborateurs sur Notre Culture d'Excellence et de Collaboration.
</p>
<a class="btn btn-primary py-3 px-4" href="">
Voir Plus
</a>
</div>
<div class="col-lg-7 wow fadeInUp" data-wow-delay="0.5s">
<div class="owl-carousel testimonial-carousel">
<div class="testimonial-item p-4">
<img alt="Zakaria Taouri" class="img-fluid rounded mb-3" src="img/colab2.jpg">
<p class="fs-5" style="text-align: justify">
Travailler chez Ecotaqa depuis trois ans a été une expérience passionnante. En tant que professionnel de l'énergie, je suis fier de contribuer à des projets innovants et durables. L'entreprise offre un environnement de travail stimulant, axé sur la collaboration, la diversité et le développement professionnel.
</p>
<h4>
Zakaria Taouri
</h4>
<span>
Projet Dessinateur
</span>
</div>
<div class="testimonial-item p-4">
<img alt="Saad Barkouki" class="img-fluid rounded mb-3" src="img/colab1.jpg">
<p class="fs-5" style="text-align: justify">
En tant qu'ingénieur chez Ecotaqa, je suis inspiré par notre engagement envers les énergies renouvelables. Travailler sur des projets novateurs et durables est gratifiant. L'entreprise favorise un esprit d'équipe exceptionnel et offre des opportunités de croissance professionnelle passionnantes, faisant de ma carrière chez Ecotaqa une expérience vraiment enrichissante.
</p>
<h4>
Saad Barkouki
</h4>
<span>
Chef Dessinateur
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonial End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-light footer mt-5 py-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-5">
<div class="row g-5">
<div class="col-lg-3 col-md-6">
<h4 class="text-white mb-4">
Siége
</h4>
<p class="mb-2">
<i class="fa fa-map-marker-alt me-3">
</i>
N°4, 2ème étage, Immeuble Al Amal, Route de Biougra, Aït Melloul
</p>
<p class="mb-2">
<i class="fa fa-phone-alt me-3">
</i>
<a class="text-white" href="tel:+212 528 248 056">
+212 528 248 056
</a>
</p>
<p class="mb-2">
<i class="fa fa-envelope me-3">
</i>
<a class="text-white" href="mailto:[email protected]">
[email protected]
</a>
</p>
<div class="d-flex pt-2">
<a class="btn btn-square btn-outline-light rounded-circle me-2" href="">
<i class="fab fa-facebook-f">
</i>
</a>
<a class="btn btn-square btn-outline-light rounded-circle me-2" href="">
<i class="fab fa-linkedin-in">
</i>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<h4 class="text-white mb-4">
Services
</h4>
<a class="btn btn-link" href="">
Ingénierie des procédés énergétiques et systèmes à énergies renouvelables.â
</a>
<a class="btn btn-link" href="">
Gestion de projets.
</a>
<a class="btn btn-link" href="">
Stratégies de performance énergétique.
</a>
<a class="btn btn-link" href="">
Ingénierie électrique.
</a>
<a class="btn btn-link" href="">
Ingénierie thermique.
</a>
<a class="btn btn-link" href="">
Assistance à la Maîtrise dâOuvrage sur les opérations dâexécution.
</a>
<a class="btn btn-link" href="">
Management dâéquipes.
</a>
<a class="btn btn-link" href="">
Ingénierie financière.
</a>
</div>
<div class="col-lg-3 col-md-6">
<h4 class="text-white mb-4">
Liens rapides
</h4>
<a class="btn btn-link" href="about.html">
Nous
</a>
<a class="btn btn-link" href="contact.html">
Contacez nous
</a>
<a class="btn btn-link" href="service.html">
Services
</a>
</div>
<div class="col-lg-3 col-md-6">
<h4 class="text-white mb-4">
Newsletter
</h4>
<p>
Explorez Nos Dernières Nouvelles avec Notre Newsletter Engageante.
</p>
<div class="position-relative w-100">
<input class="form-control bg-light border-light w-100 py-3 ps-4 pe-5" placeholder="votre email" type="text">
<button class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2" type="button">
S'inscrire
</button>
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Copyright Start -->
<div class="container-fluid copyright py-4">
<div class="container">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
©
<a class="border-bottom" href="#">
Ecotaqa
</a>
, All Right Reserved.
</div>
<div class="col-md-6 text-center text-md-end">
<!--/*** This template is free as long as you keep the footer authorâs credit link/attribution link/backlink. If you'd like to use the template without the footer authorâs credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
Designed By
<a class="border-bottom" href="#">
Ecotaqa IT group
</a>
</div>
</div>
</div>
</div>
<!-- Copyright End -->
<!-- Back to Top -->
<a class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top" href="#">
<i class="bi bi-arrow-up">
</i>
</a>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js">
</script>
<script src="lib/wow/wow.min.js">
</script>
<script src="lib/easing/easing.min.js">
</script>
<script src="lib/waypoints/waypoints.min.js">
</script>
<script src="lib/owlcarousel/owl.carousel.min.js">
</script>
<script src="lib/counterup/counterup.min.js">
</script>
<script src="lib/isotope/isotope.pkgd.min.js">
</script>
<!-- Template Javascript -->
<script src="js/main.js">
</script>
</body>
</html>