ÙµŠH³0ª`%ƒâ9Õ“´?”öÖ0•«gÇ„ø”VþÍÅ%¢ßvYU[Û–|9£ÙÏ=ò˜íP îÄ¾'mÇN~,'#>E<§Ñý9T˜Õ(oøÎµÊð°U3õ|þx MôA©z°E·Ë’ìåî‰FhFTøW	§+Ó3‚Çþ\ÂyŽhÞ¤©W:Hñ‡(z»ïå
^4¼zÑe«ZZèô:¤£‘S±Ál^K/Â\¤œaùg*"·løê×³Ó®¦½ŠÚÊ¯œMð_póùÕ°[-õæXêà»È‡O„_Ùh£ýr™ŸòÆâ‡ˆqË=þÕ3É·]üa_¢9Õ>®x=š
 _Ÿøô»#ešîÙb oÕŒuäpú//=3LÙç†ú-"åJñ§YGr×-'50æ §¿—µ!r Ð3&ðbÀ²Ayx©ß¨
{d¾·e~˜/n¦\.H¹ôÝ›J¦Í>éø*ôäÄñÛKŸ ¥(J$	ˆÁ ›Ï[&tËp	hZ*ËÂÜSAúiw¬nÂÄ—wâ‰Û®µ&÷ƒÄ ˜çŸ‰‡7zLjÇó	íZRWF¶)òÇKì°þpm†pÉ?hîÆ´Êü©L ­¿ô%RäùN«¦=Õ6·8ºEØ.WdSyä|IH«“­õÜ-+¬ý¥qc.¤Þ›Il¼R¡‰Š²~”?'†
U1z7{R5”ñ¼í/8½AS_Êº¢@,I~”:=_¦ÆzûN)õàžók·ûö#[öXœøª‘Ì˜Ò{já”kWhP,mÛ_¯¯®Ó±[p¡¨ÂNL@¡Ö£÷Dà¦_MãèMÎ‡Q+‹Ìp÷fkÝI×—?8zÃ4ëÍCì›äé
È)÷Š>„B³9fÜŸ.ûè8|N^í4¿œø1ÖÆcÄë¢ÆuD¤ÎLq&'èw HJ…ª×RQ±àÉb¼XDÇ£ø³WÏYÙ=åíØwÊ,‹_óðYÛ=êÜyƒÙ8‰3èqAß÷§ê¬ÝÊ3¥Ó53ÂÛÛ‘z—Á£5vœþÅ"*»8ØkKÌ Uº¥EÅòÞŸ³ûÚ°ÙÓ&æºqoiZ:l]öôI¦H°¿éîÑˆ Î(JC{½ðeë*Š»ç'i¸ÈÃ,|Fo´€XËæ[M|2j_‡XzÈµÀë™Jå’fÉk’ëëõ!™·×g6›ÞE’² ¤=äÍ¹³¹®cÙ¡Àaá2) —¹æAIÊ–-Ì²lÉÉDä„á@;@8ó‡'Ó¹Ç»AcíŠ~Á÷F}ˆß[îUoÃ–.étÉÜŸÅ~ 7ƒðzººêòÚ"´H†À1‰NîêèÈ4v­¢ä‹ÀBŒÓw.úá¯R›ewo¯§GCõÆ¥ÃÆÅ05ª´íÚ#=Hîá^wTæ6ïiõ¶

HU(9&Ó‘)ˆàw‡<þ;ª“JÄab…d­O,ž8èýŽéo?khÏö¡“6C}ó{«ÏYr,¹‰ï+›«H¤MbÎ
5ÆÕ`ëžêéò¯I¯x½T/Èäí¶,³,/	ƒìÉþÑÂ’xlCH)Ý6¼¡ï¡F–¹µýTŒ²ˆT¦,¹h“–Ì¦¡qìyJÿiµñ+…Íl×(¨‹Å‘6N_y½É¸©ë6áP¨g#÷yï°º@ä^E©Ò	ì0åô»¨-4àNRVŠ\†T‘à‚Sì†ðÜ*; F"ÙD—…ó^t—<PAËbrg±ù—]UúI2®uWˆ0&$½D¹QÙýÙª"xî=kÅá›ûQ‚$V9O"Åe6¦cþšxTaŸæÏ€ú;°«,5Vk8“9E6Ëh­xôô€@îðàòG‘;ŽJg‚<.? VûI2o!û`8gYÂb(ã¥ñ["0Ì¹IÿðÓèðóZ…{dçIu·Ú òX…ÚÔQDj‡IÁ_Í'²–5üYˆÁ?âÞ"À`¸øH¨{ÜM(KWæ$”B$ìtus9“mœºÁúK™ˆYV¡ÉCb–nƒ¥Ëk=pSš‰èEç¤Ã°œ7Ÿ'YwZíË¦—Ö•áùKÔ€]¿ªL=+É¯«¼Ùoy‹ÝÀk_g‘±IƒÐf>ÆŒÖ¯«;è†H=7r¼¤x"n+*ýK“ORâÂD rM×G´/PÔØÆJÔ U?„;æÓp
I²ÆqD‘°°ÑâŸUÉùã¶p¬üúóôù*Oþ'Ñà.ˆ@RáBdèEö\^$‹¢9Áuã>íâÆ-V^çJ(Ø!ÉG-Q5ûËç~ò^*»Y:ª¸R…Ý yÜÉ¿FWìß>.ZçkŒ‘y’º.‘jÇÛÏëÿÖ3eú,ç¾`KQ×e&<-–ðË ÖÊ¸”	7 ¤X$½D¹QÙýÙª"xî´þÙ€¾2ío‘K¯Q\ŽÜ›Ï+n½¶$šPqJ
¯NÏ³ÿÀš”,Dý=ÂnÔNúÉµÂÿG›ñJv•>ºÉt‰F!ràQ¼ØÈ®ý}£†È†ªï=ÿë ÞÿÉ96œÓþ÷&Aù8$½D¹QÙýÙª"xîVjSI@nœ?…,½ØËœN×FÂá/–~1/Zë×Jnt0fH’Øß•›.Sâzq:ÑÅdCÄr}„züñÌ¯)N$²#fggäÄ‡)(Ç¶)aj£$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîëÙÏ“K1˜LÓrÖì0ƒeìŸ›4 ìB3®Cÿô(UkÖ'fÑl~)•À$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîï‚”e„›€L·A‰$<´¿ÙGÇ¦,:a³ŒÆ«
 98ÚnëkP¢¼Ôn¿kTDÑìÛ>ñ¯šZ¶/ãÄ6AÒ¿Ez/aëý@…¥Ð?Ä†­ß¿qpô$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîCrë¦(ù*ÞtT-øÎ<Õ{Wº´uSiþ`v©BG0ù*=º2>õ'nvP+c#Ž-ÛÐ¾eÔ‚t-¨,Š@¥º;«í sma¨§úÁüÒHø»U9±–bâhÜò0ˆbbsƒ¥`Äj,—JÐº-z3ÁÌ5{®Šòà	¡wÖzqåªéçü=½€ú(£',Æ/´ú¯­`šï{¸Ï¥[{±“MÅ¯`'ä?°–î@)$½D¹QÙýÙª"xî$½D¹QÙýÙª"xî@™)%
<oÚ#f+ýß–A….ˆ\ÒÏäIÍFúÍjüR)Z;î¤§ÍVz!wÁüÔÚ$#‰½¡wòw³ÃW îÄ%6wÅ€5Š¹…ŠÀˆƒ7«îÔoÕÌ!‘‹ì{/OKÖdÆWé\{iÁ(§dY/8Xd“Æ¡6IÔ$½D¹QÙýÙª"xîÌná¯Ü Ó&Tbì«
­$½D¹QÙýÙª"xî–x nš[Xdð‚Š‚o˜$½D¹QÙýÙª"xîÏàŸö	rò1žÝE™ý¡$½D¹QÙýÙª"xîVjSI@nœ?…,½Øªc'y¶Z™%O^ìBgåFWË¯šâø¡Öäç›Xša8ëœ“ˆ.‡·Àˆõ9úyŒP#cÀæøÄó$½D¹QÙýÙª"xîì’NÚIºÀ:V2#ìäyhœM’j±ÎILÒûÕÀlè’¶‘1¸[—}@/_ìòVŸ1÷P®r,´øVPÖ‚òëz·×*Ÿ~L¿›^óaT¾WÃ=*FÊ¬²‰Ÿó"UÃìïMn$½D¹QÙýÙª"xî˜×Ïß¡Éeäo:f(}žÐ±Þ»,ºèõó  š7òhci§,w'ÐVàío;AÝíp€)Æ©Ü³ÿfúÊ/ïTYÙÞÎEÁ§u‘Z¾‘o![,‚IjSÂ3ëÆ;°«,5Vk8“9E6Ë$½D¹QÙýÙª"xî´ÔŽ$fSI–h¹1ËÍVšÚ``_:Þ'®¿4ó¬¢:aƒg éP	q¨“
$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîô˜í)7ˆÌ¤Ik‡I`ÛÁ ›Ì[ÐIoaü4S øá€BO÷ßÎ‚~ÖXâ ã5vêÝLsmÏ‘”0_P²¿ýš¹•®ð7¢k‡(þU¶+ÆÖ1c™þ“,KÉ³;°«,5Vk8“9E6Ë$½D¹QÙýÙª"xîv`aõþ	õô[£L?Ðš¹”Ì³·…Ê×—ÊašL^	~OÆè…DF $’?zî”B¤d+ `ûžìòrÑ!ÐÇ”[ŽO6$Wtä)ÌpVÜ5vêÝLsmÏ‘”0_PëN/ƒU%Ü]’‚V`¥Yy7é£(àõÎS}QJOÍ·U$½D¹QÙýÙª"xîn¥	íIHèF¢ÚŽ»ú#5$½D¹QÙýÙª"xîŒñÚ€ö¤Ï´M‰%*]-Ä‡¼Éegšû€J<VPš
‡Ë·ô4¤hS²c¶pÕŒ°ìnG´j2;ÆŸ™â×æe¦IA‰ÀÆCÄ±sÑ"¼šÕÔˆaGŸœCe÷è£ƒµ°~²ÒœýÈòt(ò0:9ý™¼ªeÐzJliiÐ"¾‚ùp¶¢ÌÿöÂo$½D¹QÙýÙª"xîõF{€XYý»:ónõ£ÂOå´Ã>|—éÕ©š³Q*W®b—³.Qä;³|ß"ƒ¬Z!°ß›ù.hç¶„±@’”3€¿Æ»6b‹Ô.Áäìãl¬ÅéKÑ¨³r´	á÷blkøVÛ[lœ¨=tÀFŸ¿¥$½D¹QÙýÙª"xî®§ø†XE/#ŒKBvÀîÃÑÒß	ìÚ
zÂwI^¾h­­JhZãVÛ¸ŽL…î/
6Ò’Öè._Œ†(þP3•óE/™Ý–%6oÇ÷\2”Qõ@ó"FœåP('æÃö¹2Þ¼ÙÃ|¸ËÚÛ$½D¹QÙýÙª"xî¬üúóôù*Oþ'Ñà.ˆ{ßÄ[Vã@XCt»)ãq±â¦2Í¸AJª?¤ùü§1C73¼Ö~•ð)¶(d¾Ó”Æ$½D¹QÙýÙª"xîL!ÍHoEeFZF¹"‚{S}à‘Q3~¶n˜dBfWµÀ…&ž‰5“œ‘îë”Ôoe…¤Ë*Xó×ú±”uïƒÞßimate__fadeInDown">ELECTRONICS</h1>

                                    <a href="shop?cid=4" class="btn btn-outline-light py-2 px-4 mt-3 animate__animated animate__fadeInUp">Shop Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="product-offer mb-30" style="height: 200px;">
                    <img class="img-fluid" src="img/banners/banner-2.jpg" alt="">
                    <div class="offer-text">
                        <h6 class="text-white text-uppercase">Save 20%</h6>
                        <h3 class="text-white mb-3">Special Offer</h3>
                        <a href="shop" class="btn btn-primary">Shop Now</a>
                    </div>
                </div>
                <div class="product-offer mb-30" style="height: 200px;">
                    <img class="img-fluid" src="img/banners/banner-3.png" alt="">
                    <div class="offer-text">
                        <h6 class="text-white text-uppercase">Save 20%</h6>
                        <h3 class="text-white mb-3">Special Offer</h3>
                        <a href="shop" class="btn btn-primary">Shop Now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Carousel End -->


    <!-- Featured Start -->
    <div class="container-fluid pt-5">
        <div class="row px-xl-5 pb-3">
            <div class="col-lg-3 col-md-6 col-sm-12 pb-1">
                <div class="d-flex align-items-center bg-light mb-4" style="padding: 30px;">
                    <h1 class="fa fa-check text-primary m-0 mr-3"></h1>
                    <h5 class="font-weight-semi-bold m-0">Quality Product</h5>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12 pb-1">
                <div class="d-flex align-items-center bg-light mb-4" style="padding: 30px;">
                    <h1 class="fa fa-shipping-fast text-primary m-0 mr-2"></h1>
                    <h5 class="font-weight-semi-bold m-0">Free Shipping</h5>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12 pb-1">
                <div class="d-flex align-items-center bg-light mb-4" style="padding: 30px;">
                    <h1 class="fas fa-exchange-alt text-primary m-0 mr-3"></h1>
                    <h5 class="font-weight-semi-bold m-0">14-Day Return</h5>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12 pb-1">
                <div class="d-flex align-items-center bg-light mb-4" style="padding: 30px;">
                    <h1 class="fa fa-phone-volume text-primary m-0 mr-3"></h1>
                    <h5 class="font-weight-semi-bold m-0">24/7 Support</h5>
                </div>
            </div>
        </div>
    </div>
    <!-- Featured End -->


    <!-- Categories Start -->
    <div class="container-fluid pt-5">
        <h2 class="section-title position-relative text-uppercase mx-xl-5 mb-4"><span class="bg-secondary pr-3">Categories</span></h2>
        <div class="row px-xl-5 pb-3">
            <div class="col-lg-3 col-md-4 col-sm-6 pb-1">
                <a class="text-decoration-none" href="shop?cid=6">
                    <div class="cat-item d-flex align-items-center mb-4">
                        <div class="overflow-hidden" style="width: 100px; height: 100px;">
                            <img class="img-fluid" src="img/cat-1.jpg" alt="">
                        </div>
                        <div class="flex-fill pl-3">
                            <h6>Fashion</h6>
                            <small class="text-body"><?php echo getName($con,"select count(*) from products where category=6");?> Products</small>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 pb-1">
                <a class="text-decoration-none" href="shop?cid=4">
                    <div class="cat-item img-zoom d-flex align-items-center mb-4">
                        <div class="overflow-hidden" style="width: 100px; height: 100px;">
                            <img class="img-fluid" src="img/cat-2.jpg" alt="">
                        </div>
                        <div class="flex-fill pl-3">
                            <h6>Electronics</h6>
                            <small class="text-body"><?php echo getName($con,"select count(*) from products where category=4");?> Products</small>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 pb-1">
                <a class="text-decoration-none" href="shop?scid=12">
                    <div class="cat-item img-zoom d-flex align-items-center mb-4">
                        <div class="overflow-hidden" style="width: 100px; height: 100px;">
                            <img class="img-fluid" src="img/cat-3.jpg" alt="">
                        </div>
                        <div class="flex-fill pl-3">
                            <h6>Shoes</h6>
                            <small class="text-body"><?php echo getName($con,"select count(*) from products where subcategory=12");?> Products</small>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6 pb-1">
                <a class="text-decoration-none" href="shop?cid=22">
                    <div class="cat-item img-zoom d-flex align-items-center mb-4">
                        <div class="overflow-hidden" style="width: 100px; height: 100px;">
                            <img class="img-fluid" src="img/cat-4.jpg" alt="">
                        </div>
                        <div class="flex-fill pl-3">
                            <h6>Cosmatics</h6>
                            <small class="text-body"><?php echo getName($con,"select count(*) from products where category=22");?> Products</small>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!-- Categories End -->


    <!-- Products Start -->
    <div class="container-fluid pt-5 pb-3">
        <h2 class="section-title position-relative text-uppercase mx-xl-5 mb-4"><span class="bg-secondary pr-3">Featured Products</span></h2>
        <div class="row px-xl-5">

<?php 
//Tab products
//$run2=mysqli_query($con,"select * from products where 1=1 order by category limit 8");
$run2=mysqli_query($con,"select * from products where id in(select distinct pid from cartrecord order by date_ desc) limit 8");
while($rsProduct=mysqli_fetch_array($run2)){
	$categoryName=getName($con,"select categoryName from category where id='".$rsProduct['category']."'");
?>		
            <div class="col-lg-3 col-md-4 col-sm-6 pb-1">
                <div class="product-item bg-light mb-4">
                    <div class="product-img position-relative overflow-hidden">
                        <img class="img-fluid w-100" src="<?php echo "products/".$rsProduct['productImage1']; ?>" alt="">
                        <div class="product-action">
                            <a class="btn btn-outline-dark btn-square" onclick='addToCart(<?php echo $rsProduct['id'];?>)'><i class="fa fa-shopping-cart"></i></a>
                            <a class="btn btn-outline-dark btn-square" onclick="addToWishList(<?php echo $rsProduct['id'];?>)"><i class="far fa-heart"></i></a>
                            <a class="btn btn-outline-dark btn-square" href=""><i class="fa fa-sync-alt"></i></a>
                            <a class="btn btn-outline-dark btn-square" href="detail?pid=<?php echo $rsProduct['id'];?>"><i class="fa fa-search"></i></a>
                        </div>
                    </div>
                    <div class="text-center py-4">
                        <a class="h6 text-decoration-none text-truncate" href="detail?pid=<?php echo $rsProduct['id'];?>"><?php echo $rsProduct['productName'];?></a>
                        <div class="d-flex align-items-center justify-content-center mt-2">
                            <h5>$<?php echo $rsProduct['productPriceBeforeDiscount'];?></h5><h6 class="text-muted ml-2"><del>$<?php echo $rsProduct['productPrice'];?></del></h6>
                        </div>
                        <div class="d-flex align-items-center justify-content-center mb-1">
                            <small class="fa fa-star text-primary mr-1"></small>
                            <small class="fa fa-star text-primary mr-1"></small>
                            <small class="fa fa-star text-primary mr-1"></small>
                            <small class="fa fa-star text-primary mr-1"></small>
                            <small class="fa fa-star text-primary mr-1"></small>
                            <small>(<?php echo rand(10,100);?>)</small>
                        </div>
                    </div>
                </div>
            </div>
<?php 
}
?>			
        </div>
    </div>
    <!-- Products End -->


    <!-- Offer Start -->
    <div class="container-fluid pt-5 pb-3">
        <div class="row px-xl-5">
            <div class="col-md-6">
                <div class="product-offer mb-30" style="height: 300px;">
                    <img class="img-fluid" src="img/offer-1.jpg" alt="">
                    <div class="offer-text">
                        <h6 class="text-white text-uppercase">Save 20%</h6>
                        <h3 class="text-white mb-3">Special Offer</h3>
                        <a href="" class="btn btn-primary">Shop Now</a>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="product-offer mb-30" style="height: 300px;">
                    <img class="img-fluid" src="img/offer-2.jpg" alt="">
                    <div class="offer-text">
                        <h6 class="text-white text-uppercase">Save 20%</h6>
                        <h3 class="text-white mb-3">Special Offer</h3>
                        <a href="" class="btn btn-primary">Shop Now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Offer End -->


    <!-- Products Start -->
    <div class="container-fluid pt-5 pb-3">
        <h2 class="section-title position-relative text-uppercase mx-xl-5 mb-4"><span class="bg-secondary pr-3">Recent Products</span></h2>
        <div class="row px-xl-5">
<?php 
//Tab products
$run2=mysqli_query($con,"select * from products where 1=1 order by category desc limit 8");
while($rsProduct=mysqli_fetch_array($run2)){
	$categoryName=getName($con,"select categoryName from category where id='".$rsProduct['category']."'");
?>				
            <div class="col-lg-3 col-md-4 col-sm-6 pb-1">
                <div class="product-item bg-light mb-4">
                    <div class="product-img position-relative overflow-hidden">
                        <img class="img-fluid w-100" src="<?php echo "products/".$rsProduct['productImage1']; ?>" alt="">
                        <div class="product-action">
                            <a class="btn btn-outline-dark btn-square" onclick='addToCart(<?php echo $rsProduct['id'];?>)'><i class="fa fa-shopping-cart"></i></a>
                            <a class="btn btn-outline-dark btn-square" onclick="addToWishList(<?php echo $rsProduct['id'];?>)"><i class="far fa-heart"></i></a>
                            <a class="btn btn-outline-dark btn-square" href=""><i class="fa fa-sync-alt"></i></a>
                            <a class="btn btn-outline-dark btn-square" href="detail?pid=<?php echo $rsProduct['id'];?>"><i class="fa fa-search"></i></a>
                        </div>
                    </div>
                    <div class="text-center py-4">
                        <a class="h6 text-decoration-none text-truncate" href=""><?php echo $rsProduct['productName'];?>)</a>
                        <div class="d-flex align-items-center justify-content-center mt-2">
                            <h5>$123.00</h5><h6 class="text-muted ml-2"><del>$123.00</del></h6>
                        </div>
                        <div class="d-flex align-items-center justify-content-center mb-1">
                            <small class="fa fa-star text-primary mr-1"></small>
                            <small class="fa fa-star text-primary mr-1"></small>
                            <small class="fa fa-star text-primary mr-1"></small>
                            <small class="fa fa-star text-primary mr-1"></small>
                            <small class="fa fa-star text-primary mr-1"></small>
                            <small>(99)</small>
                        </div>
                    </div>
                </div>
            </div>
<?php 
}
?>					
        </div>
    </div>
    <!-- Products End -->


    <!-- Vendor Start -->
    <div class="container-fluid py-5">
        <div class="row px-xl-5">
            <div class="col">
                <div class="owl-carousel vendor-carousel">
                    <div class="bg-light p-4">
                        <img src="img/vendor-1.jpg" alt="">
                    </div>
                    <div class="bg-light p-4">
                        <img src="img/vendor-2.jpg" alt="">
                    </div>
                    <div class="bg-light p-4">
                        <img src="img/vendor-3.jpg" alt="">
                    </div>
                    <div class="bg-light p-4">
                        <img src="img/vendor-4.jpg" alt="">
                    </div>
                    <div class="bg-light p-4">
                        <img src="img/vendor-5.jpg" alt="">
                    </div>
                    <div class="bg-light p-4">
                        <img src="img/vendor-6.jpg" alt="">
                    </div>
                    <div class="bg-light p-4">
                        <img src="img/vendor-7.jpg" alt="">
                    </div>
                    <div class="bg-light p-4">
                        <img src="img/vendor-8.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Vendor End -->


<?php include_once"footer.php";?>

    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>

    <!-- Contact Javascript File -->
    <script src="mail/jqBootstrapValidation.min.js"></script>
    <script src="mail/contact.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
</body>

</html>