RIFF¤ WEBPVP8 ˜ ðÑ *ôô>‘HŸK¥¤"§£±¨àð ....................................../////.===Shadow-Here===./////................................................ > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < ------------------------------------------------------------------------------------------------------------------- /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// RIFF¤ WEBPVP8 ˜ ðÑ *ôô>‘HŸK¥¤"§£±¨àð enü¹%½_F‘åè¿2ºQú³íªú`N¿­3ÿƒügµJžaÿ¯ÿ°~¼ÎùnúîÞÖô•òíôÁÉß®Sm¥Ü/ ‡ó˜f£Ùà<˜„xëJ¢Ù€SO3x<ªÔ©4¿+ç¶A`q@Ì“Úñè™ÍÿJÌ´ª-˜ÆtÊÛL]Ïq*‘Ý”ì#ŸÌÏãY]@ê`¿ /ªfkØB4·®£ó z—Üw¥Pxù–ÞLШKÇN¾AkÙTf½è'‰g gÆv›Øuh~ a˜Z— ïj*á¥t d£“uÒ ¨`K˜¹ßþ]b>˜]_ÏÔ6W—è2r4x•íÖ…"ƒÖNîä!¦å Ú}ýxGøÌ —@ ;ÆÚŠ=ɾ1ý8lªË¥ô ^yf®Œ¢u&2©nÙÇ›ñÂñŒ³ aPo['½»øFùà­+4ê“$!lövlüÞ=;N®3ð‚õ›DÉKòÞ>ÄÍ ¥ˆuߤ#ˆ$6ù™¥îŠ‡y’ÍB¼ çxÛ;X"WL£R÷͝*ó-¶Zu}º.s¸sšXqù–DþÿvªhüïwyŸ ¯é³lÀ:KCûÄ£Ëá\…­ ~—ýóî ¼ûûÜTÓüÇy…ŽÆvc»¾×U ñ¸žþоP÷¦ó:Ò¨¨5;Ð#&#ÖúñläÿÁœ GxÉ­/ñ‡áQðìYÉtÒwŽ¼GÔ´zàÒò ð*ëzƒ•4~H]Ø‹f ñÓÈñ`NåWçs'ÆÏW^ø¹!XžµmQ5ÃËoLœÎ: ÞËÍ¥J ù…î èo£ßPÎñ¶ž8.Œ]ʵ~5›ÙË-ù*8ÙÖß±~ ©¹rÓê‚j¶d¸{^Q'˜±Crß ÚH—#¥¥QlÀ×ëã‡DÜ«èî þ&Çæžî;ŽÏºò6ÒLÃXy&ZŒ'j‚¢Ù€IßÚù+–MGi‰*jE€‘JcÜ ÓÌ EÏÚj]o˜ Þr <¾U ûŪæÍ/šÝH¥˜b”¼ ÁñßX GP›ï2›4WŠÏà×£…íÓk†¦H·ÅíMh–*nó÷à]ÁjCº€b7<ب‹¨5車bp2:Á[UªM„QŒçiNMa#<5›áËó¸HýÊ"…×Éw¹¦ì2º–x<›»a±¸3Weü®FÝ⑱ö–î–³|LPÈ~çð~Çå‡|º kD¢µÏàÆAI %1À% ¹Ò – ”ϝS¦‰4&¶£°à Öý”û_Ò Áw°A«Å€?mÇÛgHÉ/8)á¾ÛìáöŽP í¨PŸNÙµº¦‡§Ùš"ÿ«>+ªÕ`Ê÷‡‚ß Õû˜þãÇ-PÍ.¾XV‘€ dÜ"þ4¹ ±Oú‘©t¥¦FªÄÃÄ•b‚znýu½—#cDs˜ÃiÑOˆñ×QO=*IAÊ,¶ŽZƒ;‡wøXè%EÐk:F±Ú” .Ѽ+Áu&Ç`."pÈÉw o&¿dE6‘’EqTuK@Ì¥ã™À(Êk(h‰,H}RÀIXÛš3µ1©_OqÚÒJAñ$ÊÙÜ;D3çŒ[þùœh¬Ã³™ö6ç†NY".Ú‰ï[ªŸŒ '²Ð öø_¨ÂÉ9u鶳ÒŠõTàîMØ#û¯gN‡bÙ놚X„ö …ÉeüÌ^J ‹€.œ$Æ)βÄeæW#óüßĺŸ€ ÀzwV 9oä»f4V*uB «Ë†¹ì¯žR霓æHXa=&“I4K;¯ç‹h×·"UŠ~<•â•ªVêª&ÍSÃÆÅ?ÔqÎ*mTM ˜›µwêd#[C¡©§‘D<©àb†–ÁœøvH/,í:¯( ²£|4-„Æövv„Yͼ™^Á$ˆ„¢Û[6yB.åH*V¨æ?$=˜Ñ€•î¦ñ·­(VlŸ‘ nÀt8W÷´Bûba?q9ú¶Xƒl«ÿ\ù¶’þòUÐj/õ¢Ìµ³g$ƒÎR!¸»|Oߍë’BhîÚÑ¢ñåŒJ„®„£2Ð3•ô02Nt…!£Í]Ïc½Qÿ?ˆ<&ÃA¾Ú,JˆijÌ#5yz„‰Î|ÊŽ5QÏ:‹ÐaóVÔxW—CpeÏzÐïíçôÿÅ_[hãsÐ_/ŽTÝ?BîˆííV$<¿i>²F¬_Eß¿ †bÊŒº­ÿ®Z H“C}”¬,Mp ý/Bá£w>˜YV°aƒúh+cŠ- r/[%|üUMHäQ°X»|û/@|°¥Ð !BÔ Ç¢Ä©š+Õì D«7ìN¶ŽðÔ " ƶ’ÖçtA‰Û×}{tþz­¾GÍ›k¹OEJR$ Â׃ «ëÁ"oÉôž$oUK(Ä)Ãz³Ê-‹êN[Ò3Œñbï8P 4ƒ×q¢bo|?<ÛX¬òÄÍ°L–±›(™ûG?ýË©ÚÄ–ÂDØÐ_Ç¡ô ¾–ÄÏø ×e8Ë©$ÄF¹Å‹ì[©óìl:F¾f´‹‹Xì²ï®\¬ôùƒ ÿat¥óèÒùHß0äe‚;ü×h:ÆWðHž=Ã8骣"kœ'Y?³}Tûè€>?0l›e1Lòñ„aæKÆw…hÖŠùW…ÈÆÄ0ši·›[pcwËþñiêíY/~-Á5˜!¿†A›™Mÿþ(±“t@â“ö2­´TG5yé]çå僳 .·ÍïçÝ7UÚ±Ð/Nè»,_Ï ùdj7\ï Wì4›„»c¸àešg#ÒÊ⥭áØo5‘?ÌdÝô¯ ¹kzsƒ=´#ëÉK›Ø´±-¥eW?‡çßtòTã…$Ý+qÿ±ƒ÷_3Ô¥í÷:æ–ž<·Ö‡‰Å¢ š‡%Ô—utÌÈìðžgÖÀz²À—ï÷Óîäõ{K'´È÷³yaÏÁjƒô}ž§®æÊydÕÈë5¯èˆõvÕ©ã*çD„ “z„Ó‡^^xÂ3M§A´JG‚öï 3W'ˆ.OvXè¡ÊÕª?5º7†˜(˜Ç¶#çê’¶!ÌdZK§æ 0fãaN]òY³RV ™î$®K2R¨`W!1Ôó\;Ý ýB%qæK•&ÓÈe9È0êI±žeŸß -ú@žQr¦ ö4»M¼Áè¹µmw 9 EÆE_°2ó„ŸXKWÁ×Hóì^´²GѝF©óäR†¦‰ç"V»eØ<3ùd3ÿÚ¤Žú“Gi" —‘_ÙËÎ~Üö¯¥½Î»üŸEÚŽåmÞþí ;ÞólËΦMzA"Âf(´òá;Éï(/7½ûñÌ­cïÕçлþÝz¾-ÍvÑ“pH­–ðÓj$¸Äû¤‚‘ãUBË-n“2åPkS5&‹Â|+g^œ®Ì͆d!OïäîU«c;{Û!ÅŽ«ëZ9Ókóˆ]¯ƒ›né `ÇÒ+tÆš (ØKá¾—=3œ®•vuMñg²\ï Ec€ 05±d™‡×iÇ×›UúvÌ¢£Èþ¡ÕØô¶ßÎA"ß±#Ö²ˆÊŸ¦*Ä~ij|àø.-¼'»Ú¥£h ofº¦‡VsR=N½„Î v˜Z*SÌ{=jÑB‹tê…;’HžH¯8–îDù8ñ¢|Q•bÛçš–‹m³“ê¨ åÏ^m¬Žãþ©ïêO‡½6] µÆ„Ooòü ²x}N¦Ë3ïé¿»€›HA˜m%çÞ/¿í7Fø“‹léUk)É°Œµ8Q8›:ÀŠeT*šõ~ôڝG6 ¢}`ùH­–”¡k ‰P1>š†®9z11!X wKfmÁ¦xÑ,N1Q”–æB¶M…ÒÃv6SMˆhU¬ÊPŽï‘öj=·CŒ¯u¹ƒVIЃsx4’ömÛýc塶7ßŠß 57^\wÒÐÆ k§h,Œý î«q^R½3]J¸ÇðN ‚çU¬ôº^Áì} ³f©Õœ§ˆã:FÄÈ‚é(€™?àýÓüè1Gô£¼éj‚OÅñ  #>×—ßtà 0G¥Åa뀐kßhc™À_ÉñÞ#±)GD" YîäË-ÿÙ̪ ¹™a¯´¢E\ÝÒö‚;™„ë]_ p8‰o¡ñ+^÷ 3‘'dT4œŽ ðVë½° :¬víÑ«£tßÚS-3¶“þ2 †üüʨòrš¹M{É_¤`Û¨0ìjœøJ‡:÷ÃáZ˜†@GP&œÑDGÏs¡þ¦þDGú‘1Yá9Ôþ¼ ûø…§÷8&–ÜÑnÄ_m®^üÆ`;ÉVÁJ£?â€-ßê}suÍ2sõA NÌúA磸‘îÿÚ»ƒìö·á¿±tÑÐ"Tÿü˜[@/äj¬€uüªìù¥Ý˜á8Ý´sõj 8@rˆð äþZÇD®ÿUÏ2ùôõrBzÆÏÞž>Ì™xœ“ wiÎ×7_… ¸ \#€MɁV¶¥üÕÿPÔ9Z‡ø§É8#H:ƒ5ÀÝå9ÍIŒ5åKÙŠ÷qÄ>1AÈøžj"µÂд/ªnÀ qªã}"iŸBå˜ÓÛŽ¦…&ݧ;G@—³b¯“•"´4í¨ôM¨åñC‹ïùÉó¯ÓsSH2Ý@ßáM‡ˆKÀªÛUeø/4\gnm¥‹ŸŒ qÄ b9ÞwÒNÏ_4Ég³ú=܆‚´ •â¥õeíþkjz>éÚyU«Íӝ݃6"8/ø{=Ô¢»G¥ äUw°W«,ô—¿ãㆅү¢³xŠUû™yŒ (øSópÐ 9\åTâ»—*oG$/×ÍT†Y¿1¤Þ¢_‡ ¼ „±ÍçèSaÓ 3ÛMÁBkxs‰’R/¡¤ˆÙçª(*õ„üXÌ´ƒ E§´¬EF"Ù”R/ÐNyÆÂ^°?™6¡œïJ·±$§?º>ÖüœcNÌù¯G ‹ñ2ŠBB„^·úìaz¨k:#¨Æ¨8LÎõލ£^§S&cŒÐU€ü(‡F±Š¼&P>8ÙÁ ‰ p5?0ÊƃZl¸aô š¼¡}gÿ¶zÆC²¹¬ÎÖG*HB¡O<º2#ñŒAƒ–¡B˜´É$¥›É:FÀÔx¾u?XÜÏÓvN©RS{2ʈãk9rmP¼Qq̳ è¼ÐFׄ^¡Öì fE“F4A…!ì/…¦Lƒ… … $%´¾yã@CI¬ á—3PþBÏNÿ<ý°4Ü ËÃ#ØÍ~âW«rEñw‹eùMMHß²`¬Öó½íf³:‹k˜¯÷}Z!ã¿<¥,\#öµÀ¯aÒNÆIé,Ћ–lŽ#Àæ9ÀÒS·I’½-Ïp Äz¤Š Â* ­íÄ9­< h>׍3ZkËU¹§˜ŒŠ±f­’¤º³Q ÏB?‹#µíÃ¥®@(Gs«†vI¥Mµ‹Á©e~2ú³ÁP4ìÕi‚²Ê^ö@-DþÓàlÜOÍ]n"µã:žpsŽ¢:! Aõ.ç~ÓBûH÷JCÌ]õVƒd «ú´QÙEA–¯¯Œ!.ˆˆëQ±ù œ·Ì!Õâ )ùL„ÅÀlÚè5@B…o´Æ¸XÓ&Û…O«˜”_#‡ƒ„ûÈt!¤ÁÏ›ÎÝŠ?c9 â\>lÓÁVÄÑ™£eØY]:fÝ–—ù+p{™ðè û³”g±OƒÚSù£áÁÊ„ä,ï7š²G ÕÌBk)~ÑiCµ|h#u¤¶îK¨² #²vݯGãeÖ϶ú…¾múÀ¶þÔñ‚Š9'^($¤§ò “š½{éúp÷J›ušS¹áªCÂubÃH9™D™/ZöØÁ‡¦ÝÙŸ·kð*_”.C‹{áXó€‡c¡c€§/šò/&éš÷,àéJþ‰X›fµ“C¨œ®r¬"kL‰Â_q…Z–.ÉL~O µ›zn‚¹À¦Öª7\àHµšÖ %»ÇníV[¥*Õ;ƒ#½¾HK-ÖIÊdÏEÚ#=o÷Óò³´Š: Ç?{¾+9›–‘OEáU·S€˜j"ÄaÜ ŒÛWt› á–c#a»pÔZÞdŽtWê=9éöÊ¢µ~ ë ;Öe‡Œ®:bî3±ýê¢wà¼îpêñ¹¾4 zc¾ðÖÿzdêŒÑÒŝÀ‰s6¤í³ÎÙB¿OZ”+F¤á‡3@Ñëäg©·Ž ˆèª<ù@É{&S„œÕúÀA)‰h:YÀ5^ÂÓŒ°õäU\ ùËÍû#²?Xe¬tu‰^zÒÔãë¼ÛWtEtû …‚g¶Úüâî*moGè¨7%u!]PhÏd™Ý%Îx: VÒ¦ôÊD3ÀŽKÛËãvÆî…N¯ä>Eró–ð`5 Œ%u5XkñÌ*NU%¶áœÊ:Qÿú»“úzyÏ6å-၇¾ ´ ÒÊ]y žO‘w2Äøæ…H’²f±ÎÇ.ª|¥'gîV•Ü .̘¯€šòü¤U~Ù†*¢!?ò wý,}´°ÔÞnïoKq5µb!áÓ3"vAßH¡³¡·G(ÐÎ0Îò¼MG!/ài®@—¬04*`…«é8ªøøló“ˆÊ”èù¤…ßÊoÿé'ËuÌÖ5×È¡§ˆˆfŽë9}hìâ_!!¯  B&Ëö¶‰ÀAÙNVŸ Wh›¸®XÑJì¨ú“¿÷3uj²˜¨ÍÎìë±aúŠÝå¯ð*Ó¨ôJ“yºØ)m°WýOè68†ŸÏ2—‰Ïüꪫٚ¥‹l1 ø ÏÄFjêµvÌbü¦èÝx:X±¢H=MÐß—,ˆÉÇ´(9ú¾^ÅÚ4¿m‡$âX‘å%(AlZo@½¨UOÌÕ”1ø¸jÎÀÃÃ_ µ‘Ü.œº¦Ut: Æï’!=¯uwû#,“pþÇúŒø(é@?³ü¥‘Mo §—s@Œ#)§ŒùkL}NOÆêA›¸~r½¼ÙA—HJ«eˆÖ´*¡ÓpÌŸö.m<-"³ûÈ$¬_6­åf£ïÚâj1y§ÕJ½@dÞÁr&Í\Z%D£Íñ·AZ Û³øüd/ªAi†/Й~  ‡âĮҮÏh§°b—›Û«mJžòG'[ÈYýŒ¦9psl ýÁ ®±f¦x,‰½tN ‚Xª9 ÙÖH.«Lo0×?͹m¡å†Ѽ+›2ƒF ±Ê8 7Hցϓ²Æ–m9…òŸï]Â1äN†VLâCˆU .ÿ‰Ts +ÅÎx(%¦u]6AF Š ØF鈄‘ |¢¶c±soŒ/t[a¾–û:s·`i햍ê›ËchÈ…8ßÀUÜewŒðNOƒõD%q#éû\9¤x¹&UE×G¥ Í—™$ð E6-‡¼!ýpãÔM˜ Âsìe¯ñµK¢Ç¡ùôléœ4Ö£”À Š®Ðc ^¨À}ÙËŸ§›ºê{ÊuÉC ×Sr€¤’fÉ*j!úÓ’Gsùìoîßîn%ò· àc Wp÷$¨˜)û»H ×8ŽÒ€Zj¤3ÀÙºY'Ql¦py{-6íÔCeiØp‘‡XÊîÆUߢ܂ž£Xé¼Y8þ©ëgñß}é.ÎógÒ„ÃØËø¯»™§Xýy M%@NŠ À(~áÐvu7&•,Ù˜ó€uP‡^^®=_E„jt’ 403WebShell
403Webshell
Server IP : 104.225.223.251  /  Your IP : 216.73.216.41
Web Server : Apache/2.4.41 (Ubuntu)
System : Linux agtdemo03 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User : root ( 0)
PHP Version : 7.4.3-4ubuntu2.29
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : OFF  |  Sudo : ON  |  Pkexec : ON
Directory :  /home/web/dev.agtindia.co.in/ats-shop-new/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /home/web/dev.agtindia.co.in/ats-shop-new/product-details.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>ATS ELGi Ecom</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <link rel="stylesheet" href="assets/fontawsome5pro/css/all.min.css" />
    <link rel="stylesheet" href="assets/css/navbar.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/framework.css" />
    <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script>
    <link
      rel="stylesheet"
      type="text/tailwindcss"
      href="assets/css/tailwind.css"
    />
    <link href="assets/css/swiper-bundle.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
  </head>
  <body class="font-bodyFont">
    <header
      class="navbar sticky w-full font-bodyFont max-[1199px]:justify-between font lg:py-[24px] md:py-[12px] gap-[12px]"
    >
      <a href="#" class="logo lg:w-1/5 md:w-1/3">
        <img src="assets/img/logo.svg" alt="ATS ELGi Logo" />
      </a>
      <div
        class="flex lg:flex-row items-center min-[1200px]:justify-between max-[1199px]:justify-end max-[1199px]:gap-[20px] min-[1200px]:w-4/5 max-[1199px]:w-2/3"
      >
        <div class="main-nav min-[1199px]:w-3/5 max-[1199px]:w-3/2">
          <div class="menu-btn">
            <div class="menu-btn__lines"></div>
          </div>
          <div class="navigation mobile">
            <div class="menu-btn">
              <div class="menu-btn__lines"></div>
            </div>
            <ul
              class="menu-items font-bodyFont uppercase border-0 border-b-[1px] border-themeDarkGray"
            >
              <li>
                <a
                  href="#"
                  class="menu-item font-semibold first-item hover:text-primaryColor min-[1200px]:text-20 min-[1200px]:!pl-0"
                  >Home Page</a
                >
              </li>

              <li>
                <a
                  href="#"
                  class="menu-item font-semibold first-item text-16px hover:text-primaryColor"
                  >Contact Us</a
                >
              </li>
            </ul>
          </div>
        </div>
        <div
          class="nav-right min-[1780px]:w-2/5 max-[1199px]:w-1/3 max-[1024px]:fixed bottom-0 left-0 max-[1024px]:w-full max-[1024px]:bg-themeGary max-[1024px]:py-[1px] max-[1024px]:px-[20px] max-[1024px]:z-2"
        >
          <ul
            class="nav-right-menu flex md:flex-row max-[1199px]:w-full max-[1024px]:justify-center"
          >
            <li class="max-[1200px]:hidden">
              <div class="main-search">
                <form action="#" class="relative">
                  <input
                    type="text"
                    placeholder="Search Product..."
                    name="main-search"
                    class="border-0 border-b-[1px] border-themeDarkGray pr-[60px]"
                  />
                  <button
                    type="submit"
                    class="absolute bottom-0 right-0 top-0 px-[20px] py-[5px] bg-white border-0 border-b-[1px] border-themeDarkGray hover:text-primaryColor"
                  >
                    <i class="fal fa-search"></i>
                  </button>
                </form>
              </div>
            </li>
            <li class="min-[1200px]:hidden">
              <div
                id="basicModal"
                x-data="{ open: false }"
                @open-me="open=false"
                @close-me="open=false"
              >
                <button
                  class="bottom-0 right-0 top-0 max-[1199px]:border-b-0 max-[1199px]:py-[10px] px-[20px] py-[5px] bg-white border-0 border-b-[1px] border-themeDarkGray hover:text-primaryColor max-[1024px]:hover:text-white max-[1024px]:bg-themeGary max-[1024px]:hover:bg-primaryColor"
                  @click.prevent="open = true"
                  aria-controls="basic-modal"
                >
                  <i class="fal fa-search"></i>
                </button>
                <div
                  @keydown.window.escape="open = false"
                  x-show="open"
                  class="relative z-10"
                  aria-labelledby="modal-title"
                  x-ref="dialog"
                  aria-modal="true"
                >
                  <div
                    x-show="open"
                    x-transition:enter="ease-out duration-300"
                    x-transition:enter-start="opacity-0"
                    x-transition:enter-end="opacity-100"
                    x-transition:leave="ease-in duration-200"
                    x-transition:leave-start="opacity-100"
                    x-transition:leave-end="opacity-0"
                    x-description="Background backdrop, show/hide based on modal state."
                    class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
                  ></div>

                  <div class="fixed z-10 inset-0 overflow-y-auto">
                    <div
                      class="flex items-start rounded-lg max-[1199px]:w-full sm:items-start justify-center min-h-full p-4 text-center"
                    >
                      <div
                        x-show="open"
                        class="max-[1199px]:w-full rounded-lg"
                        x-transition:enter="ease-out duration-300"
                        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
                        x-transition:leave="ease-in duration-200"
                        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
                        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                        x-description="Modal panel, show/hide based on modal state."
                        class="relative bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-lg sm:w-full"
                        @click.away="open = false"
                      >
                        <div
                          class="bg-white px-4 pt-4 pb-4 sm:p-4 sm:pb-4 rounded-lg"
                        >
                          <div class="">
                            <div
                              class="mb-[10px] text-[25px] flex-shrink-0 flex items-end justify-end cursor-pointer hover:text-primaryColor transition duration-750 ease-out"
                              @click="open = false"
                            >
                              <i class="fal fa-times"></i>
                            </div>
                            <div
                              class="mt-3 text-center sm:mt-0 sm:text-left w-full"
                            >
                              <form>
                                <label
                                  for="default-search"
                                  class="mb-2 text-sm font-medium text-gray-900 sr-only light:text-white"
                                  >Search</label
                                >
                                <div class="relative">
                                  <div
                                    class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none"
                                  >
                                    <svg
                                      class="w-4 h-4 text-gray-500 light:text-gray-400"
                                      aria-hidden="true"
                                      xmlns="http://www.w3.org/2000/svg"
                                      fill="none"
                                      viewBox="0 0 20 20"
                                    >
                                      <path
                                        stroke="currentColor"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        stroke-width="2"
                                        d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
                                      />
                                    </svg>
                                  </div>
                                  <input
                                    type="search"
                                    id="default-search"
                                    class="block w-full p-4 ps-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 light:bg-gray-700 light:border-gray-600 light:placeholder-gray-400 light:text-white light:focus:ring-blue-500 light:focus:border-blue-500"
                                    placeholder="Search Product..."
                                    required
                                  />
                                  <button
                                    type="submit"
                                    class="absolute end-2.5 bottom-2.5 bg-themeGary text-themeFontColor hover:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 hover:bg-primaryColor light:focus:ring-blue-800"
                                  >
                                    Search
                                  </button>
                                </div>
                              </form>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex flex-row items-center">
              <div class="sing-btn">
                <a
                  href="#"
                  class="bg-themeGary text-themeFontColor py-[12px] px-[30px] hover:bg-primaryColor hover:text-white whitespace-nowrap"
                  ><i class="fal fa-user-alt"></i>
                  <span class="max-[1199px]:hidden">Sign</span></a
                >
              </div>
              <div class="cart-info">
                <a
                  href="#"
                  class="js-menu__open bg-primaryColor text-white hover:bg-themeGary hover:text-themeFontColor py-[12px] px-[30px] max-[1024px]:bg-themeGary max-[1024px]:hover:bg-primaryColor max-[1024px]:text-themeFontColor max-[1024px]:hover:text-white"
                  data-menu="#main-nav"
                >
                  <span class="cart-icon whitespace-nowrap">
                    <i class="fal fa-shopping-cart"></i>
                    <span class="max-[1199px]:hidden">Cart</span>
                    <span class="cart-count">(0)</span>
                  </span>
                </a>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="js-menu__context">
        <div id="main-nav" class="js-menu js-menu--right">
          <div class="drawer-cart-header border-primaryColor">
            <h5
              class="lg:text-3xl md:text-2xl sm:text-lg font-bold text-primaryColor"
            >
              Shopping Cart
            </h5>
            <span
              class="js-menu__close hover:text-primaryColor transition duration-500 ease-in hover:ease-in"
              >✕</span
            >
          </div>
          <div class="drawer-cart-body">
            <ul class="drawer-cart-items">
              <li>
                <div class="cart-item">
                  <div class="cart-img">
                    <a href="#"
                      ><img src="assets/img/woo-pro1.jpg" alt="product"
                    /></a>
                  </div>
                  <ul class="cart-content">
                    <li>
                      <h6>
                        <a
                          href="#"
                          class="text-themeFontColor hover:text-primaryColor"
                          >Product Title</a
                        >
                      </h6>
                    </li>
                    <li><small class="text-zinc-500">Varient / size</small></li>
                    <li>
                      <h6>₹900.00</h6>
                    </li>
                    <li>
                      <div class="qty-container">
                        <button
                          class="qty-btn-minus btn-danger btn-cornered mr-1 hover:bg-themeGary bg-primaryColor text-white hover:text-themeFontColor font-extrabold"
                          type="button"
                        >
                          <i class="fal fa-minus"></i>
                        </button>
                        <input
                          type="number"
                          name="qty"
                          value="1"
                          class="input-qty input-cornered border-solid border-[1px] border-l-[0] border-primaryColor p-0 tetx-center"
                        />
                        <button
                          class="qty-btn-plus btn-danger btn-cornered ml-1 hover:bg-themeGary bg-primaryColor text-white hover:text-themeFontColor font-extrabold"
                          type="button"
                        >
                          <i class="fal fa-plus"></i>
                        </button>
                      </div>
                      <a href="#" title="Remove From Cart"
                        ><i class="far fa-trash-alt"></i
                      ></a>
                    </li>
                  </ul>
                </div>
              </li>
              <li>
                <div class="cart-item">
                  <div class="cart-img">
                    <a href="#"
                      ><img src="assets/img/woo-pro1.jpg" alt="product"
                    /></a>
                  </div>
                  <ul class="cart-content">
                    <li>
                      <h6>
                        <a href="#" class="cart-content-a">Product Title</a>
                      </h6>
                    </li>
                    <li><small class="text-zinc-500">Varient / size</small></li>
                    <li>
                      <h6>₹900.00</h6>
                    </li>
                    <li>
                      <div class="qty-container">
                        <button
                          class="qty-btn-minus btn-danger btn-cornered mr-1 hover:bg-themeGary bg-primaryColor text-white hover:text-themeFontColor font-extrabold"
                          type="button"
                        >
                          <i class="fal fa-minus"></i>
                        </button>
                        <input
                          type="number"
                          name="qty"
                          value="1"
                          class="input-qty input-cornered border-solid border-[1px] border-l-[0] border-primaryColor p-0 tetx-center"
                        />
                        <button
                          class="qty-btn-plus btn-danger btn-cornered ml-1 hover:bg-themeGary bg-primaryColor text-white hover:text-themeFontColor font-extrabold"
                          type="button"
                        >
                          <i class="fal fa-plus"></i>
                        </button>
                      </div>
                      <a href="#" title="Remove From Cart"
                        ><i class="far fa-trash-alt"></i
                      ></a>
                    </li>
                  </ul>
                </div>
              </li>
            </ul>

            <p>You have no items in your cart.</p>
          </div>
          <div class="drawer-cart-footer">
            <div class="subtotal">
              <p class="title">Total</p>
              <p class="subtotal-price">₹1,750.00</p>
            </div>
            <div class="drawer-cart-footer-content">
              <p>
                Shipping, taxes, and discounts will be calculated at checkout.
              </p>
            </div>
            <div class="drawer-payment-button">
              <a href="#" class="btn btn-primary">Checkout</a>
              <a href="#" class="btn btn-primary">View Cart</a>
            </div>
          </div>
        </div>
      </div>
    </header>
