Calculateur de Vecteurs IJ
Un outil en ligne convivial pour effectuer des opérations vectorielles telles que l’addition, la soustraction, les produits scalaire et vectoriel, destiné aux étudiants et aux professionnels.
<desc>An icon representing vector calculations with arrows and axes, styled in blue and gray for clarity and modern aesthetic.</desc><circle cx="256" cy="256" r="200" fill="none" stroke="#007BFF" stroke-width="32" stroke-linecap="round" stroke-linejoin="round"/><line x1="256" y1="56" x2="256" y2="456" stroke="#6C757D" stroke-width="8" stroke-linecap="round"/><line x1="56" y1="256" x2="456" y2="256" stroke="#6C757D" stroke-width="8" stroke-linecap="round"/><path d="M256 256 L356 156" stroke="#007BFF" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/><path d="M256 256 L156 356" stroke="#007BFF" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/><circle cx="356" cy="156" r="12" fill="#007BFF"/><circle cx="156" cy="356" r="12" fill="#007BFF"/><rect x="410" y="156" width="80" height="80" fill="none" stroke="#6C757D" stroke-width="4" rx="8" ry="8"/><circle cx="256" cy="256" r="12" fill="#007BFF"/></svg>
</div>
<img class="w-48 md:w-64 absolute top-1/2 -translate-y-1/2 -right-32 xl:-right-12"
src="https://anyonlinetool.com/themes/tailwind/images/tool/mobile.png" alt="">
</div>
</div>
</div>
<div class="relative flex items-center w-full">
<div class="relative z-20 px-4 mx-auto xl:px-5 max-w-7xl w-full">
<div class="py-10 md:py-16">
<h2 class="text-3xl md:text-4xl font-semibold md:leading-tight leading-tight mb-12 text-center">
Vérifiez par vous-même
</h2>
<div class="mb-6">
<script src="https://anyonlinetool.com/embed-bucket/aot.js" data-license-key=guest_user
data-lang="en-us"
data-tool-key="calculateur-de-vector-ij"></script>
</div>
<div class="flex gap-4 flex-wrap md:flex-nowrap">
<a class="w-full md:w-1/3 flex justify-center items-center gap-2.5 text-lg md:text-xl font-medium border border-[#cacaca] rounded-xl h-[60px] md:h-[75px] px-10 transition-all duration-200 hover:border-transparent hover:shadow-wave"
href="#">
<svg class="w-auto md:w-11 h-8 md:h-11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 44"
fill="none">
<path
d="M0 22L8.70116 13.4922L11.4885 16.2176L5.57473 22L11.4885 27.7824L8.70116 30.5078L0 22ZM13.7988 8.5078L22.5 0L31.2012 8.5078L28.4138 11.2332L22.5 5.45085L16.5862 11.2332L13.7988 8.5078ZM16.5862 32.7668L22.5 38.5492L28.4138 32.7668L31.2012 35.4922L22.5 44L13.7988 35.4922L16.5862 32.7668ZM20.5248 23.9313V20.0687H24.4752V23.9313H20.5248ZM33.5115 27.7824L39.4253 22L33.5115 16.2176L36.2988 13.4922L45 22L36.2988 30.5078L33.5115 27.7824Z"
fill="#F7869A" />
</svg>
<span>Appeler l'outil via l'API</span>
</a>
<a class="embed-tool w-full md:w-1/3 flex justify-center items-center gap-5 text-lg md:text-xl font-medium border border-[#cacaca] rounded-xl h-[60px] md:h-[75px] px-10 transition-all duration-200 hover:border-transparent hover:shadow-wave"
href="#">
<svg class="w-auto md:w-[58px] h-[22px] md:h-[34px]" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 58 34" fill="none">
<path
d="M38.1579 27.5347L42.7368 32.0496L58 17L42.7368 1.95043L38.1579 6.4653L48.8421 17L38.1579 27.5347ZM19.8421 6.4653L15.2632 1.95043L0 17L15.2632 32.0496L19.8421 27.5347L9.1579 17L19.8421 6.4653ZM31.9244 0L35.2365 0.890935L26.0786 34L22.7665 33.1091L31.9244 0Z"
fill="#50B4CC" />
</svg>
<span>Intégrer sur votre site</span>
</a>
<a class="w-full md:w-1/3 flex justify-center items-center gap-4 text-lg md:text-xl font-medium border border-[#cacaca] rounded-xl h-[60px] md:h-[75px] px-10 transition-all duration-200 hover:border-transparent hover:shadow-wave"
href="#">
<svg class="w-auto md:w-[39px] h-[23px] md:h-[35px]" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 39 35" fill="none">
<path
d="M20.6661 25.2778L14.4261 9.72222H10.5261L6.6261 19.4444V19.4483L4.28805 25.2778H8.48835L9.26835 23.3333H15.6838L16.4638 25.2778H20.6661ZM10.8264 19.4444L12.4781 15.3319L14.1258 19.4444H10.8264ZM29.25 9.72222H33.15V25.2778H27.3C25.7485 25.2778 24.2605 24.6632 23.1634 23.5692C22.0663 22.4753 21.45 20.9915 21.45 19.4444C21.45 17.8973 22.0663 16.4136 23.1634 15.3197C24.2605 14.2257 25.7485 13.6111 27.3 13.6111H29.25V9.72222ZM27.3 17.5C26.7828 17.5 26.2868 17.7049 25.9211 18.0695C25.5554 18.4342 25.35 18.9287 25.35 19.4444C25.35 19.9601 25.5554 20.4547 25.9211 20.8194C26.2868 21.184 26.7828 21.3889 27.3 21.3889H29.25V17.5H27.3ZM37.05 0H1.95C1.43283 0 0.936838 0.20486 0.571142 0.569515C0.205446 0.934169 0 1.42875 0 1.94444V33.0556C0 33.5713 0.205446 34.0658 0.571142 34.4305C0.936838 34.7951 1.43283 35 1.95 35H37.05C37.5672 35 38.0632 34.7951 38.4289 34.4305C38.7946 34.0658 39 33.5713 39 33.0556V1.94444C39 1.42875 38.7946 0.934169 38.4289 0.569515C38.0632 0.20486 37.5672 0 37.05 0ZM3.9 31.1111V3.88889H35.1V31.1111H3.9Z"
fill="#6D9CF6" />
</svg>
<span>Faites de la publicité ici</span>
</a>
</div>
<div class="mt-16">
<h3 class="text-2xl leading-tight font-semibold mb-4 md:mb-6">À propos de cet outil</h3>
<p class="text-[#717171] text-base font-normal mb-9 md:mb-14">
Le Calculateur de Vecteurs IJ offre une solution complète pour effectuer rapidement et avec précision des opérations vectorielles. Que vous travailliez sur des expériences de physique, des conceptions d’ingénierie ou des devoirs académiques, cet outil vous permet d’entrer les composants des vecteurs et de voir immédiatement des résultats tels que l’addition, la soustraction, la multiplication scalaire, le produit scalaire et le produit vectoriel.<br/><br/>Grâce aux calculs côté client, il garantit des réponses rapides sans dépendance serveur. Son interface intuitive supporte à la fois les vecteurs 2D et 3D, avec des options pour changer de contexte. Parmi ses fonctionnalités principales, on trouve des explications étape par étape, des résultats détaillés, ainsi que des options pour copier ou exporter les calculs pour rapports ou présentations.<br/><br/>Conçu pour les étudiants, enseignants, ingénieurs et chercheurs, le Calculateur de Vecteurs IJ simplifie la mathématique vectorielle complexe, améliore la précision et facilite l’apprentissage et la productivité dans diverses disciplines.
</p>
<div class="flex justify-center text-center">
<a href="https://anyonlinetool.com/register"
class="bg-text hover:bg-accent text-lg md:text-xl font-semibold leading-tight text-white py-3.5 px-6 md:py-5 md:px-10 rounded-lg inline-flex justify-center items-center gap-5 transition-colors duration-300">Connectez-vous pour voir toute votre utilisation
<img class="w-3.5 rtl:rotate-180"
src="https://anyonlinetool.com/themes/tailwind/images/homepage/btn-arrow.png" alt="" /></a>
</div>
</div>
</div>
</div>
</div>
<div class="relative flex items-center w-full">
<div class="relative z-20 px-4 mx-auto xl:px-5 max-w-6xl w-full">
<div class="py-10 md:py-32">
<div class="flex flex-wrap md:flex-nowrap justify-center items-center gap-9">
<div class="w-full md:w-1/2">
<h2 class="text-3xl md:text-4xl leading-tight md:leading-tight font-semibold mb-4 md:mb-6">
Comment utiliser
</h2>
<p class="text-[#717171] leading-relaxed tracking-wide">
1. Entrez les composants de vos vecteurs dans les champs marqués X, Y (et Z pour 3D).<br/>2. Sélectionnez l’opération souhaitée dans le menu.<br/>3. Observez instantanément le résultat dans le panneau de sortie.<br/>4. Utilisez les options supplémentaires pour des explications, la copie ou l’exportation des résultats.<br/>5. Basculez entre 2D et 3D selon vos besoins.
</p>
</div>
<div class="w-full md:w-1/2">
<img class="w-[549px] max-w-full"
src="https://anyonlinetool.com/themes/tailwind/images/tool/how-to-use.png"
alt="">
</div>
</div>
</div>
</div>
</div>
<div class="relative flex items-center w-full">
<div class="relative z-20 px-4 mx-auto xl:px-5 max-w-5xl w-full">
<div class="py-10 md:py-16">
<h2 class="text-3xl md:text-[42px] leading-tight md:leading-tight font-bold text-center mb-3 md:mb-4">
FAQ/Ressources supplémentaires
</h2>
<p class="text-[#656565] text-xl md:text-2xl font-medium text-center mb-10 md:mb-20">
Trouvez des réponses rapides
</p>
<div class="flex flex-col gap-4 md:gap-6 [&>[data-state=open]>div>svg]:rotate-0">
<div data-state="close"
class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative">
<h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold">
Comment effectuer une addition de vecteurs avec cet outil?
</h3>
<p
class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip">
Entrez les composantes de deux vecteurs dans les champs, choisissez 'Addition' comme opération, et l’outil affichera immédiatement le vecteur résultant.
</p>
<div
class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12">
<svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
<svg
class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
<div data-state="close"
class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative">
<h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold">
Puis-je calculer le produit vectoriel de vecteurs 2D?
</h3>
<p
class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip">
Oui, en activant le mode 3D (en ajoutant Z=0 pour les vecteurs 2D), vous pouvez calculer le produit vectoriel, qui donne un scalaire perpendiculaire au plan.
</p>
<div
class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12">
<svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
<svg
class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
<div data-state="close"
class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative">
<h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold">
Cet outil est-il adapté pour les étudiants en physique et en ingénierie?
</h3>
<p
class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip">
Absolument. Il fournit des calculs précis et instantanés pour aider les étudiants à vérifier leur travail et mieux comprendre les opérations vectorielles.
</p>
<div
class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12">
<svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
<svg
class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
<div data-state="close"
class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative">
<h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold">
Puis-je voir les explications étape par étape?
</h3>
<p
class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip">
Oui, en activant le mode explication, chaque étape du calcul du vecteur sélectionné devient visible, ce qui facilite l’apprentissage.
</p>
<div
class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12">
<svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
<svg
class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
<div data-state="close"
class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative">
<h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold">
Prend-il en charge le calcul d’angles entre vecteurs?
</h3>
<p
class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip">
Oui, l’outil peut calculer l’angle en degrés ou en radians, ce qui est utile pour diverses applications scientifiques.
</p>
<div
class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12">
<svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
<svg
class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
<g clip-path="url(#clip0_89_860)">
<path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3"
stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_89_860">
<rect width="22" height="22" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative flex items-center w-full">
<div class="relative z-20 px-4 mx-auto xl:px-5 max-w-6xl w-full">
<div class="py-10 md:py-16">
<h2 class="text-3xl md:text-[42px] leading-tight md:leading-tight font-bold text-center mb-3">
Avis des utilisateurs
</h2>
<p class="text-[#656565] text-xl md:text-2xl font-medium text-center mb-7 md:mb-14">
Voir ce que disent les autres
</p>
<div class="swiper testimonial-swiper">
<div class="swiper-wrapper mb-12 md:mb-24">
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-1.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-2.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-3.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-4.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-5.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-6.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-7.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-8.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="swiper-slide">
<div
class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent">
<div class="flex gap-8 items-center mb-5">
<img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-9.png"
alt="John Doe">
<div class="flex-1 flex justify-start gap-2.5">
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
<svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19"
width="21"
viewBox="0 0 576 512">
<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path fill="#FFA402"
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" />
</svg>
</div>
</div>
<h3
class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5">
John Doe
</h3>
<p
class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4">
CEO of Company
</p>
<p
class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="flex justify-center gap-5">
<button
class="prev-btn py-3 px-6 md:py-4 md:px-8 border border-text rounded-lg transition-colors duration-300 hover:bg-text group">
<svg class="w-[23px] h-[18px] rtl:rotate-180" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 26 20" fill="none">
<path class="stroke-text transition-colors duration-300 group-hover:stroke-white"
d="M0.999718 10L24.1426 10M9.99972 19L0.999718 10L9.99972 19ZM0.999718 10L9.99972 0.999999L0.999718 10Z"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
<button
class="next-btn py-3 px-6 md:py-4 md:px-8 border border-text rounded-lg transition-colors duration-300 hover:bg-text group">
<svg class="w-[23px] h-[18px] rtl:rotate-180" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 26 20" fill="none">
<path class="stroke-text transition-colors duration-300 group-hover:stroke-white"
d="M24.1429 10H1M15.1429 1L24.1429 10L15.1429 1ZM24.1429 10L15.1429 19L24.1429 10Z"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="relative flex items-center w-full">
<div class="relative z-20 px-4 mx-auto xl:px-5 max-w-6xl w-full">
<div class="py-10 md:py-16">
<h2 class="text-3xl md:text-[42px] leading-tight md:leading-tight font-bold text-start mb-3">
Explorer les outils associés
</h2>
<p class="text-[#656565] text-xl md:text-2xl font-medium text-start mb-7 md:mb-14">
Plus de solutions pour vos besoins
</p>
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-x-8 gap-y-7">
<div class="bg-white rounded-xl shadow-wave px-5 py-8 flex flex-col gap-5 items-start relative">
<div class="w-[50px] h-[50px] flex items-center justify-center overflow-hidden">
<div class="w-[50px] h-[50px] max-w-[50px] max-h-[50px] flex items-center justify-center" style="max-width:50px;max-height:50px;">
<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><title>Calculator mg/kg Icon A modern icon featuring a calculator with a scale or measurement symbol, representing dosage calculation in mg per kg.
Calculez rapidement et précisément les doses de médicaments ou de compléments en mg à partir de mg/kg et du poids corporel avec cet outil gratuit.
Norwegian
Danish
German
English
Spanish
French
Italian
Dutch
Portuguese
Swedish
Hebrew
Arabic
