SVG Converter Studio

Genererar en fristående SVG-bild 512×512 med abstrakt komposition på gennemsigtig bakgrund, lämpad för verktygsförhandsvisningar och tester.

בדוק את זה בעצמך

קרא לכלי באמצעות API הטמע באתר שלך פרסם כאן

אודות כלי זה

הכלי מספק נכס SVG עצמאי שניתן לשילוב בפרויקטי אינטרנט או בטסטים של עיצוב. הוא מפיק תמונה וקטורית נקייה עם טלו מוכן בגודל 512×512 ורקע שקוף, המאפשר שילוב חלק עם מרכיבים אחרים של הממשק. הפלט אינו כולל פונטים חיצוניים או נתוני רסטר, נשאר חוד ונפרד מן הפלטפורמה. המשתמשים כוללים מפתחי frontend שמאשרים מסלולי התצוגה, מעצבים שמכינים נכסים חלופיים ומהנדסי QA שמוודאים טעינת נכסים. העיצוב הכללי והלא-מותג מתאים למספר פרויקטים ללא בעיות רישוי.

מבחינה רעיונית, הבורא האוטומטי יוצר קומפוזיציה абстракты מתוך צורות וקטוריות פשוטות כמו פוליגונים圈 וצלמים ענקיים. האלמנטים ממוקמים כך שיכסו כ-70% מהבד, והשארת שוליים שקופים מאשררת נראות על רקעים שונים. הדורות היא דטרמיניסטית ושכפולית; אותן פרמטרים יניבו זרמים SVG זהים.

הגישה לנגישות נתמכת על ידי הכללת ו-<desc> בתוך SVG, המסייעת לטכנולוגיות מסייעות לזהות את הקניין دون לשנות את התצוגה הוויזואלית.<br/><br/>הזרם המרכזי מתמקד בניידות ובפשטות: viewBox קבוע, גודל מוצהר, ללא פונטים מובנים ומספר מינימלי של צורות. מקרי שימוש כוללים שימוש inline במסגרות, ייצוא כנכס עבור prototyping או אימות צינורות התצוגה. הערך הייחודי הוא אספקת מחרוזת SVG מוכן לשימוש שאינה דורשת שלבי בנייה או תלות, מה שמקל על שילוב ב- CI, token-יDesign וספריות רכיבים. </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">היכנס כדי לראות את כל השימוש שלך <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"> איך להשתמש </h2> <p class="text-[#717171] leading-relaxed tracking-wide"> 1. ספק קלטים אופציונליים לרוחב/גובה ולפלטת הצבעים (ברירת מחדל: 512×512 וצבע כח bold).<br/>2. יצור את תוכן SVG.<br/>3. העתק ללוח or שמור כקובץ .svg.<br/>4. אמת את הרינדור בדפדפן או עורך וקטורי.<br/>5. שלב את מחרוזת SVG בפרויקטים או במערכות עיצוב. </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"> שאלות נפוצות / משאבים נוספים </h2> <p class="text-[#656565] text-xl md:text-2xl font-medium text-center mb-10 md:mb-20"> מצא תשובות מהירות </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"> אילו פורמטים מיוצרים? </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"> הפלט הוא מחרוזת SVG עצמאית המשתמשת בצורות וקטוריות ולא כולל פונטים או נתוני ראסטר. הוא ניתן להגדלה, תואם דפדפנים ומתאים לשימוש מוטמע או ייצוא קובץ. </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"> האם אוכל להתאים צבעים או צורות? </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"> כן. קלטים אופציונליים מאפשרים התאמת פלטה ושינויים גאומטריים. העיצוב הגנרי משתמש בצבעי כח חזקים; ניתן לספק צבעים hex ולהתאים את מספר הצורות לצרכי המותג. </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"> האם SVG מתאים למיתוג תעשייתי? </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"> SVG הוא כללי ואינו ממותג. למיתוג תעשייתי התאם צבעים, צורות או הוסף פונטים לפי הנהלים של המותג. </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"> היכן אוכל reutilizar את התוצאה? </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"> מחרוזת SVG יכולה להיות משולבת inline ב-HTML, נשמרת כקובץ או טעונה על ידי JavaScript במסגרות שונות. היא נשארת ניידת בין פרויקטים וסביבות. </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"> ביקורות משתמשים </h2> <p class="text-[#656565] text-xl md:text-2xl font-medium text-center mb-7 md:mb-14"> ראה מה אחרים אומרים </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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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">  <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"> חקור כלים קשורים </h2> <p class="text-[#656565] text-xl md:text-2xl font-medium text-start mb-7 md:mb-14"> יותר פתרונות לצרכים שלך </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 width='512' height='512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid meet'><title>Coordinate Converter IconCoordinate conversion illustration with a central map pin and grid.

UTM to LatLong Converter

This tool converts UTM coordinates to latitude and longitude for GIS users and developers needing precise geographic data.

UTM URL Converter

מייצר ואימות כתובות URL מסווגות ב-UTM לקמפיינים שיווקיים, מאפשר שיוך עקבי, אינטגרציית אנליטיקה נקייה וניהול תגים יעיל לצוותים.

UTC Converter

המרת UTC מדויקת למפתחים, צוותים מרוחקים, נוסעים ואנשי תפעול להמרת זמן UTC לזוניות המקומיות.

המר USD-IDR

המר מטבע שמחשב USD ל-IDR בזמן אמת, מותאם לנסיעה, יצואנים ואנשי Finance.

המשוב שלך חשוב

עזור לנו לשפר