<section class="product-details py-[80px]">
  <div class="px-[60px] max-[1199px]:px-[15px]">
    <div class="flex flex-wrap">
      <div class="max-[1199px]:w-full w-1/2 ">
        <div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper product-slider">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <a href="https://swiperjs.com/demos/images/nature-1.jpg" class="btn-product">
              <img src="https://swiperjs.com/demos/images/nature-1.jpg" />
              </a>
            </div>
            <div class="swiper-slide">
              <a href="https://swiperjs.com/demos/images/nature-2.jpg" class="btn-product">
                <img src="https://swiperjs.com/demos/images/nature-2.jpg" />
                </a>
            </div>
            <div class="swiper-slide">
              <a href="https://swiperjs.com/demos/images/nature-3.jpg" class="btn-product">
                <img src="https://swiperjs.com/demos/images/nature-3.jpg" />
                </a>
            </div>
            <div class="swiper-slide">
              <a href="https://swiperjs.com/demos/images/nature-4.jpg" class="btn-product">
                <img src="https://swiperjs.com/demos/images/nature-4.jpg" />
                </a>
            </div>
             
          </div>
          <div class="swiper-button-next"></div>
          <div class="swiper-button-prev"></div>
        </div>
        <div thumbsSlider="" class="swiper product-thumbs mt-[10px]">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <img src="https://swiperjs.com/demos/images/nature-1.jpg" />
            </div>
            <div class="swiper-slide">
              <img src="https://swiperjs.com/demos/images/nature-2.jpg" />
            </div>
            <div class="swiper-slide">
              <img src="https://swiperjs.com/demos/images/nature-3.jpg" />
            </div>
            <div class="swiper-slide">
              <img src="https://swiperjs.com/demos/images/nature-4.jpg" />
            </div> 
          </div>
        </div>
      </div> 
      <div class="max-[1199px]:w-full w-1/2 relative">
         <div class="product-details  w-full h-full px-[30px] lg:px-[60px]">
          <h2 class="md:text-4xl font-extrabold ">3/8″ IMPACT WRENCHES</h2>
          <p class="text-primaryColor text-3xl font-bold mt-[30px]">₹100.00 <span class="text-sm text-themeFontColor/40 ">(All Tax included)</span></p>
          <p class="stack-info mt-[10px] text-themeGreen">in stock 100 items</p>
          <div class="qty-container !justify-start mt-[30px]">
            <button
              class="qty-btn-minus btn-danger btn-cornered mr-1 hover:bg-themeGary bg-primaryColor text-white hover:text-themeFontColor font-extrabold"
              type="button"
            >
              <i class="fal fa-minus"></i>
            </button>
            <input
              type="number"
              name="qty"
              value="1"
              class="input-qty input-cornered border-solid border-[1px] border-l-[0] border-primaryColor p-0 tetx-center"
            />
            <button
              class="qty-btn-plus btn-danger btn-cornered ml-1 hover:bg-themeGary bg-primaryColor text-white hover:text-themeFontColor font-extrabold"
              type="button"
            >
              <i class="fal fa-plus"></i>
            </button>
            <a href="#" class="px-[30px] py-[12px] bg-themeGary text-themeFontColor  hover:bg-primaryColor hover:text-white ml-[30px]"><i class="fal fa-cart-plus"></i> Add to cart</a>
          </div>
          <div class="product-description mt-[30px]">
            <h3 class="text-xl font-semibold mb-[15px]">Description</h3>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. At distinctio ipsum rem sint temporibus delectus ratione sit ipsa assumenda quas ab vitae placeat beatae, fugiat magni et odit numquam cupiditate! Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque vero dolores excepturi inventore laborum repellendus, ab recusandae deserunt cupiditate blanditiis in quod culpa eaque tenetur consequuntur commodi omnis nihil sit beatae obcaecati officiis nisi minima iste voluptas! Saepe quis vitae odit sed! In voluptates fuga nemo dolorem, perspiciatis nisi numquam et veniam repellendus aut velit molestias vero repellat illum animi debitis nulla. Natus id molestias sed facilis! Optio, voluptatibus eum. Sint voluptatibus consequuntur necessitatibus, mollitia fugiat magni facere. Beatae, excepturi.</p>
          </div>
         </div>
      </div>
    </div>
  </div>
