<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Boostez votre entreprise avec notre expertise en ingénierie informatique et services IT ; Externalisation IT en Tunisie, développement logiciel, tests QA, intégration ERP et bien plus.">
<meta name="author" content="Whitecape Technologies">
<meta name="robots" content="index, follow">
<meta name="keywords" content=""/>
<title>Whitecape Technologies | Entreprise d’ingénierie informatique</title>
<link rel="canonical" href="https://www.whitecapetech.com/">
<link rel="icon" href="/assets/website/img/favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet" defer>
<link href="/assets/website/vendor/fontawesome/css/all.min.css" rel="stylesheet">
<link href="/assets/website/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/assets/website/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="/assets/website/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="/assets/website/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<link href="/assets/website/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="/assets/website/css/custom.min.css" rel="stylesheet">
<link href="/assets/website/css/responsive.min.css" rel="stylesheet">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EZGLZ8ZMET"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-EZGLZ8ZMET');
</script>
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top d-flex align-items-center border-bottom">
<div class="container d-flex align-items-center justify-content-between">
<a href="/" class="logo">
<img loading="lazy" src="/assets/website/img/logo.svg" width="100%" height="100%" alt="logo" class="img-fluid">
</a>
<nav id="navbar" class="navbar h-100">
<ul>
<li><a class="nav-link" href="/accompagnement-editeurs-logiciels">Savoir-faire</a></li>
<li><a class="nav-link" href="/test-logiciel">Expertise</a></li>
<li><a class="nav-link" href="/valeur-management">Valeurs</a></li>
<li><a class="nav-link" href="/blogs">Blog</a></li>
<li><a class="nav-link" href="/contact">Contact</a></li>
<li><a class="nav-link" href="/carriere">Carrières</a></li>
<li><a class="btn-dark getAppointment" href="/reserver-rendez-vous">Réservez un rendez-vous</a></li>
<div class="square-navbar d-lg-none d-md-block d-sm-block">
<div class="position-absolute navbar-position-1 list-unstyled d-flex">
<div class="square-rotation-navbar border-yellow"></div>
<div class="square-rotation-navbar border-orange"></div>
</div>
<div class="position-absolute navbar-position-2 list-unstyled d-flex">
<div class="square-rotation-navbar border-purple"></div>
<div class="square-rotation-navbar border-green"></div>
<div class="square-rotation-navbar border-blue"></div>
</div>
</div>
</ul>
</nav><!-- .navbar -->
<i class="bi bi-list mobile-nav-toggle"></i>
</div>
</header><!-- End Header -->
<main id="main">
<section id="hero">
<div class="hero-container bg-carousel">
<div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-pause="false">
<ol class="carousel-indicators" id="hero-carousel-indicators"></ol>
<div class="carousel-inner" role="listbox">
<div class="square-header d-none d-xxl-block d-xl-block d-lg-block">
<ul class="position-absolute header-position-1 list-unstyled">
<li class="square-rotation-header"></li>
<li class="square-rotation-header"></li>
</ul>
<ul class="position-absolute header-position-2 list-unstyled">
<li class="square-rotation-header"></li>
<li class="square-rotation-header"></li>
<li class="square-rotation-header"></li>
</ul>
</div>
<div class="carousel-item active bg-img bg-purple" style="background-image: url(/assets/uploads/sliders/writing-code-laptop-6433e812bce6f.webp);">
<div class="carousel-container">
<div class="carousel-content">
<h1>Leader du développement nearshore</h1>
<p>Whitecape vous accompagne pour la concrétisation de solutions numérique, critique, d'envergure et à forte valeur ajoutée en mode forfait et en mode régie.</p>
<div>
<a href="/contact-formulaire" class="btn-contact btn btn-dark card-button px-0 d-inline-flex align-items-center justify-content-center align-self-center">
<span>Contactez-nous</span>
</a>
</div>
</div>
</div>
</div>
<div class="carousel-item bg-img bg-yellow" style="background-image: url(/assets/uploads/sliders/competences-643ecee3d4694.webp);">
<div class="carousel-container">
<div class="carousel-content">
<h2>Des compétences dont vous avez besoin</h2>
<p>Des ressources compétentes et des experts IT sont à votre disposition pour des besoins ponctuels ou des projets à long terme.</p>
<div>
<a href="/contact-formulaire" class="btn-contact btn btn-dark card-button px-0 d-inline-flex align-items-center justify-content-center align-self-center">
<span>Contactez-nous</span>
</a>
</div>
</div>
</div>
</div>
<div class="carousel-item bg-img bg-green" style="background-image: url(/assets/uploads/sliders/collegues-643eb9b57077d.webp);">
<div class="carousel-container">
<div class="carousel-content">
<h2>Applications d’entreprise</h2>
<p>Forte d’une grande expérience dans la gestion des projets informatiques, Whitecape prend en charge la réalisation d’applications innovantes sur le marché international.</p>
<div>
<a href="/contact-formulaire" class="btn-contact btn btn-dark card-button px-0 d-inline-flex align-items-center justify-content-center align-self-center">
<span>Contactez-nous</span>
</a>
</div>
</div>
</div>
</div>
<div class="carousel-item bg-img bg-orange" style="background-image: url(/assets/uploads/sliders/hands-643eb6ea01c23.webp);">
<div class="carousel-container">
<div class="carousel-content">
<h2>De la conception au succès client</h2>
<p>Whitecape couvre tout le processus de développement logiciel. Nous pouvons intégrer vos équipes locales et collaborer sur toute ou une partie du cycle de vie de vos produits.</p>
<div>
<a href="/contact-formulaire" class="btn-contact btn btn-dark card-button px-0 d-inline-flex align-items-center justify-content-center align-self-center">
<span>Contactez-nous</span>
</a>
</div>
</div>
</div>
</div>
<div class="carousel-item bg-img bg-blue" style="background-image: url(/assets/uploads/sliders/bureau-agence-643ec165d44cc.webp);">
<div class="carousel-container">
<div class="carousel-content">
<h2>Organisez et boostez votre business</h2>
<p>Nous vous donnons accès à notre capital humain qualifié riche et diversifié, notre esprit collaboratif et notre expérience à l’internationale.</p>
<div>
<a href="/contact-formulaire" class="btn-contact btn btn-dark card-button px-0 d-inline-flex align-items-center justify-content-center align-self-center">
<span>Contactez-nous</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="aboutus" class="aboutus bg-light mt-0">
<div class="container">
<div class="section-title">
<h2>Notre savoir-faire</h2>
</div>
<div class="row px-5 d-none d-lg-flex">
<div class="d-lg-flex d-md-block align-items-start px-5 px-xl-0">
<div class="nav flex-column nav-pills ps-5 me-3 mt-4 col-xxl-4 col-xl-5 col-lg-4 pt-5 col-md-12 position-relative" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<button class="nav-link active" id="v-pills-1-tab" data-bs-toggle="pill" data-bs-target="#v-pills-1" type="button" role="tab" aria-controls="v-pills-1" aria-selected="true"><i class="bx bxs-square-rounded me-2 text-yellow top-40"></i>Accompagnement des éditeurs</button>
<button class="nav-link" id="v-pills-2-tab" data-bs-toggle="pill" data-bs-target="#v-pills-2" type="button" role="tab" aria-controls="v-pills-2" aria-selected="false"><i class="bx bxs-square-rounded me-2 text-green top-50"></i>Développement sur mesure</button>
<button class="nav-link" id="v-pills-3-tab" data-bs-toggle="pill" data-bs-target="#v-pills-3" type="button" role="tab" aria-controls="v-pills-3" aria-selected="false"><i class="bx bxs-square-rounded me-2 text-purple top-60"></i>Intégration de solution métier</button>
</div>
<div class="tab-content col-xxl-8 col-xl-7 col-lg-8 col-md-12 px-xxl-5 px-xl-0 px-md-5 pe-5" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-1" role="tabpanel" aria-labelledby="v-pills-1-tab" tabindex="0">
<h3><i class="bx bxs-square-rounded me-2 text-yellow"></i> Accompagnement des éditeurs</h3>
<p class="ms-xl-5 ms-0">
Depuis 2008 Whitecape offre aux éditeurs de logiciels un service Nearshore global qui se distingue par :
</p>
<ul class="list-unstyled ms-xl-5 ms-0 ps-1">
<li>Une grande transparence pour le suivi des projets</li>
<li>Un modèle économique optimisé et scalable selon vos budgets</li>
<li>Une souplesse dans l’affectation des ressources selon vos besoins réels</li>
<li>Une démarche Agile à tous les niveaux de la collaboration</li>
</ul>
<a href="/accompagnement-editeurs-logiciels" class="btn btn-dark fs-6 mt-4 ms-5 px-5 py-3">Découvrir nos services</a>
</div>
<div class="tab-pane fade" id="v-pills-2" role="tabpanel" aria-labelledby="v-pills-2-tab" tabindex="0">
<h3><i class="bx bxs-square-rounded me-2 text-green"></i> Développement sur mesure</h3>
<p class="ms-xl-5 ms-0">
Nous concevons pour vous des solutions sur mesure qui répondent à vos besoins spécifiques. Nous mettons en oeuvre lors des développements :
</p>
<ul class="list-unstyled ms-xl-5 ms-0 ps-1">
<li>Les normes et les standards qui garantissent la qualité des livrables.</li>
<li>Les bonnes pratiques de développement.</li>
<li>Les technologies les plus adaptées et les plus récentes.</li>
<li>La méthodologie Agile adaptée à votre contexte.</li>
</ul>
<a href="/developpement-sur-mesure" class="btn btn-dark fs-6 mt-4 ms-5 px-5 py-3">Découvrir nos services</a>
</div>
<div class="tab-pane fade" id="v-pills-3" role="tabpanel" aria-labelledby="v-pills-3-tab" tabindex="0">
<h3><i class="bx bxs-square-rounded me-2 text-purple"></i> Intégration de solution métier</h3>
<p class="ms-xl-5 ms-0">
Whitecape vous propose des solutions de gestion de bout en bout, performantes et rapides, avec des interfaces intuitives, faciles et adaptées à votre contexte.
</p>
<ul class="list-unstyled ms-xl-5 ms-0 ps-1">
<li>Gestion de projet</li>
<li>Gestion de production</li>
<li>Gestion de RH</li>
<li>Gestion de la vente</li>
</ul>
<a href="/integration-solutions-metier" class="btn btn-dark fs-6 mt-4 ms-5 px-5 py-3">Découvrir nos services</a>
</div>
</div>
</div>
</div>
<div class="d-lg-none d-flex">
<div class="swiper aboutSwiper">
<div class="swiper-wrapper">
<div class="swiper-slide d-flex flex-column justify-content-center">
<h3 class="animate__animated animate__fadeInDown"><i class="bx bxs-square-rounded me-2 text-yellow"></i> Accompagnement des éditeurs</h3>
<p class="ms-xl-5 ms-0">
Depuis 2008 Whitecape offre aux éditeurs de logiciels un service Nearshore global qui se distingue par :
</p>
<ul class="list-unstyled ms-xl-5 ms-0 ps-1">
<li>Une grande transparence pour le suivi des projets</li>
<li>Un modèle économique optimisé et scalable selon vos budgets</li>
<li>Une souplesse dans l’affectation des ressources selon vos besoins réels</li>
<li>Une démarche Agile à tous les niveaux de la collaboration</li>
</ul>
<div class="text-center">
<a href="/accompagnement-editeurs-logiciels" class="btn btn-dark fs-6 mt-4 px-5 py-3">Découvrir nos services</a>
</div>
</div>
<div class="swiper-slide d-flex flex-column justify-content-center">
<h3><i class="bx bxs-square-rounded me-2 text-green"></i> Développement sur mesure</h3>
<p class="ms-xl-5 ms-0">
Nous concevons pour vous des solutions sur mesure qui répondent à vos besoins spécifiques. Nous mettons en oeuvre lors des développements :
</p>
<ul class="list-unstyled ms-xl-5 ms-0 ps-1">
<li>Les normes et les standards qui garantissent la qualité des livrables.</li>
<li>Les bonnes pratiques de développement.</li>
<li>Les technologies les plus adaptées et les plus récentes,</li>
<li>La méthodologie Agile adaptée à votre contexte.</li>
</ul>
<div class="text-center">
<a href="/developpement-sur-mesure" class="btn btn-dark fs-6 mt-4 px-5 py-3">Découvrir nos services</a>
</div>
</div>
<div class="swiper-slide d-flex flex-column justify-content-center">
<h3><i class="bx bxs-square-rounded me-2 text-purple"></i> Intégration de solution métier</h3>
<p class="ms-xl-5 ms-0">
Whitecape vous propose des solutions de gestion de bout en bout, performantes et rapides, avec des interfaces intuitives, faciles et adaptées à votre contexte.
</p>
<ul class="list-unstyled ms-xl-5 ms-0 ps-1">
<li>Gestion de projet</li>
<li>Gestion de production</li>
<li>Gestion de RH</li>
<li>Gestion de la vente</li>
</ul>
<div class="text-center">
<a href="/integration-solutions-metier" class="btn btn-dark fs-6 mt-4 px-5 py-3">Découvrir nos services</a>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</section>
<section id="services" class="services">
<div class="container">
<div class="section-title">
<h2>Notre expertise</h2>
</div>
<div class="row pt-5 justify-content-center">
<div class="col-md-6 col-lg-4 d-flex align-items-stretch pb-2 px-5 mb-5">
<div class="icon-box">
<div class="icon bg-blue shadow-blue"><img class="img-fluid" src="assets/website/img/test.svg" alt="test" width="100%" height="100%" loading="lazy" /></div>
<h3 class="title pt-5 pb-3">Test Q/A</h3>
<p class="description pb-3">
Un service QA qualifié. Nos ingénieurs Test sont spécialisés dans la validation des applications Desktop, Web et Mobile.
</p>
<a href="/test-logiciel">Voir plus</a>
</div>
</div>
<div class="col-md-6 col-lg-4 d-flex align-items-stretch pb-2 px-5 mb-5">
<div class="icon-box">
<div class="icon bg-orange shadow-orange"><img class="img-fluid" src="assets/website/img/devops.svg" alt="devops" width="100%" height="100%" loading="lazy"/></div>
<h3 class="title pt-5 pb-3">DevOps</h3>
<p class="description pb-3">
Quel que soit le secteur de votre entreprise, optimiser les performances de vos équipes en optant pour une approche DevOps.
</p>
<a href="/devops">Voir plus</a>
</div>
</div>
<div class="col-md-6 col-lg-4 d-flex align-items-stretch pb-2 px-5 mb-5">
<div class="icon-box">
<div class="icon bg-green shadow-green"><img class="img-fluid" src="assets/website/img/dev.svg" alt="dev" width="100%" height="100%" loading="lazy"/></div>
<h3 class="title pt-5 pb-3">Développement</h3>
<p class="description pb-3">
Nos experts vous accompagnent dans toutes les tâches de maintenance, débogage, amélioration ou développement de fonctionnalités.
</p>
<a href="/development-logiciel">Voir plus</a>
</div>
</div>
</div>
</div>
</section>
<section id="testimonials" class="testimonials bg-light">
<div class="">
<div class="section-title">
<h2>Ils nous ont fait confiance</h2>
<p class="subtitle text-center">Nos clients témoignent...</p>
</div>
<div class="testimonials-carousel swiper">
<div class="swiper-wrapper">
<div class="testimonial-item swiper-slide text-center h-auto">
<h3>Roger-Yves PELLETRET</h3>
<h4 class="position-relative pb-3 mb-4">Président d'Atline services</h4>
<div class="testimonial-text">
<i class="bx bxs-quote-alt-right quote-icon-right fs-1"></i>
<p>
Notre société a confié à Whitecape la refonte de son site professionnel atline-formations.fr. Nous avons apprécié l'implication, le sérieux et la compétence des informaticiennes qui sont intervenues sur ce dossier. À souligner également, les méthodes "Qualité" mises en place par Whitecape, dont notamment l'encadrement de chaque projet par un "Sucess Manager" qui veille à la bonne compréhension des besoins du client et à leur satisfaction.
</p>
<i class="bx bxs-quote-alt-left quote-icon-left fs-1"></i>
</div>
</div>
<div class="testimonial-item swiper-slide text-center h-auto">
<h3>Mohamed Saifeddine HICHRI</h3>
<h4 class="position-relative pb-3 mb-4">Founder & CEO Aecor nutrition</h4>
<div class="testimonial-text">
<i class="bx bxs-quote-alt-right quote-icon-right fs-1"></i>
<p>
Whitecape a été et est toujours aujourd’hui un soutien et une aide précieuse pour le bon fonctionnement de notre entreprise. Whitecape a su nous guider vers les bons choix lors de l’implémentation de notre ERP, aussi bien sur le montage des modules que sur la recherche des bonnes solutions. Whitecape a su être un véritable partenaire, lors de la phase de lancement et du suivi d’activité avec notamment l’accompagnement au lancement et la mise en place de notre site web. Whitecape, n’est pas seulement un fournisseur de choix, mais plutôt un véritable partenaire ! Un grand Merci.
</p>
<i class="bx bxs-quote-alt-left quote-icon-left fs-1"></i>
</div>
</div>
<div class="testimonial-item swiper-slide text-center h-auto">
<h3>Xavier RAHIER</h3>
<h4 class="position-relative pb-3 mb-4">Sales manager Xatrax</h4>
<div class="testimonial-text">
<i class="bx bxs-quote-alt-right quote-icon-right fs-1"></i>
<p>
Nous sommes entrés en contact avec Whitecape pour un projet de développement .net pour lequel nous n’avions pas les ressources nécessaires. Après divers points skype et une visite sur place (afin de maîtriser le cycle de vie global du projet), nous nous sommes lancés dans l’aventure. Le début a été difficile, mais l’écoute de la direction de Whitecape a corrigé le tir et nous tournons désormais à plein régime. Je ne doute désormais plus du tout de la valeur ajoutée proposée par WhiteCape, tant sur la partie développement, testing, mais également sur la partie analytique/architecture du projet.
</p>
<i class="bx bxs-quote-alt-left quote-icon-left fs-1"></i>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- End Testimonials Section -->
<section id="partners" class="partners">
<div class="container">
<div class="section-title pb-2">
<h2>Nos clients</h2>
</div>
<div class="row">
<div class="col-lg-3 col-md-4 col-6 mt-5 d-flex align-items-center">
<img src="/assets/uploads/partners/TWIPI-GROUP-logo-rvb-65aa2471908c3.webp" class="img-fluid" width="190px" height="100%" alt="Twipi" loading="lazy">
</div>
<div class="col-lg-3 col-md-4 col-6 mt-5 d-flex align-items-center">
<img src="/assets/uploads/partners/neoledge-logo-64872fb8781e2.webp" class="img-fluid" width="190px" height="100%" alt="Neoledge" loading="lazy">
</div>
<div class="col-lg-3 col-md-4 col-6 mt-5 d-flex align-items-center">
<img src="/assets/uploads/partners/atline-logo-65aa246793b25.webp" class="img-fluid" width="190px" height="100%" alt="Atline" loading="lazy">
</div>
<div class="col-lg-3 col-md-4 col-6 mt-5 d-flex align-items-center">
<img src="/assets/uploads/partners/FooterLogo-64873009d9128.webp" class="img-fluid" width="190px" height="100%" alt="Hasbro" loading="lazy">
</div>
<div class="col-lg-3 col-md-4 col-6 mt-5 d-flex align-items-center">
<img src="/assets/uploads/partners/AF-Logo-CT-V-POS-infodream-v2-6487302d555bf.webp" class="img-fluid" width="190px" height="100%" alt="Infodream" loading="lazy">
</div>
<div class="col-lg-3 col-md-4 col-6 mt-5 d-flex align-items-center">
<img src="/assets/uploads/partners/cropped-logo-squared-1-6487305cbc979.webp" class="img-fluid" width="190px" height="100%" alt="Xatrax" loading="lazy">
</div>
<div class="col-lg-3 col-md-4 col-6 mt-5 d-flex align-items-center">
<img src="/assets/uploads/partners/cropped-logo-BELINK-1-e1549358769311-1-6487306edaf88.webp" class="img-fluid" width="190px" height="100%" alt="Belink" loading="lazy">
</div>
<div class="col-lg-3 col-md-4 col-6 mt-5 d-flex align-items-center">
<img src="/assets/uploads/partners/Aecor-64873083c3c81.webp" class="img-fluid" width="190px" height="100%" alt="Aecor" loading="lazy">
</div>
<div class="col-lg-3 col-md-4 col-6 mt-5 d-flex align-items-center">
<img src="/assets/uploads/partners/logo-6487309571c5b.webp" class="img-fluid" width="190px" height="100%" alt="Dawatech" loading="lazy">
</div>
<div class="col-lg-3 col-md-4 col-6 mt-5 d-flex align-items-center">
<img src="/assets/uploads/partners/logo-contact-ab4fad9c8344cc980a79efaf2882d54b1154bb3421ddd3fe4732af9b96cb3cf4-648730b8da9ee.webp" class="img-fluid" width="190px" height="100%" alt="A-syst" loading="lazy">
</div>
<div class="col-lg-3 col-md-4 col-6 mt-5 d-flex align-items-center">
<img src="/assets/uploads/partners/itserv-648730e1ee2fe.webp" class="img-fluid" width="190px" height="100%" alt="Itserv" loading="lazy">
</div>
<div class="col-lg-3 col-md-4 col-6 mt-5 d-flex align-items-center">
<img src="/assets/uploads/partners/logo-c2w-1-6487311dbe550.webp" class="img-fluid" width="190px" height="100%" alt="clef2web" loading="lazy">
</div>
</div>
</div>
</section>
<!-- ======= Recent Blog Posts Section ======= -->
<section id="recent-blog-posts" class="recent-blog-posts bg-light">
<div class="container">
<div class="">
<div class="section-title">
<h2>Derniers articles</h2>
<p class="subtitle text-center">Vous trouverez ici une série d’articles conçus spécialement pour vous aider</p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-4 col-md-6 px-3">
<div class="d-none d-lg-block post-box pb-5">
<div class="post-img overflow-hidden position-relative">
<img src="/assets/uploads/blog/Agile-vs-DevOps-649adab1a6f34.webp" width="100%" height="100%" class="img-fluid" alt="Agile vs DevOps" loading="lazy">
<a href="/blogs/3-m%C3%A9thode-agile-vs-approche-devops-:-similarit%C3%A9s-et-diff%C3%A9rences">
<div class="read-more">
</div>
<div class="icon-figcaption">
<img src="/assets/website/img/icon-blog.svg" class="img-fluid" width="40px" height="100%" alt="icon" loading="lazy">
</div>
<p class="text-center">Lire <br> l'article</p>
</a>
</div>
<h3 class="post-title">Méthode Agile vs Approche DevOps : Similarités et Différences</h3>
<div class="post-content">Dans le monde de l'ingénierie logicielle, deux approches ont gagné en popularité ces dernières années : la méthode Agile et l'approche DevOps. Bien que souvent utilisées ensemble, ces deux méthodes présentent des différences importantes. Dans cet article, nous explorerons les similarités et les différences entre la méthode Agile et l'approche DevOps, et comment elles peuvent être complémentaires pour améliorer la qualité et la rapidité du développement logiciel.</div>
<hr>
<div class="d-flex">
<p class="post-date"><span>Article Publié le</span> 27 juin 2023</p>
</div>
</div>
<a class="d-lg-none d-block" href="/blogs/3-m%C3%A9thode-agile-vs-approche-devops-:-similarit%C3%A9s-et-diff%C3%A9rences">
<div class="post-box pb-5">
<div class="post-img overflow-hidden position-relative">
<img src="/assets/uploads/blog/Agile-vs-DevOps-649adab1a6f34.webp" width="100%" height="100%" class="img-fluid" alt="Agile vs DevOps" loading="lazy">
</div>
<h3 class="post-title">Méthode Agile vs Approche DevOps : Similarités et Différences</h3>
<div class="post-content">Dans le monde de l'ingénierie logicielle, deux approches ont gagné en popularité ces dernières années : la méthode Agile et l'approche DevOps. Bien que souvent utilisées ensemble, ces deux méthodes présentent des différences importantes. Dans cet article, nous explorerons les similarités et les différences entre la méthode Agile et l'approche DevOps, et comment elles peuvent être complémentaires pour améliorer la qualité et la rapidité du développement logiciel.</div>
<hr>
<div class="d-flex">
<p class="post-date"><span>Article Publié le</span> 27 juin 2023</p>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6 px-3">
<div class="d-none d-lg-block post-box pb-5">
<div class="post-img overflow-hidden position-relative">
<img src="/assets/uploads/blog/reussir-son-projet-nearshore-649472b36a401.webp" width="100%" height="100%" class="img-fluid" alt="nearshore" loading="lazy">
<a href="/blogs/2-comment-r%C3%A9ussir-votre-projet-nearshore">
<div class="read-more">
</div>
<div class="icon-figcaption">
<img src="/assets/website/img/icon-blog.svg" class="img-fluid" width="40px" height="100%" alt="icon" loading="lazy">
</div>
<p class="text-center">Lire <br> l'article</p>
</a>
</div>
<h3 class="post-title">Comment réussir votre projet nearshore</h3>
<div class="post-content">Whitecape adopte un processus de lancement clair et simple qui vise la sécurisation de la collaboration. Le processus commence par la contractualisation de la relation est se termine par le prototypage et la régulation.</div>
<hr>
<div class="d-flex">
<p class="post-date"><span>Article Publié le</span> 21 juin 2023</p>
</div>
</div>
<a class="d-lg-none d-block" href="/blogs/2-comment-r%C3%A9ussir-votre-projet-nearshore">
<div class="post-box pb-5">
<div class="post-img overflow-hidden position-relative">
<img src="/assets/uploads/blog/reussir-son-projet-nearshore-649472b36a401.webp" width="100%" height="100%" class="img-fluid" alt="nearshore" loading="lazy">
</div>
<h3 class="post-title">Comment réussir votre projet nearshore</h3>
<div class="post-content">Whitecape adopte un processus de lancement clair et simple qui vise la sécurisation de la collaboration. Le processus commence par la contractualisation de la relation est se termine par le prototypage et la régulation.</div>
<hr>
<div class="d-flex">
<p class="post-date"><span>Article Publié le</span> 21 juin 2023</p>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6 px-3">
<div class="d-none d-lg-block post-box pb-5">
<div class="post-img overflow-hidden position-relative">
<img src="/assets/uploads/blog/externalisation-informatique-en-Tunisie-64873dc17ff41.webp" width="100%" height="100%" class="img-fluid" alt="Externalisation informatique en Tunisie" loading="lazy">
<a href="/blogs/1-5-raisons-d%E2%80%99externaliser-vos-besoins-informatiques-en-tunisie">
<div class="read-more">
</div>
<div class="icon-figcaption">
<img src="/assets/website/img/icon-blog.svg" class="img-fluid" width="40px" height="100%" alt="icon" loading="lazy">
</div>
<p class="text-center">Lire <br> l'article</p>
</a>
</div>
<h3 class="post-title">5 raisons d’externaliser vos besoins informatiques en Tunisie</h3>
<div class="post-content">L'externalisation est devenue une stratégie incontournable dans le secteur informatique, offrant de nombreux avantages aux entreprises.
La Tunisie, pays d’Afrique du Nord, vous offre une combinaison unique de qualité, de coûts compétitifs et d'expertise technique qui en font une destination attrayante pour externaliser vos projets de développement.</div>
<hr>
<div class="d-flex">
<p class="post-date"><span>Article Publié le</span> 12 juin 2023</p>
</div>
</div>
<a class="d-lg-none d-block" href="/blogs/1-5-raisons-d%E2%80%99externaliser-vos-besoins-informatiques-en-tunisie">
<div class="post-box pb-5">
<div class="post-img overflow-hidden position-relative">
<img src="/assets/uploads/blog/externalisation-informatique-en-Tunisie-64873dc17ff41.webp" width="100%" height="100%" class="img-fluid" alt="Externalisation informatique en Tunisie" loading="lazy">
</div>
<h3 class="post-title">5 raisons d’externaliser vos besoins informatiques en Tunisie</h3>
<div class="post-content">L'externalisation est devenue une stratégie incontournable dans le secteur informatique, offrant de nombreux avantages aux entreprises.
La Tunisie, pays d’Afrique du Nord, vous offre une combinaison unique de qualité, de coûts compétitifs et d'expertise technique qui en font une destination attrayante pour externaliser vos projets de développement.</div>
<hr>
<div class="d-flex">
<p class="post-date"><span>Article Publié le</span> 12 juin 2023</p>
</div>
</div>
</a>
</div>
<div class="col-lg-12 d-flex justify-content-center">
<a href="/blogs" class="btn btn-dark btn-read-more py-1 d-inline-flex align-items-center justify-content-center align-self-center">
<span>Voir tous les articles</span>
</a>
</div>
</div>
</div>
</section><!-- End Recent Blog Posts Section -->
<section id="social-posts" class="social-posts bg-light">
<div class="absolute-bg-social-post"></div>
<div class="d-none d-lg-block">
<div class="social-posts-carousel swiper">
<div class="swiper-wrapper">
<div class="social-post-item swiper-slide text-center">
<a href="https://linkedin.com/posts/whitecape-technologies_3-raisons-dexternaliser-vos-besoins-informatiques-activity-7018865574801747968-DsOs?utm_source=share&utm_medium=member_desktop" target="_blank">
<div class="social-post-item-img">
<p class="wct">whitecapetech.com</p>
<img src="/assets/uploads/socialfeed/externalisation-IT-64c6e7a5dc02c.webp" width="100%" height="100%" class="social-post-img" alt="Raisons d'externaliser les besoins informatique" loading="lazy">
<div class="post-info">
<img src="/assets/website/img/logo-linkedin.svg" width="60px" height="60px" alt="logo-linkedin" loading="lazy">
<p>Voir le post sur</p>
<h4>LinkedIn</h4>
</div>
<div class="square">
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
</div>
</div>
</a>
</div>
<div class="social-post-item swiper-slide text-center">
<a href="https://instagram.com/reel/CoXgxLNo7vJ/?utm_source=ig_web_copy_link&igshid=MzRlODBiNWFlZA==" target="_blank">
<div class="social-post-item-img">
<p class="wct">whitecapetech.com</p>
<img src="/assets/uploads/socialfeed/outils-de-gestion-de-projets-64c6ea7c4a0f9.webp" width="100%" height="100%" class="social-post-img" alt="Outils de gestion de projets" loading="lazy">
<div class="post-info">
<img src="/assets/website/img/logo-instagram.svg" width="60px" height="60px" alt="logo-instagram" loading="lazy">
<p>Voir le post sur</p>
<h4>Instagram</h4>
</div>
<div class="square">
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
</div>
</div>
</a>
</div>
<div class="social-post-item swiper-slide text-center">
<a href="https://facebook.com/WhitecapeTech/posts/pfbid054rYxQcLQnW6ksg99FqKRDnkzKm4oi5uNdQpNU869BDFYgqT5fE5TkqKxzrBHgoZl" target="_blank">
<div class="social-post-item-img">
<p class="wct">whitecapetech.com</p>
<img src="/assets/uploads/socialfeed/partenariat-Horizon-64c6eaf61888e.webp" width="100%" height="100%" class="social-post-img" alt="Partenariat Horizon" loading="lazy">
<div class="post-info">
<img src="/assets/website/img/logo-facebook.svg" width="60px" height="60px" alt="logo-facebook" loading="lazy">
<p>Voir le post sur</p>
<h4>Facebook</h4>
</div>
<div class="square">
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
</div>
</div>
</a>
</div>
<div class="social-post-item swiper-slide text-center">
<a href="https://facebook.com/WhitecapeTech/posts/pfbid0HKvSPygw2TyTjomCXcZ7csymyS4zemfXEewhj2cUCSz5Sf3En4h68oH5LzsepWxwl" target="_blank">
<div class="social-post-item-img">
<p class="wct">whitecapetech.com</p>
<img src="/assets/uploads/socialfeed/journee-portes-ouvertes-avec-Polytech-64c6ec7f3ff19.webp" width="100%" height="100%" class="social-post-img" alt="Collaboration avec Polytech" loading="lazy">
<div class="post-info">
<img src="/assets/website/img/logo-facebook.svg" width="60px" height="60px" alt="logo-facebook" loading="lazy">
<p>Voir le post sur</p>
<h4>Facebook</h4>
</div>
<div class="square">
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
</div>
</div>
</a>
</div>
<div class="social-post-item swiper-slide text-center">
<a href="https://instagram.com/p/CtHf3KXKG0P/?utm_source=ig_web_copy_link&igshid=MzRlODBiNWFlZA==" target="_blank">
<div class="social-post-item-img">
<p class="wct">whitecapetech.com</p>
<img src="/assets/uploads/socialfeed/protection-environnement-64c6ed3692c32.webp" width="100%" height="100%" class="social-post-img" alt="Protection environnement" loading="lazy">
<div class="post-info">
<img src="/assets/website/img/logo-instagram.svg" width="60px" height="60px" alt="logo-instagram" loading="lazy">
<p>Voir le post sur</p>
<h4>Instagram</h4>
</div>
<div class="square">
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
</div>
</div>
</a>
</div>
<div class="social-post-item swiper-slide text-center">
<a href="https://linkedin.com/posts/whitecape-technologies_tests-logiciels-activity-7077933313948065792-_OOR?utm_source=share&utm_medium=member_desktop" target="_blank">
<div class="social-post-item-img">
<p class="wct">whitecapetech.com</p>
<img src="/assets/uploads/socialfeed/Tests-logiciel-64c6edf0b630a.webp" width="100%" height="100%" class="social-post-img" alt="Tests logiciel" loading="lazy">
<div class="post-info">
<img src="/assets/website/img/logo-linkedin.svg" width="60px" height="60px" alt="logo-linkedin" loading="lazy">
<p>Voir le post sur</p>
<h4>LinkedIn</h4>
</div>
<div class="square">
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
</div>
</div>
</a>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="d-lg-none d-block">
<div class="social-posts-carousel swiper">
<div class="swiper-wrapper">
<div class="social-post-item swiper-slide text-center">
<div class="social-post-item-img">
<p class="wct">whitecapetech.com</p>
<img src="/assets/uploads/socialfeed/externalisation-IT-64c6e7a5dc02c.webp" width="100%" height="100%" class="social-post-img" alt="Raisons d'externaliser les besoins informatique" loading="lazy">
<a href="https://linkedin.com/posts/whitecape-technologies_3-raisons-dexternaliser-vos-besoins-informatiques-activity-7018865574801747968-DsOs?utm_source=share&utm_medium=member_desktop" target="_blank">
<div class="post-info">
<img src="/assets/website/img/logo-linkedin.svg" width="60px" height="60px" alt="logo-linkedin" loading="lazy">
<p>Voir le post sur <span>LinkedIn</span></p>
</div>
</a>
<div class="square">
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
</div>
</div>
</a>
</div>
<div class="social-post-item swiper-slide text-center">
<div class="social-post-item-img">
<p class="wct">whitecapetech.com</p>
<img src="/assets/uploads/socialfeed/outils-de-gestion-de-projets-64c6ea7c4a0f9.webp" width="100%" height="100%" class="social-post-img" alt="Outils de gestion de projets" loading="lazy">
<a href="https://instagram.com/reel/CoXgxLNo7vJ/?utm_source=ig_web_copy_link&igshid=MzRlODBiNWFlZA==" target="_blank">
<div class="post-info">
<img src="/assets/website/img/logo-instagram.svg" width="60px" height="60px" alt="logo-instagram" loading="lazy">
<p>Voir le post sur <span>Instagram</span></p>
</div>
</a>
<div class="square">
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
</div>
</div>
</a>
</div>
<div class="social-post-item swiper-slide text-center">
<div class="social-post-item-img">
<p class="wct">whitecapetech.com</p>
<img src="/assets/uploads/socialfeed/partenariat-Horizon-64c6eaf61888e.webp" width="100%" height="100%" class="social-post-img" alt="Partenariat Horizon" loading="lazy">
<a href="https://facebook.com/WhitecapeTech/posts/pfbid054rYxQcLQnW6ksg99FqKRDnkzKm4oi5uNdQpNU869BDFYgqT5fE5TkqKxzrBHgoZl" target="_blank">
<div class="post-info">
<img src="/assets/website/img/logo-facebook.svg" width="60px" height="60px" alt="logo-facebook" loading="lazy">
<p>Voir le post sur <span>Facebook</span></p>
</div>
</a>
<div class="square">
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
</div>
</div>
</a>
</div>
<div class="social-post-item swiper-slide text-center">
<div class="social-post-item-img">
<p class="wct">whitecapetech.com</p>
<img src="/assets/uploads/socialfeed/journee-portes-ouvertes-avec-Polytech-64c6ec7f3ff19.webp" width="100%" height="100%" class="social-post-img" alt="Collaboration avec Polytech" loading="lazy">
<a href="https://facebook.com/WhitecapeTech/posts/pfbid0HKvSPygw2TyTjomCXcZ7csymyS4zemfXEewhj2cUCSz5Sf3En4h68oH5LzsepWxwl" target="_blank">
<div class="post-info">
<img src="/assets/website/img/logo-facebook.svg" width="60px" height="60px" alt="logo-facebook" loading="lazy">
<p>Voir le post sur <span>Facebook</span></p>
</div>
</a>
<div class="square">
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
</div>
</div>
</a>
</div>
<div class="social-post-item swiper-slide text-center">
<div class="social-post-item-img">
<p class="wct">whitecapetech.com</p>
<img src="/assets/uploads/socialfeed/protection-environnement-64c6ed3692c32.webp" width="100%" height="100%" class="social-post-img" alt="Protection environnement" loading="lazy">
<a href="https://instagram.com/p/CtHf3KXKG0P/?utm_source=ig_web_copy_link&igshid=MzRlODBiNWFlZA==" target="_blank">
<div class="post-info">
<img src="/assets/website/img/logo-instagram.svg" width="60px" height="60px" alt="logo-instagram" loading="lazy">
<p>Voir le post sur <span>Instagram</span></p>
</div>
</a>
<div class="square">
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
</div>
</div>
</a>
</div>
<div class="social-post-item swiper-slide text-center">
<div class="social-post-item-img">
<p class="wct">whitecapetech.com</p>
<img src="/assets/uploads/socialfeed/Tests-logiciel-64c6edf0b630a.webp" width="100%" height="100%" class="social-post-img" alt="Tests logiciel" loading="lazy">
<a href="https://linkedin.com/posts/whitecape-technologies_tests-logiciels-activity-7077933313948065792-_OOR?utm_source=share&utm_medium=member_desktop" target="_blank">
<div class="post-info">
<img src="/assets/website/img/logo-linkedin.svg" width="60px" height="60px" alt="logo-linkedin" loading="lazy">
<p>Voir le post sur <span>LinkedIn</span></p>
</div>
</a>
<div class="square">
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
<i class="bx bxs-square-rounded text-blue"></i>
<i class="bx bxs-square-rounded text-orange"></i>
<i class="bx bxs-square-rounded text-green"></i>
<i class="bx bxs-square-rounded text-yellow"></i>
<i class="bx bxs-square-rounded text-purple"></i>
</div>
</div>
</a>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section>
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer" class="position-relative overflow-hidden">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-6 col-sm-12 footer-presentation mb-0 mb-lg-3">
<div class="footer-info">
<img loading="lazy" src="/assets/website/img/logofooter.svg" width="100%" height="100%" alt="logo" class="img-fluid">
<p class="pt-xxl-4 pt-3">
Whitecape est une entreprise Franco-Tunisienne qui a cumulé une longue expérience dans la gestion de projets en local et en mode Nearshore…
</p>
</div>
</div>
<div class="col-12 col-lg-4 footer-links mt-0 mt-lg-4">
<div class="row px-0 px-lg-5">
<h4>Liens utiles</h4>
<div class="col-12 col-lg-6 pt-xxl-4 pt-3">
<ul>
<li><a href="/">Accueil</a></li>
<li><a href="/accompagnement-editeurs-logiciels">Savoir-faire</a></li>
<li><a href="/test-logiciel">Expertise</a></li>
<li><a href="/valeur-environnement-social">Valeurs</a></li>
</ul>
</div>
<div class="col-12 col-lg-6 pt-xxl-4 pt-3">
<ul>
<li><a href="/blogs">Blog</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="/carriere">Carrières</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 footer-social mt-0 mt-lg-4">
<h4>Contactez Nous</h4>
<p class="pt-xxl-3 pt-2">
Avenue de la République Akouda 4022 Sousse - Tunisie
</p>
<div class="d-flex">
<p class="me-2 mb-0">Tel :</p>
<div>
<p class="mb-0">+216 31 20 88 88</p>
<p class="mb-0">+33 5 32 10 80 56</p>
</div>
</div>
<div class="social-links mt-3">
<a href="https://fr-fr.facebook.com/WhitecapeTech/" aria-label="Facebook" target="_blank" class="facebook"><i class="bx bxl-facebook fs-4"></i></a> <a href="https://instagram.com/whitecapetech/?hl=fr" aria-label="Instagram" target="_blank" class="instagram"><i class="bx bxl-instagram fs-4"></i></a> <a href="https://linkedin.com/company/whitecape-technologies" aria-label="LinkedIn" target="_blank" class="linkedin"><i class="bx bxl-linkedin fs-4"></i></a> <a href="https://twitter.com/whitecape_tech" aria-label="Twitter" target="_blank" class="twitter"><i class="fa-brands fa-x-twitter fs-4"></i></a> </div>
</div>
</div>
</div>
<div class="square-footer">
<ul class="position-absolute footer-position-1 list-unstyled d-flex">
<li class="square-rotation-footer border-yellow"></li>
<li class="square-rotation-footer border-orange"></li>
</ul>
<ul class="position-absolute footer-position-2 list-unstyled d-flex">
<li class="square-rotation-footer border-purple"></li>
<li class="square-rotation-footer border-green"></li>
<li class="square-rotation-footer border-blue"></li>
</ul>
</div>
<div class="copyright">
Copyright © 2023 Whitecape Technologies
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Bootstrap core JS-->
<script src="/assets/dashboard/vendor/jquery/jquery.min.js"></script>
<!-- Vendor JS Files -->
<script defer src="/assets/website/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script defer src="/assets/website/vendor/swiper/swiper-bundle.min.js"></script>
<script defer src="/assets/website/js/main.min.js"></script>
<script>
(function () {
"use strict";
const select = (el, all = false) => all ? [...document.querySelectorAll(el)] : document.querySelector(el);
const heroCarouselIndicators = select("#hero-carousel-indicators");
const heroCarouselItems = select('#heroCarousel .carousel-item', true);
heroCarouselIndicators.innerHTML = heroCarouselItems.map((item, index) => `<li data-bs-target='#heroCarousel' data-bs-slide-to='${index}'${index === 0 ? " class='active'" : ""}></li>`).join('');
})();
$(document).ready(function () {
const totalSlides = 5;
const olElement = $("#hero-carousel-indicators");
olElement.find("li").each(function (index) {
const slideNumber = index + 1;
const paddedSlideNumber = ("0" + slideNumber).slice(-2);
$(this).append(`<p>${paddedSlideNumber}</p>`);
});
/**
* About us slider
*/
new Swiper(".aboutSwiper", {
spaceBetween: 50,
pagination: {
el: ".swiper-pagination",
type: 'bullets',
clickable: true
},
});
/**
* Testimonials slider
*/
new Swiper('.testimonials-carousel', {
slidesPerView: 1,
slidesPerColumn: 3,
loopedSlides: 50,
centeredSlides: true,
spaceBetween: 20,
loop: true,
slideToClickedSlide: true,
pagination: {
el: '.swiper-pagination',
type: 'bullets',
clickable: true
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
breakpoints: {
640: {
slidesPerView: 1.5,
spaceBetween: 20,
},
768: {
slidesPerView: 1.5,
spaceBetween: 40,
},
1024: {
slidesPerView: 2,
spaceBetween: 60,
},
},
});
/**
* Social post slider
*/
new Swiper('.social-posts-carousel', {
slidesPerView: 1,
slidesPerColumn: 3,
loopedSlides: 50,
centeredSlides: true,
spaceBetween: 20,
loop: true,
slideToClickedSlide: true,
breakpoints: {
320: {
slidesPerView: 2,
spaceBetween: 15
},
1200: {
slidesPerView: 4,
spaceBetween: 70
}
}
});
});
</script>
</body>
</html>