</section> 
    <footer class="bg-themeFontColor py-[80px]">
      <div class="px-[60px] max-[1199px]:px-[15px]">
        <div class="footer-logo">
          <a href="#">
            <img src="assets/img/footer-logo.svg" alt="logo" />
          </a>
        </div>
        <div
          class="footer-content grid grid-cols-4 gap-4 mt-[50px] max-[576px]:grid-cols-1 max-[991px]:grid-cols-2 max-[991px]:gap-y-[30px]"
        >
          <div class="footer-address">
            <p class="text-white font-light">
              ATS ELGI <br />
              Private Industrial Estate, <br />
              Kurichy, Coimbatore-641021, <br />
              Tamilnadu, India
            </p>
            <p class="mt-[20px]">
              <a
                href="mailto:Enquiry@ats-elgi.com"
                class="text-white hover:text-primaryColor"
                >Enquiry@ats-elgi.com</a
              >
              <br />
              <a
                href="tel:+18002033544"
                class="text-white hover:text-primaryColor"
              >
                1800 203 3544</a
              >
            </p>
          </div>
          <div class="footer-link">
            <h5 class="text-lg font-bold text-white mb-[10px]">PRODUCTS</h5>
            <ul>
              <li class="mb-[6px]">
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >Prices Drop</a
                >
              </li>
              <li class="mb-[6px]">
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >New Products</a
                >
              </li>
              <li>
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >Best Sales</a
                >
              </li>
            </ul>
          </div>
          <div class="footer-link">
            <h5 class="text-lg font-bold text-white mb-[10px]">YOUR ACCOUNT</h5>
            <ul>
              <li class="mb-[6px]">
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >Delivery</a
                >
              </li>
              <li class="mb-[6px]">
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >Legal Notice</a
                >
              </li>
              <li class="mb-[6px]">
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >Terms And Conditions Of Use</a
                >
              </li>
              <li class="mb-[6px]">
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >About Us</a
                >
              </li>
              <li class="mb-[6px]">
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >Secure Payment</a
                >
              </li>
              <li class="mb-[6px]">
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >Contact Us</a
                >
              </li>
              <li class="mb-[6px]">
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >Sitemap</a
                >
              </li>
              <li>
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >Stores</a
                >
              </li>
            </ul>
          </div>
          <div class="footer-link">
            <h5 class="text-lg font-bold text-white mb-[10px]">
              STORE INFORMATION
            </h5>
            <ul>
              <li class="mb-[6px]">
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >Personal</a
                >
              </li>
              <li class="mb-[6px]">
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >Info</a
                >
              </li>
              <li class="mb-[6px]">
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >Orders</a
                >
              </li>
              <li class="mb-[6px]">
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >Credit Slips</a
                >
              </li>
              <li class="mb-[6px]">
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >Addresses</a
                >
              </li>
              <li class="mb-[6px]">
                <a
                  href="#"
                  class="text-white font-light hover:text-primaryColor"
                  >Stores</a
                >
              </li>
            </ul>
          </div>
        </div>
        <div class="copy-right flex justify-end">
          <small class="text-white font-light"
            >© copyright 2023 ATS ELGIl.</small
          >
          <small class="text-white font-light"
            >Developed By
            <a
              href="https://agtindia.com/"
              target="_blank"
              class="text-white hover:text-primaryColor"
              >AGT</a
            ></small
          >
        </div>
      </div>
    </footer>

    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <script src="assets/js/tailwind.config.js"></script>
    <script src="assets/js/alpine.js"></script>
    <script src="assets/js/swiper-bundle.min.js"></script>
    <script src="assets/js/navbar.js"></script> 
    <script src="assets/js/jquery.magnific-popup.min.js"></script> 
    <script src="assets/js/theme.js"></script>
<script>
      $(document).ready(function() {
         $('.btn-product').magnificPopup({
             type: 'image',
             mainClass: 'mfp-with-zoom',
             gallery: {
                 enabled: true
             },

             zoom: {
                 enabled: true,

                 duration: 300, // duration of the effect, in milliseconds
                 easing: 'ease-in-out', // CSS transition easing function

                 opener: function(openerElement) {

                     return openerElement.is('img') ? openerElement : openerElement.find('img');
                 }
             }

         });

     });
 
</script> 
  </body>
</html>

Youez - 2016 - github.com/yon3zu
LinuXploit