Get Dinuro Page Register now
Dinuro Profile sale discount off 30% - +94774667522
DoReMe Music Books are available here Shop now
Dear Maris Stella College Old Boys,As the newly appointed President of the Old Boys Association, it is my immense pleasure to extend my warmest greetings to each and every one of you as we step into the new year. Your unwavering spirit and camaraderie have always been the backbone of our esteem...
We Very warmly Invite all of you to #edura2024 education exhibition at Maris Stella College NEGOMBO...
Final Call for the last 05 slots of the Explore Negombo - MMR 25 TSD Rally! Don’t miss out on this monumental rally event of the MMR25- Together festival! <a id="rptCatP6_btnOrder_2" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCatP6$ctl02$btnOrder','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="OurProfileMore.aspx?iid=MA001&cat=3&id=134" class="box-icon quickview style-3 hover-tooltip"><span class="icon icon-view"></span><span class="tooltip">Quick view</span></a> </div> </div> </div> <div class="card-product list-layout" data-availability="In stock" data-brand="Ecomus"> <div class="card-product-wrapper"> <a href="OurProfileMore.aspx?iid=11335&cat=3&id=134" class="product-img"> <img class="lazyload img-product" src="Images/Activity/11335.jpg" data-src="Images/Activity/11335.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="Images/Activity/11335.jpg" src="Images/Activity/11335.jpg" alt="image-product"> </a> </div> <div class="card-product-info"> <a href="OurProfileMore.aspx?iid=11335&cat=3&id=134" class="title link">National Weightlifting Championships</a> <span class="price current-price">City - </span> <p class="description">Congratulations Mr.Ruwinda Rowel of MSC 2019 A/L batch for winning the 3rd Place at the Youth/Junior National Weightlifting Championships representing The University of Colombo....</p> <div class="list-product-btn"> <a id="rptCatP6_btnOrder_3" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCatP6$ctl03$btnOrder','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="OurProfileMore.aspx?iid=11335&cat=3&id=134" class="box-icon quickview style-3 hover-tooltip"><span class="icon icon-view"></span><span class="tooltip">Quick view</span></a> </div> </div> </div> <div class="card-product list-layout" data-availability="In stock" data-brand="Ecomus"> <div class="card-product-wrapper"> <a href="OurProfileMore.aspx?iid=11336&cat=3&id=134" class="product-img"> <img class="lazyload img-product" src="Images/Activity/11336.jpg" data-src="Images/Activity/11336.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="Images/Activity/11336.jpg" src="Images/Activity/11336.jpg" alt="image-product"> </a> </div> <div class="card-product-info"> <a href="OurProfileMore.aspx?iid=11336&cat=3&id=134" class="title link">Over 60 SL World Cup Team</a> <span class="price current-price">City - </span> <p class="description">Congratulations to Two Maristonians in the over 60 SL World Cup Team. Fazly Wahab and Mahendra Arthanayake ( Retired DG of SL Customs)...</p> <div class="list-product-btn"> <a id="rptCatP6_btnOrder_4" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCatP6$ctl04$btnOrder','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="OurProfileMore.aspx?iid=11336&cat=3&id=134" class="box-icon quickview style-3 hover-tooltip"><span class="icon icon-view"></span><span class="tooltip">Quick view</span></a> </div> </div> </div> <div class="card-product list-layout" data-availability="In stock" data-brand="Ecomus"> <div class="card-product-wrapper"> <a href="OurProfileMore.aspx?iid=21568&cat=3&id=134" class="product-img"> <img class="lazyload img-product" src="Images/Activity/21568.jpg" data-src="Images/Activity/21568.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="Images/Activity/21568.jpg" src="Images/Activity/21568.jpg" alt="image-product"> </a> </div> <div class="card-product-info"> <a href="OurProfileMore.aspx?iid=21568&cat=3&id=134" class="title link">Naming of the Auditorium at the OBA Center of Maris Stella College</a> <span class="price current-price">City - </span> <p class="description">Naming of the Auditorium at the OBA Center of Maris Stella College in Honor of Mr. Ajith Weerasinghe <br><br>It is with great admiration and respect that we commemorate the renaming of the auditorium at the OBA Center of Maris Stella College in honor of Mr. Ajith Weerasinghe. Ajith has played a piv...</p> <div class="list-product-btn"> <a id="rptCatP6_btnOrder_5" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCatP6$ctl05$btnOrder','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="OurProfileMore.aspx?iid=21568&cat=3&id=134" class="box-icon quickview style-3 hover-tooltip"><span class="icon icon-view"></span><span class="tooltip">Quick view</span></a> </div> </div> </div> <div class="card-product list-layout" data-availability="In stock" data-brand="Ecomus"> <div class="card-product-wrapper"> <a href="OurProfileMore.aspx?iid=21546&cat=3&id=134" class="product-img"> <img class="lazyload img-product" src="Images/Activity/21546.jpg" data-src="Images/Activity/21546.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="Images/Activity/21546.jpg" src="Images/Activity/21546.jpg" alt="image-product"> </a> </div> <div class="card-product-info"> <a href="OurProfileMore.aspx?iid=21546&cat=3&id=134" class="title link">RENEWAL OF MEMBERSHIP – 2025 / 2026</a> <span class="price current-price">City - </span> <p class="description">Dear MSC OBA Centre Lounge Member (Special Offer Category), <br><br>We appreciate and thank you for being a member of our prestigious “OBA Centre Members Lounge”. As a valuable patron, it is our fervent belief that you shall have enjoyed with your family and friends the privileges of being a member...</p> <div class="list-product-btn"> <a id="rptCatP6_btnOrder_6" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCatP6$ctl06$btnOrder','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="OurProfileMore.aspx?iid=21546&cat=3&id=134" class="box-icon quickview style-3 hover-tooltip"><span class="icon icon-view"></span><span class="tooltip">Quick view</span></a> </div> </div> </div> <div class="card-product list-layout" data-availability="In stock" data-brand="Ecomus"> <div class="card-product-wrapper"> <a href="OurProfileMore.aspx?iid=11337&cat=3&id=134" class="product-img"> <img class="lazyload img-product" src="Images/Activity/11337.jpg" data-src="Images/Activity/11337.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="Images/Activity/11337.jpg" src="Images/Activity/11337.jpg" alt="image-product"> </a> </div> <div class="card-product-info"> <a href="OurProfileMore.aspx?iid=11337&cat=3&id=134" class="title link">Over 40 Srilanka Cricket team for World Cup in South Africa</a> <span class="price current-price">City - </span> <p class="description">Best Wishes to Maristonions - Dineth ,Mevan & Kasun representing Over 40 Srilanka Cricket team for World Cup in South Africa...</p> <div class="list-product-btn"> <a id="rptCatP6_btnOrder_7" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCatP6$ctl07$btnOrder','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="OurProfileMore.aspx?iid=11337&cat=3&id=134" class="box-icon quickview style-3 hover-tooltip"><span class="icon icon-view"></span><span class="tooltip">Quick view</span></a> </div> </div> </div> <div class="card-product list-layout" data-availability="In stock" data-brand="Ecomus"> <div class="card-product-wrapper"> <a href="OurProfileMore.aspx?iid=11338&cat=3&id=134" class="product-img"> <img class="lazyload img-product" src="Images/Activity/11338.jpg" data-src="Images/Activity/11338.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="Images/Activity/11338.jpg" src="Images/Activity/11338.jpg" alt="image-product"> </a> </div> <div class="card-product-info"> <a href="OurProfileMore.aspx?iid=11338&cat=3&id=134" class="title link">Edura's educational exhibition!</a> <span class="price current-price">City - </span> <p class="description">Embarking on a journey of knowledge at Edura's educational exhibition!...</p> <div class="list-product-btn"> <a id="rptCatP6_btnOrder_8" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCatP6$ctl08$btnOrder','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="OurProfileMore.aspx?iid=11338&cat=3&id=134" class="box-icon quickview style-3 hover-tooltip"><span class="icon icon-view"></span><span class="tooltip">Quick view</span></a> </div> </div> </div> <!-- Cat 8 --> <!-- pagination --> <ul class="wg-pagination tf-pagination-list justify-content-start"> <li class="active"> <a href="#" class="pagination-link">1</a> </li> <li> <a href="#" class="pagination-link animate-hover-btn">2</a> </li> <li> <a href="#" class="pagination-link animate-hover-btn">3</a> </li> <li> <a href="#" class="pagination-link animate-hover-btn"> <span class="icon icon-arrow-right"></span> </a> </li> </ul> </div> <div class="tf-grid-layout wrapper-shop tf-col-3" id="gridLayout"> <!-- Cat 3 --> <!-- Cat 4 --> <!-- Cat 5 --> <!-- Cat 6 --> <div class="card-product grid" data-availability="In stock" data-brand="Ecomus"> <div class="card-product-wrapper"> <a href="OurProfileMore.aspx?iid=11519&cat=3&id=134" class="product-img"> <img class="lazyload img-product" src="Images/Activity/11519.jpg" data-src="Images/Activity/11519.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="Images/Activity/11519.jpg" src="Images/Activity/11519.jpg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a id="rptCat6_btnOrder2_0" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCat6$ctl00$btnOrder2','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to My Profile</span> <span class="icon icon-delete"></span> </a> <a href="OurProfileMore.aspx?iid=11519&cat=3&id=134" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="OurProfileMore.aspx?iid=11519&cat=3&id=134" class="title link">Happy New Year to All Alumni of Maris Stella College, Negombo! </a> <span class="price current-price">City - </span> </div> </div> <div class="card-product grid" data-availability="In stock" data-brand="Ecomus"> <div class="card-product-wrapper"> <a href="OurProfileMore.aspx?iid=11339&cat=3&id=134" class="product-img"> <img class="lazyload img-product" src="Images/Activity/11339.jpg" data-src="Images/Activity/11339.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="Images/Activity/11339.jpg" src="Images/Activity/11339.jpg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a id="rptCat6_btnOrder2_1" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCat6$ctl01$btnOrder2','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to My Profile</span> <span class="icon icon-delete"></span> </a> <a href="OurProfileMore.aspx?iid=11339&cat=3&id=134" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="OurProfileMore.aspx?iid=11339&cat=3&id=134" class="title link">Come Join with the career guidance programs</a> <span class="price current-price">City - </span> </div> </div> <div class="card-product grid" data-availability="In stock" data-brand="Ecomus"> <div class="card-product-wrapper"> <a href="OurProfileMore.aspx?iid=MA001&cat=3&id=134" class="product-img"> <img class="lazyload img-product" src="Images/Activity/MA001.jpg" data-src="Images/Activity/MA001.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="Images/Activity/MA001.jpg" src="Images/Activity/MA001.jpg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a id="rptCat6_btnOrder2_2" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCat6$ctl02$btnOrder2','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to My Profile</span> <span class="icon icon-delete"></span> </a> <a href="OurProfileMore.aspx?iid=MA001&cat=3&id=134" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="OurProfileMore.aspx?iid=MA001&cat=3&id=134" class="title link">Final Call for the last 05 slots of the Explore Negombo - MMR 25 TSD Rally!</a> <span class="price current-price">City - </span> </div> </div> <div class="card-product grid" data-availability="In stock" data-brand="Ecomus"> <div class="card-product-wrapper"> <a href="OurProfileMore.aspx?iid=11335&cat=3&id=134" class="product-img"> <img class="lazyload img-product" src="Images/Activity/11335.jpg" data-src="Images/Activity/11335.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="Images/Activity/11335.jpg" src="Images/Activity/11335.jpg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a id="rptCat6_btnOrder2_3" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCat6$ctl03$btnOrder2','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to My Profile</span> <span class="icon icon-delete"></span> </a> <a href="OurProfileMore.aspx?iid=11335&cat=3&id=134" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="OurProfileMore.aspx?iid=11335&cat=3&id=134" class="title link">National Weightlifting Championships</a> <span class="price current-price">City - </span> </div> </div> <div class="card-product grid" data-availability="In stock" data-brand="Ecomus"> <div class="card-product-wrapper"> <a href="OurProfileMore.aspx?iid=11336&cat=3&id=134" class="product-img"> <img class="lazyload img-product" src="Images/Activity/11336.jpg" data-src="Images/Activity/11336.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="Images/Activity/11336.jpg" src="Images/Activity/11336.jpg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a id="rptCat6_btnOrder2_4" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCat6$ctl04$btnOrder2','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to My Profile</span> <span class="icon icon-delete"></span> </a> <a href="OurProfileMore.aspx?iid=11336&cat=3&id=134" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="OurProfileMore.aspx?iid=11336&cat=3&id=134" class="title link">Over 60 SL World Cup Team</a> <span class="price current-price">City - </span> </div> </div> <div class="card-product grid" data-availability="In stock" data-brand="Ecomus"> <div class="card-product-wrapper"> <a href="OurProfileMore.aspx?iid=21568&cat=3&id=134" class="product-img"> <img class="lazyload img-product" src="Images/Activity/21568.jpg" data-src="Images/Activity/21568.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="Images/Activity/21568.jpg" src="Images/Activity/21568.jpg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a id="rptCat6_btnOrder2_5" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCat6$ctl05$btnOrder2','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to My Profile</span> <span class="icon icon-delete"></span> </a> <a href="OurProfileMore.aspx?iid=21568&cat=3&id=134" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="OurProfileMore.aspx?iid=21568&cat=3&id=134" class="title link">Naming of the Auditorium at the OBA Center of Maris Stella College</a> <span class="price current-price">City - </span> </div> </div> <div class="card-product grid" data-availability="In stock" data-brand="Ecomus"> <div class="card-product-wrapper"> <a href="OurProfileMore.aspx?iid=21546&cat=3&id=134" class="product-img"> <img class="lazyload img-product" src="Images/Activity/21546.jpg" data-src="Images/Activity/21546.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="Images/Activity/21546.jpg" src="Images/Activity/21546.jpg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a id="rptCat6_btnOrder2_6" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCat6$ctl06$btnOrder2','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to My Profile</span> <span class="icon icon-delete"></span> </a> <a href="OurProfileMore.aspx?iid=21546&cat=3&id=134" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="OurProfileMore.aspx?iid=21546&cat=3&id=134" class="title link">RENEWAL OF MEMBERSHIP – 2025 / 2026</a> <span class="price current-price">City - </span> </div> </div> <div class="card-product grid" data-availability="In stock" data-brand="Ecomus"> <div class="card-product-wrapper"> <a href="OurProfileMore.aspx?iid=11337&cat=3&id=134" class="product-img"> <img class="lazyload img-product" src="Images/Activity/11337.jpg" data-src="Images/Activity/11337.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="Images/Activity/11337.jpg" src="Images/Activity/11337.jpg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a id="rptCat6_btnOrder2_7" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCat6$ctl07$btnOrder2','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to My Profile</span> <span class="icon icon-delete"></span> </a> <a href="OurProfileMore.aspx?iid=11337&cat=3&id=134" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="OurProfileMore.aspx?iid=11337&cat=3&id=134" class="title link">Over 40 Srilanka Cricket team for World Cup in South Africa</a> <span class="price current-price">City - </span> </div> </div> <div class="card-product grid" data-availability="In stock" data-brand="Ecomus"> <div class="card-product-wrapper"> <a href="OurProfileMore.aspx?iid=11338&cat=3&id=134" class="product-img"> <img class="lazyload img-product" src="Images/Activity/11338.jpg" data-src="Images/Activity/11338.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="Images/Activity/11338.jpg" src="Images/Activity/11338.jpg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a id="rptCat6_btnOrder2_8" class="box-icon quick-add style-3 hover-tooltip" href="javascript:__doPostBack('rptCat6$ctl08$btnOrder2','')"> <span class="icon icon-bag"></span> <span class="tooltip">Quick add</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to My Profile</span> <span class="icon icon-delete"></span> </a> <a href="OurProfileMore.aspx?iid=11338&cat=3&id=134" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="OurProfileMore.aspx?iid=11338&cat=3&id=134" class="title link">Edura's educational exhibition!</a> <span class="price current-price">City - </span> </div> </div> <!-- Cat 8 --> <ul class="wg-pagination tf-pagination-list"> <li class="active"> <a href="#" class="pagination-link">1</a> </li> <li> <a href="#" class="pagination-link animate-hover-btn">2</a> </li> <li> <a href="#" class="pagination-link animate-hover-btn">3</a> </li> <li> <a href="#" class="pagination-link animate-hover-btn">4</a> </li> <li> <a href="#" class="pagination-link animate-hover-btn"> <span class="icon icon-arrow-right"></span> </a> </li> </ul> </div> </div> </div> </div> </section> <div class="btn-sidebar-style2"> <button type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebarmobile" aria-controls="offcanvas"><i class="icon icon-sidebar-2"></i></button> </div> <!-- footer --> <footer id="footer" class="footer"> <div class="footer-wrap"> <div class="footer-body"> <div class="container"> <div class="row"> <div class="col-xl-3 col-md-6 col-12"> <div class="footer-infor"> <div class="footer-logo"> <a href="#"> <img src="Images/imgHeaderSmall/134.jpg" width="80px" alt=""> </a> </div> <ul> <li> <p>Address: , <br> </p> </li> <li> <p>Email: <a href="#">info@marisstellaoba.com</a></p> </li> <li> <p>Phone: <a href="#"></a></p> </li> </ul> <a href="" class="tf-btn btn-line">Get direction<i class="icon icon-arrow1-top-left"></i></a> <ul class="tf-social-icon d-flex gap-10"> <li><a href="https://marisstellaoba.com/" class="box-icon w_34 round social-facebook social-line"><i class="icon fs-14 icon-fb"></i></a></li> <li><a href="" class="box-icon w_34 round social-youtube social-line"><i class="icon fs-12 icon-youtube"></i></a></li> <li><a href="#" class="box-icon w_34 round social-instagram social-line"><i class="icon fs-14 icon-instagram"></i></a></li> <li><a href="#" class="box-icon w_34 round social-tiktok social-line"><i class="icon fs-14 icon-tiktok"></i></a></li> <li><a href="" class="box-icon w_34 round social-pinterest social-line"><i class="icon fs-14 icon-pinterest-1"></i></a></li> </ul> </div> </div> <div class="col-xl-3 col-md-6 col-12 footer-col-block"> <div class="footer-heading footer-heading-desktop"> <h6>Help</h6> </div> <div class="footer-heading footer-heading-moblie"> <h6>Help</h6> </div> </div> <div class="col-xl-3 col-md-6 col-12 footer-col-block"> <div class="footer-heading footer-heading-desktop"> <h6>About us</h6> </div> <div class="footer-heading footer-heading-moblie"> <h6>About us</h6> </div> </div> <div class="col-xl-3 col-md-6 col-12"> <div class="footer-newsletter footer-col-block"> <div class="footer-heading footer-heading-desktop"> <h6>Sign Up for Email</h6> </div> <div class="footer-heading footer-heading-moblie"> <h6>Sign Up for Email</h6> </div> <div class="tf-collapse-content"> <div class="footer-menu_item">Sign up to get first dibs on new arrivals, sales, exclusive content, events and more!</div> <form class="form-newsletter" id="subscribe-form" action="#" method="post" accept-charset="utf-8" data-mailchimp="true"> <div id="subscribe-content"> <fieldset class="email"> <input type="email" name="email-form" id="subscribe-email" placeholder="Enter your email...." tabindex="0" aria-required="true"> </fieldset> <div class="button-submit"> <button id="subscribe-button" class="tf-btn btn-sm radius-3 btn-fill btn-icon animate-hover-btn" type="button">Subscribe<i class="icon icon-arrow1-top-left"></i></button> </div> </div> <div id="subscribe-msg"></div> </form> <div class="tf-cur"> <div class="tf-currencies"> <select class="image-select center style-default type-currencies"> <option data-thumbnail="images/country/fr.svg">EUR <span>€ | France</span></option> <option data-thumbnail="images/country/de.svg">EUR <span>€ | Germany</span></option> <option selected data-thumbnail="images/country/us.svg">USD <span>$ | United States</span></option> <option data-thumbnail="images/country/vn.svg">VND <span>₫ | Vietnam</span></option> </select> </div> <div class="tf-languages"> <select class="image-select center style-default type-languages"> <option>English</option> <option>العربية</option> <option>简体中文</option> <option>اردو</option> </select> </div> </div> </div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row"> <div class="col-12"> <div class="footer-bottom-wrap d-flex gap-20 flex-wrap justify-content-between align-items-center"> <div class="footer-menu_item">@ 2025 Dinuroz Private Limited. All Rights Reserved</div> <div class="tf-payment"> <img src="images/payments/visa.png" alt=""> <img src="images/payments/img-1.png" alt=""> <img src="images/payments/img-2.png" alt=""> <img src="images/payments/img-3.png" alt=""> <img src="images/payments/img-4.png" alt=""> </div> </div> </div> </div> </div> </div> </div> </footer> <!-- /footer --> </div> <!-- gotop --> <div class="progress-wrap"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 286.138;"></path> </svg> </div> <!-- /gotop --> <!-- toolbar-bottom --> <div class="tf-toolbar-bottom type-1150"> <div class="toolbar-item"> <a href="Promotion.aspx"> <div class="toolbar-icon"> <i class="icon-machine"></i> </div> <div class="toolbar-label">Trending</div> </a> </div> <div class="toolbar-item"> <a href="Collection.aspx?cat=e"> <div class="toolbar-icon"> <i class="icon-heart"></i> <div class="toolbar-count">0</div> </div> <div class="toolbar-label">Profiles</div> </a> </div> <div class="toolbar-item"> <a href="#login" data-bs-toggle="modal"> <div class="toolbar-icon"> <i class="icon-account"></i> </div> <div class="toolbar-label">Login</div> </a> </div> <div class="toolbar-item"> <a href="IndexProfile.aspx"> <div class="toolbar-icon"> <i class="icon-shop"></i> </div> <div class="toolbar-label">Dashboard</div> </a> </div> <div class="toolbar-item"> <a href="#shoppingCart1" data-bs-toggle="modal"> <div class="toolbar-icon"> <i class="icon-bag"></i> <div class="toolbar-count">1</div> </div> <div class="toolbar-label">Request Line</div> </a> </div> </div> <!-- /toolbar-bottom --> <!-- modalDemo --> <div class="modal fade modalDemo" id="modalDemo"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <h5 class="demo-title">Ultimate HTML Theme</h5> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="mega-menu"> <div class="row-demo"> <div class="demo-item"> <a href="index.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-01.jpg" src="images/demo/home-01.jpg" alt="home-01"> <div class="demo-label"> <span class="demo-new">New</span> <span>Trend</span> </div> </div> <span class="demo-name">Home Fashion 01</span> </a> </div> <div class="demo-item"> <a href="home-multi-brand.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-multi-brand.jpg" src="images/demo/home-multi-brand.jpg" alt="home-multi-brand"> <div class="demo-label"> <span class="demo-new">New</span> <span class="demo-hot">Hot</span> </div> </div> <span class="demo-name">Home Multi Brand</span> </a> </div> <div class="demo-item"> <a href="home-02.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-02.jpg" src="images/demo/home-02.jpg" alt="home-02"> <div class="demo-label"> <span class="demo-hot">Hot</span> </div> </div> <span class="demo-name">Home Fashion 02</span> </a> </div> <div class="demo-item"> <a href="home-03.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-03.jpg" src="images/demo/home-03.jpg" alt="home-03"> </div> <span class="demo-name">Home Fashion 03</span> </a> </div> <div class="demo-item"> <a href="home-04.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-04.jpg" src="images/demo/home-04.jpg" alt="home-04"> </div> <span class="demo-name">Home Fashion 04</span> </a> </div> <div class="demo-item"> <a href="home-05.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-05.jpg" src="images/demo/home-05.jpg" alt="home-05"> </div> <span class="demo-name">Home Fashion 05</span> </a> </div> <div class="demo-item"> <a href="home-06.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-06.jpg" src="images/demo/home-06.jpg" alt="home-06"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Home Fashion 06</span> </a> </div> <div class="demo-item position-relative"> <a href="home-personalized-pod.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-personalized-pod.jpg" src="images/demo/home-personalized-pod.jpg" alt="home-personalized-pod"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Home Personalized Pod</span> </a> </div> <div class="demo-item position-relative"> <a href="home-pickleball.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-pickleball.png" src="images/demo/home-pickleball.png" alt="home-pickleball"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Home Pickleball</span> </a> </div> <div class="demo-item position-relative"> <a href="home-ceramic.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-ceramic.png" src="images/demo/home-ceramic.png" alt="home-ceramic"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Home Ceramic</span> </a> </div> <div class="demo-item position-relative"> <a href="home-food.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-food.png" src="images/demo/home-food.png" alt="home-food"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Home Food</span> </a> </div> <div class="demo-item position-relative"> <a href="home-camp-and-hike.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-camp-and-hike.png" src="images/demo/home-camp-and-hike.png" alt="home-camp-and-hike"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Home Camp And Hike</span> </a> </div> <div class="demo-item"> <a href="home-07.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-07.jpg" src="images/demo/home-07.jpg" alt="home-07"> </div> <span class="demo-name">Home Fashion 07</span> </a> </div> <div class="demo-item"> <a href="home-08.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-08.jpg" src="images/demo/home-08.jpg" alt="home-08"> </div> <span class="demo-name">Home Fashion 08</span> </a> </div> <div class="demo-item"> <a href="home-skincare.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-skincare.jpg" src="images/demo/home-skincare.jpg" alt="home-skincare"> </div> <span class="demo-name">Home Skincare</span> </a> </div> <div class="demo-item"> <a href="home-headphone.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-headphone.jpg" src="images/demo/home-headphone.jpg" alt="home-headphone"> </div> <span class="demo-name">Home Headphone</span> </a> </div> <div class="demo-item"> <a href="home-giftcard.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-giftcard.jpg" src="images/demo/home-giftcard.jpg" alt="home-gift-card"> </div> <span class="demo-name">Home Gift Card</span> </a> </div> <div class="demo-item"> <a href="home-furniture.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-furniture.jpg" src="images/demo/home-furniture.jpg" alt="home-furniture"> </div> <span class="demo-name">Home Furniture</span> </a> </div> <div class="demo-item"> <a href="home-furniture-02.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-furniture2.jpg" src="images/demo/home-furniture2.jpg" alt="home-furniture-2"> </div> <span class="demo-name">Home Furniture 2</span> </a> </div> <div class="demo-item"> <a href="home-skateboard.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-skateboard.jpg" src="images/demo/home-skateboard.jpg" alt="home-skateboard"> </div> <span class="demo-name">Home Skateboard</span> </a> </div> <div class="demo-item"> <a href="home-stroller.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-stroller.jpg" src="images/demo/home-stroller.jpg" alt="home-stroller"> </div> <span class="demo-name">Home Stroller</span> </a> </div> <div class="demo-item"> <a href="home-decor.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-decor.jpg" src="images/demo/home-decor.jpg" alt="home-decor"> </div> <span class="demo-name">Home Decor</span> </a> </div> <div class="demo-item"> <a href="home-electronic.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-electronic.jpg" src="images/demo/home-electronic.jpg" alt="home-electronic"> </div> <span class="demo-name">Home Electronic</span> </a> </div> <div class="demo-item"> <a href="home-setup-gear.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-setup-gear.jpg" src="images/demo/home-setup-gear.jpg" alt="home-setup-gear"> </div> <span class="demo-name">Home Setup Gear</span> </a> </div> <div class="demo-item"> <a href="home-dog-accessories.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-dog-accessories.jpg" src="images/demo/home-dog-accessories.jpg" alt="home-dog-accessories"> </div> <span class="demo-name">Home Dog Accessories</span> </a> </div> <div class="demo-item"> <a href="home-kitchen-wear.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-kitchen.jpg" src="images/demo/home-kitchen.jpg" alt="home-kitchen-wear"> </div> <span class="demo-name">Home Kitchen Wear</span> </a> </div> <div class="demo-item"> <a href="home-phonecase.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-phonecase.jpg" src="images/demo/home-phonecase.jpg" alt="home-phonecase"> </div> <span class="demo-name">Home Phonecase</span> </a> </div> <div class="demo-item"> <a href="home-paddle-boards.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home_paddle_board.jpg" src="images/demo/home_paddle_board.jpg" alt="home-paddle_board"> </div> <span class="demo-name">Home Paddle Boards</span> </a> </div> <div class="demo-item"> <a href="home-glasses.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-glasses.jpg" src="images/demo/home-glasses.jpg" alt="home-glasses"> </div> <span class="demo-name">Home Glasses</span> </a> </div> <div class="demo-item"> <a href="home-pod-store.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-pod-store.jpg" src="images/demo/home-pod-store.jpg" alt="home-pod-store"> </div> <span class="demo-name">Home POD Store</span> </a> </div> <div class="demo-item"> <a href="home-activewear.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-activewear.jpg" src="images/demo/home-activewear.jpg" alt="home-activewear"> </div> <span class="demo-name">Activewear</span> </a> </div> <div class="demo-item"> <a href="home-handbag.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-handbag.jpg" src="images/demo/home-handbag.jpg" alt="home-handbag"> </div> <span class="demo-name">Home Handbag</span> </a> </div> <div class="demo-item"> <a href="home-tee.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-tee.jpg" src="images/demo/home-tee.jpg" alt="home-tee"> </div> <span class="demo-name">Home Tee</span> </a> </div> <div class="demo-item"> <a href="home-sock.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-socks.jpg" src="images/demo/home-socks.jpg" alt="home-sock"> </div> <span class="demo-name">Home Sock</span> </a> </div> <div class="demo-item"> <a href="home-jewerly.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-jewelry.jpg" src="images/demo/home-jewelry.jpg" alt="home-jewelry"> </div> <span class="demo-name">Home Jewelry</span> </a> </div> <div class="demo-item"> <a href="home-sneaker.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-sneaker.jpg" src="images/demo/home-sneaker.jpg" alt="home-sneaker"> </div> <span class="demo-name">Home Sneaker</span> </a> </div> <div class="demo-item"> <a href="home-accessories.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-accessories.jpg" src="images/demo/home-accessories.jpg" alt="home-accessories"> </div> <span class="demo-name">Home Accessories</span> </a> </div> <div class="demo-item"> <a href="home-grocery.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-gocery.jpg" src="images/demo/home-gocery.jpg" alt="home-grocery"> </div> <span class="demo-name">Home Grocery</span> </a> </div> <div class="demo-item"> <a href="home-baby.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-baby.jpg" src="images/demo/home-baby.jpg" alt="home-baby"> </div> <span class="demo-name">Home Baby</span> </a> </div> <div class="demo-item"> <a href="home-cosmetic.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-cosmetic.png" src="images/demo/home-cosmetic.png" alt="home-cosmetic"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Home Cosmetic</span> </a> </div> <div class="demo-item"> <a href="home-plant.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-plant.png" src="images/demo/home-plant.png" alt="home-plant"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Home Plant</span> </a> </div> <div class="demo-item"> <a href="home-swimwear.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-swimwear.png" src="images/demo/home-swimwear.png" alt="home-swimwear"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Home Swimwear</span> </a> </div> <div class="demo-item"> <a href="home-electric-bike.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-electric-bike.png" src="images/demo/home-electric-bike.png" alt="home-electric-bike"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Home Electric Bike</span> </a> </div> <div class="demo-item"> <a href="home-footwear.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-footwear.jpg" src="images/demo/home-footwear.jpg" alt="home-footwear"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Home Footwear</span> </a> </div> <div class="demo-item"> <a href="home-book-store.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-bookstore.png" src="images/demo/home-bookstore.png" alt="home-bookstore"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Home Bookstore</span> </a> </div> <div class="demo-item"> <a href="home-gaming-accessories.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-gaming-accessories.png" src="images/demo/home-gaming-accessories.png" alt="home-gaming-accessories"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Home Gaming Accessories</span> </a> </div> </div> </div> </div> </div> </div> <!-- /modalDemo --> <!-- mobile menu --> <div class="offcanvas offcanvas-start canvas-mb" id="mobileMenu"> <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> <div class="mb-canvas-content"> <div class="mb-body"> <ul class="nav-ul-mb" id="wrapper-menu-navigation"> <li class="nav-mb-item"> <a href="IndexProfile.aspx" class="item-link">Home</a> </li> <li class="nav-mb-item"> <a href="Collection.aspx?cat=e" class="item-link">Profiles</a> </li> <li class="nav-mb-item"> <a href="Promotion.aspx" class="item-link">Promotions</a> </li> <li class="nav-mb-item"><a href="#" class="item-link">Request Line</a></li> </ul> <div class="mb-other-content"> <div class="d-flex group-icon"> <a href="home-search.html" class="site-nav-icon"><i class="icon icon-search"></i>Search</a> </div> <div class="mb-notice"> <a href="contact-1.html" class="text-need">Register</a> </div> <ul class="mb-info"> <li>Address: 34 Minuwangoda Road, <br> Negombo, Sri Lanka</li> <li>Email: <b>info@dinuro.com</b></li> <li>Phone: <b>(+94) 774667522</b></li> </ul> </div> </div> <div class="mb-bottom"> <a href="login.html" class="site-nav-icon"><i class="icon icon-account"></i>Login</a> <div class="bottom-bar-language"> <div class="tf-currencies"> <select class="image-select center style-default type-currencies"> <option data-thumbnail="images/country/fr.svg">EUR <span>€ | France</span></option> <option selected data-thumbnail="images/country/us.svg">USD <span>$ | United States</span></option> </select> </div> <div class="tf-languages"> <select class="image-select center style-default type-languages"> <option>English</option> <option>العربية</option> <option>简体中文</option> <option>اردو</option> </select> </div> </div> </div> </div> </div> <!-- /mobile menu --> <!-- Filter --> <div class="offcanvas offcanvas-start canvas-filter" id="filterShop"> <div class="canvas-wrapper"> <header class="canvas-header"> <div class="filter-icon"> <span class="icon icon-filter"></span> <span>Filter</span> </div> <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> </header> <div class="canvas-body"> <div class="widget-facet wd-categories"> <div class="facet-title" data-bs-target="#categories" data-bs-toggle="collapse" aria-expanded="true" aria-controls="categories"> <span>Product categories</span> <span class="icon icon-arrow-up"></span> </div> <div id="categories" class="collapse show"> <ul class="list-categoris current-scrollbar mb_36"> <li class="cate-item current"><a href="shop-default.html"><span>Fashion</span></a></li> <li class="cate-item"><a href="shop-default.html"><span>Men</span></a></li> <li class="cate-item"><a href="shop-default.html"><span>Women</span></a></li> <li class="cate-item"><a href="shop-default.html"><span>Denim</span></a></li> <li class="cate-item"><a href="shop-default.html"><span>Dress</span></a></li> </ul> </div> </div> <form action="#" id="facet-filter-form" class="facet-filter-form"> <div class="widget-facet"> <div class="facet-title" data-bs-target="#availability" data-bs-toggle="collapse" aria-expanded="true" aria-controls="availability"> <span>Availability</span> <span class="icon icon-arrow-up"></span> </div> <div id="availability" class="collapse show"> <ul class="tf-filter-group current-scrollbar mb_36"> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="availability" class="tf-check" id="inStock"> <label for="inStock" class="label"><span>In stock</span> <span>(14)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="availability" class="tf-check" id="outStock"> <label for="outStock" class="label"><span>Out of stock</span> <span>(2)</span></label> </li> </ul> </div> </div> <div class="widget-facet"> <div class="facet-title" data-bs-target="#price" data-bs-toggle="collapse" aria-expanded="true" aria-controls="price"> <span>Price</span> <span class="icon icon-arrow-up"></span> </div> <div id="price" class="collapse show"> <div class="widget-price filter-price"> <div class="price-val-range" id="price-value-range" data-min="0" data-max="500"></div> <div class="box-title-price"> <span class="title-price">Price :</span> <div class="caption-price"> <div class="price-val" id="price-min-value" data-currency="$"></div> <span>-</span> <div class="price-val" id="price-max-value" data-currency="$"></div> </div> </div> </div> </div> </div> <div class="widget-facet"> <div class="facet-title" data-bs-target="#brand" data-bs-toggle="collapse" aria-expanded="true" aria-controls="brand"> <span>Brand</span> <span class="icon icon-arrow-up"></span> </div> <div id="brand" class="collapse show"> <ul class="tf-filter-group current-scrollbar mb_36"> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="brand" class="tf-check" id="Ecomus"> <label for="Ecomus" class="label"><span>Ecomus</span> <span>(8)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="brand" class="tf-check" id="M&H"> <label for="M&H" class="label"><span>M&H</span> <span>(8)</span></label> </li> </ul> </div> </div> <div class="widget-facet"> <div class="facet-title" data-bs-target="#color" data-bs-toggle="collapse" aria-expanded="true" aria-controls="color"> <span>Color</span> <span class="icon icon-arrow-up"></span> </div> <div id="color" class="collapse show"> <ul class="tf-filter-group filter-color current-scrollbar mb_36"> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_beige" id="Beige" value="Beige"> <label for="Beige" class="label"><span>Beige</span> <span>(3)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_dark" id="Black" value="Black"> <label for="Black" class="label"><span>Black</span> <span>(18)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_blue-2" id="Blue" value="Blue"> <label for="Blue" class="label"><span>Blue</span> <span>(3)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_brown" id="Brown" value="Brown"> <label for="Brown" class="label"><span>Brown</span> <span>(3)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_cream" id="Cream" value="Cream"> <label for="Cream" class="label"><span>Cream</span> <span>(1)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_dark-beige" id="Dark Beige" value="Dark Beige"> <label for="Dark Beige" class="label"><span>Dark Beige</span> <span>(1)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_dark-blue" id="Dark Blue" value="Dark Blue"> <label for="Dark Blue" class="label"><span>Dark Blue</span> <span>(3)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_dark-green" id="Dark Green" value="Dark Green"> <label for="Dark Green" class="label"><span>Dark Green</span> <span>(1)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_dark-grey" id="Dark Grey" value="Dark Grey"> <label for="Dark Grey" class="label"><span>Dark Grey</span> <span>(1)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_grey" id="Grey" value="Grey"> <label for="Grey" class="label"><span>Grey</span> <span>(2)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_light-blue" id="Light Blue" value="Light Blue"> <label for="Light Blue" class="label"><span>Light Blue</span> <span>(5)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_light-green" id="Light Green" value="Light Green"> <label for="Light Green" class="label"><span>Light Green</span> <span>(3)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_light-grey" id="Light Grey" value="Light Grey"> <label for="Light Grey" class="label"><span>Light Grey</span> <span>(1)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_light-pink" id="Light Pink" value="Light Pink"> <label for="Light Pink" class="label"><span>Light Pink</span> <span>(2)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_purple" id="Light Purple" value="Light Purple"> <label for="Light Purple" class="label"><span>Light Purple</span> <span>(2)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_light-yellow" id="Light Yellow" value="Light Yellow"> <label for="Light Yellow" class="label"><span>Light Yellow</span> <span>(1)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_orange" id="Orange" value="Orange"> <label for="Orange" class="label"><span>Orange</span> <span>(1)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_pink" id="Pink" value="Pink"> <label for="Pink" class="label"><span>Pink</span> <span>(2)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_taupe" id="Taupe" value="Taupe"> <label for="Taupe" class="label"><span>Taupe</span> <span>(1)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_white" id="White" value="White"> <label for="White" class="label"><span>White</span> <span>(14)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_yellow" id="Yellow" value="Yellow"> <label for="Yellow" class="label"><span>Yellow</span> <span>(1)</span></label> </li> </ul> </div> </div> <div class="widget-facet"> <div class="facet-title" data-bs-target="#size" data-bs-toggle="collapse" aria-expanded="true" aria-controls="size"> <span>Size</span> <span class="icon icon-arrow-up"></span> </div> <div id="size" class="collapse show"> <ul class="tf-filter-group current-scrollbar"> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="size" class="tf-check tf-check-size" value="S" id="S"> <label for="S" class="label"><span>S</span> <span>(7)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="size" class="tf-check tf-check-size" value="M" id="M"> <label for="M" class="label"><span>M</span> <span>(8)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="size" class="tf-check tf-check-size" value="L" id="L"> <label for="L" class="label"><span>L</span> <span>(8)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="size" class="tf-check tf-check-size" value="XL" id="XL"> <label for="XL" class="label"><span>XL</span> <span>(6)</span></label> </li> </ul> </div> </div> </form> </div> </div> </div> <!-- End Filter --> <!-- canvasSearch --> <div class="offcanvas offcanvas-end canvas-search" id="canvasSearch"> <div class="canvas-wrapper"> <header class="tf-search-head"> <div class="title fw-5"> Search our site <div class="close"> <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> </div> </div> <div class="tf-search-sticky"> <form class="tf-mini-search-frm"> <fieldset class="text"> <input type="text" placeholder="Search" class="" name="text" tabindex="0" value="" aria-required="true" required=""> </fieldset> <button class="" type="submit"><i class="icon-search"></i></button> </form> </div> </header> <div class="canvas-body p-0"> <div class="tf-search-content"> <div class="tf-cart-hide-has-results"> <div class="tf-col-quicklink"> <div class="tf-search-content-title fw-5">Quick link</div> <ul class="tf-quicklink-list"> <li class="tf-quicklink-item"> <a href="shop-default.html" class="">Fashion</a> </li> <li class="tf-quicklink-item"> <a href="shop-default.html" class="">Men</a> </li> <li class="tf-quicklink-item"> <a href="shop-default.html" class="">Women</a> </li> <li class="tf-quicklink-item"> <a href="shop-default.html" class="">Accessories</a> </li> </ul> </div> <div class="tf-col-content"> <div class="tf-search-content-title fw-5">Need some inspiration?</div> <div class="tf-search-hidden-inner"> <div class="tf-loop-item"> <div class="image"> <a href="product-detail.html"> <img src="images/products/white-3.jpg" alt=""> </a> </div> <div class="content"> <a href="product-detail.html">Cotton jersey top</a> <div class="tf-product-info-price"> <div class="compare-at-price">$10.00</div> <div class="price-on-sale fw-6">$8.00</div> </div> </div> </div> <div class="tf-loop-item"> <div class="image"> <a href="product-detail.html"> <img src="images/products/white-2.jpg" alt=""> </a> </div> <div class="content"> <a href="product-detail.html">Mini crossbody bag</a> <div class="tf-product-info-price"> <div class="price fw-6">$18.00</div> </div> </div> </div> <div class="tf-loop-item"> <div class="image"> <a href="product-detail.html"> <img src="images/products/white-1.jpg" alt=""> </a> </div> <div class="content"> <a href="product-detail.html">Oversized Printed T-shirt</a> <div class="tf-product-info-price"> <div class="price fw-6">$18.00</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /canvasSearch --> <!-- toolbarShopmb --> <div class="offcanvas offcanvas-start canvas-mb toolbar-shop-mobile" id="toolbarShopmb"> <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> <div class="mb-canvas-content"> <div class="mb-body"> <ul class="nav-ul-mb" id="wrapper-menu-navigation"> <li class="nav-mb-item"> <a href="shop-default.html" class="tf-category-link mb-menu-link"> <div class="image"> <img src="images/shop/cate/cate1.jpg" alt=""> </div> <span>Accessories</span> </a> </li> <li class="nav-mb-item"> <a href="shop-default.html" class="tf-category-link mb-menu-link"> <div class="image"> <img src="images/shop/cate/cate2.jpg" alt=""> </div> <span>Dog</span> </a> </li> <li class="nav-mb-item"> <a href="shop-default.html" class="tf-category-link mb-menu-link"> <div class="image"> <img src="images/shop/cate/cate3.jpg" alt=""> </div> <span>Grocery</span> </a> </li> <li class="nav-mb-item"> <a href="shop-default.html" class="tf-category-link mb-menu-link"> <div class="image"> <img src="images/shop/cate/cate4.png" alt=""> </div> <span>Handbag</span> </a> </li> <li class="nav-mb-item"> <a href="#cate-menu-one" class="tf-category-link has-children collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="true" aria-controls="cate-menu-one"> <div class="image"> <img src="images/shop/cate/cate5.jpg" alt=""> </div> <span>Fashion</span> <span class="btn-open-sub"></span> </a> <div id="cate-menu-one" class="collapse list-cate"> <ul class="sub-nav-menu" id="cate-menu-navigation"> <li> <a href="#cate-shop-one" class="tf-category-link has-children sub-nav-link collapsed" data-bs-toggle="collapse" aria-expanded="true" aria-controls="cate-shop-one"> <div class="image"> <img src="images/shop/cate/cate6.jpg" alt=""> </div> <span>Mens</span> <span class="btn-open-sub"></span> </a> <div id="cate-shop-one" class="collapse"> <ul class="sub-nav-menu sub-menu-level-2"> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate1.jpg" alt=""> </div> <span>Accessories</span> </a> </li> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate8.jpg" alt=""> </div> <span>Shoes</span> </a> </li> </ul> </div> </li> <li> <a href="#cate-shop-two" class="tf-category-link has-children sub-nav-link collapsed" data-bs-toggle="collapse" aria-expanded="true" aria-controls="cate-shop-two"> <div class="image"> <img src="images/shop/cate/cate9.jpg" alt=""> </div> <span>Womens</span> <span class="btn-open-sub"></span> </a> <div id="cate-shop-two" class="collapse"> <ul class="sub-nav-menu sub-menu-level-2"> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate4.png" alt=""> </div> <span>Handbag</span> </a> </li> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate7.jpg" alt=""> </div> <span>Tee</span> </a> </li> </ul> </div> </li> </ul> </div> </li> <li class="nav-mb-item"> <a href="#cate-menu-two" class="tf-category-link has-children collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="true" aria-controls="cate-menu-two"> <div class="image"> <img src="images/shop/cate/cate6.jpg" alt=""> </div> <span>Men</span> <span class="btn-open-sub"></span> </a> <div id="cate-menu-two" class="collapse list-cate"> <ul class="sub-nav-menu" id="cate-menu-navigation1"> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate1.jpg" alt=""> </div> <span>Accessories</span> </a> </li> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate8.jpg" alt=""> </div> <span>Shoes</span> </a> </li> </ul> </div> </li> <li class="nav-mb-item"> <a href="shop-default.html" class="tf-category-link mb-menu-link"> <div class="image"> <img src="images/shop/cate/cate7.jpg" alt=""> </div> <span>Tee</span> </a> </li> <li class="nav-mb-item"> <a href="shop-default.html" class="tf-category-link mb-menu-link"> <div class="image"> <img src="images/shop/cate/cate8.jpg" alt=""> </div> <span>Shoes</span> </a> </li> <li class="nav-mb-item"> <a href="#cate-menu-three" class="tf-category-link has-children collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="true" aria-controls="cate-menu-three"> <div class="image"> <img src="images/shop/cate/cate9.jpg" alt=""> </div> <span>Women</span> <span class="btn-open-sub"></span> </a> <div id="cate-menu-three" class="collapse list-cate"> <ul class="sub-nav-menu" id="cate-menu-navigation2"> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate4.png" alt=""> </div> <span>Handbag</span> </a> </li> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate7.jpg" alt=""> </div> <span>Tee</span> </a> </li> </ul> </div> </li> </ul> </div> <div class="mb-bottom"> <a href="shop-default.html" class="tf-btn fw-5 btn-line">View all collection<i class="icon icon-arrow1-top-left"></i></a> </div> </div> </div> <!-- /toolbarShopmb --> <!-- modal login --> <div class="modal modalCentered fade form-sign-in modal-part-content" id="login"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <div class="demo-title">Log in</div> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="tf-login-form"> <form class="" action="my-account.html" accept-charset="utf-8"> <div class="tf-field style-1"> <input class="tf-field-input tf-input" placeholder=" " type="email" name=""> <label class="tf-field-label" for="">Email *</label> </div> <div class="tf-field style-1"> <input class="tf-field-input tf-input" placeholder=" " type="password" name=""> <label class="tf-field-label" for="">Password *</label> </div> <div> <a href="#forgotPassword" data-bs-toggle="modal" class="btn-link link">Forgot your password?</a> </div> <div class="bottom"> <div class="w-100"> <button type="submit" class="tf-btn btn-fill animate-hover-btn radius-3 w-100 justify-content-center"><span>Log in</span></button> </div> <div class="w-100"> <a href="#register" data-bs-toggle="modal" class="btn-link fw-6 w-100 link"> New customer? Create your account <i class="icon icon-arrow1-top-left"></i> </a> </div> </div> </form> </div> </div> </div> </div> <div class="modal modalCentered fade form-sign-in modal-part-content" id="forgotPassword"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <div class="demo-title">Reset your password</div> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="tf-login-form"> <form class=""> <div> <p>Sign up for early Sale access plus tailored new arrivals, trends and promotions. To opt out, click unsubscribe in our emails</p> </div> <div class="tf-field style-1"> <input class="tf-field-input tf-input" placeholder=" " type="email" name=""> <label class="tf-field-label" for="">Email *</label> </div> <div> <a href="#login" data-bs-toggle="modal" class="btn-link link">Cancel</a> </div> <div class="bottom"> <div class="w-100"> <button type="submit" class="tf-btn btn-fill animate-hover-btn radius-3 w-100 justify-content-center"><span>Reset password</span></button> </div> </div> </form> </div> </div> </div> </div> <div class="modal modalCentered fade form-sign-in modal-part-content" id="register"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <div class="demo-title">Register</div> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="tf-login-form"> <form class=""> <div class="tf-field style-1"> <input class="tf-field-input tf-input" placeholder=" " type="text" name=""> <label class="tf-field-label" for="">First name</label> </div> <div class="tf-field style-1"> <input class="tf-field-input tf-input" placeholder=" " type="text" name=""> <label class="tf-field-label" for="">Last name</label> </div> <div class="tf-field style-1"> <input class="tf-field-input tf-input" placeholder=" " type="email" name=""> <label class="tf-field-label" for="">Email *</label> </div> <div class="tf-field style-1"> <input class="tf-field-input tf-input" placeholder=" " type="password" name=""> <label class="tf-field-label" for="">Password *</label> </div> <div class="bottom"> <div class="w-100"> <a href="register.html" class="tf-btn btn-fill animate-hover-btn radius-3 w-100 justify-content-center"><span>Register</span></a> </div> <div class="w-100"> <a href="#login" data-bs-toggle="modal" class="btn-link fw-6 w-100 link"> Already have an account? Log in here <i class="icon icon-arrow1-top-left"></i> </a> </div> </div> </form> </div> </div> </div> </div> <!-- /modal login --> <!-- shoppingCart --> <div class="modal fullRight fade modal-shopping-cart" id="shoppingCart"> <div class="modal-dialog"> <div class="modal-content"> <div class="header"> <div class="title fw-5">Shopping cart</div> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="wrap"> <div class="tf-mini-cart-threshold"> <div class="tf-progress-bar"> <span style="width: 50%;"> <div class="progress-car"> <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="currentColor"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.875C0 0.391751 0.391751 0 0.875 0H13.5625C14.0457 0 14.4375 0.391751 14.4375 0.875V3.0625H17.3125C17.5867 3.0625 17.845 3.19101 18.0104 3.40969L20.8229 7.12844C20.9378 7.2804 21 7.46572 21 7.65625V11.375C21 11.8582 20.6082 12.25 20.125 12.25H17.7881C17.4278 13.2695 16.4554 14 15.3125 14C14.1696 14 13.1972 13.2695 12.8369 12.25H7.72563C7.36527 13.2695 6.39293 14 5.25 14C4.10706 14 3.13473 13.2695 2.77437 12.25H0.875C0.391751 12.25 0 11.8582 0 11.375V0.875ZM2.77437 10.5C3.13473 9.48047 4.10706 8.75 5.25 8.75C6.39293 8.75 7.36527 9.48046 7.72563 10.5H12.6875V1.75H1.75V10.5H2.77437ZM14.4375 8.89937V4.8125H16.8772L19.25 7.94987V10.5H17.7881C17.4278 9.48046 16.4554 8.75 15.3125 8.75C15.0057 8.75 14.7112 8.80264 14.4375 8.89937ZM5.25 10.5C4.76676 10.5 4.375 10.8918 4.375 11.375C4.375 11.8582 4.76676 12.25 5.25 12.25C5.73323 12.25 6.125 11.8582 6.125 11.375C6.125 10.8918 5.73323 10.5 5.25 10.5ZM15.3125 10.5C14.8293 10.5 14.4375 10.8918 14.4375 11.375C14.4375 11.8582 14.8293 12.25 15.3125 12.25C15.7957 12.25 16.1875 11.8582 16.1875 11.375C16.1875 10.8918 15.7957 10.5 15.3125 10.5Z"></path> </svg> </div> </span> </div> <div class="tf-progress-msg"> Buy <span class="price fw-6">$75.00</span> more to enjoy <span class="fw-6">Free Shipping</span> </div> </div> <div class="tf-mini-cart-wrap"> <div class="tf-mini-cart-main"> <div class="tf-mini-cart-sroll"> <div class="tf-mini-cart-items"> <div class="tf-mini-cart-item"> <div class="tf-mini-cart-image"> <a href="product-detail.html"> <img src="images/products/white-2.jpg" alt=""> </a> </div> <div class="tf-mini-cart-info"> <a class="title link" href="product-detail.html">T-shirt</a> <div class="meta-variant">Light gray</div> <div class="price fw-6">$25.00</div> <div class="tf-mini-cart-btns"> <div class="wg-quantity small"> <span class="btn-quantity minus-btn">-</span> <input type="text" name="number" value="1"> <span class="btn-quantity plus-btn">+</span> </div> <div class="tf-mini-cart-remove">Remove</div> </div> </div> </div> <div class="tf-mini-cart-item"> <div class="tf-mini-cart-image"> <a href="product-detail.html"> <img src="images/products/white-3.jpg" alt=""> </a> </div> <div class="tf-mini-cart-info"> <a class="title link" href="product-detail.html">Oversized Motif T-shirt</a> <div class="price fw-6">$25.00</div> <div class="tf-mini-cart-btns"> <div class="wg-quantity small"> <span class="btn-quantity minus-btn">-</span> <input type="text" name="number" value="1"> <span class="btn-quantity plus-btn">+</span> </div> <div class="tf-mini-cart-remove">Remove</div> </div> </div> </div> </div> <div class="tf-minicart-recommendations"> <div class="tf-minicart-recommendations-heading"> <div class="tf-minicart-recommendations-title">You may also like</div> <div class="sw-dots small style-2 cart-slide-pagination"></div> </div> <div dir="ltr" class="swiper tf-cart-slide"> <div class="swiper-wrapper" > <div class="swiper-slide"> <div class="tf-minicart-recommendations-item"> <div class="tf-minicart-recommendations-item-image"> <a href="product-detail.html"> <img src="images/products/white-3.jpg" alt=""> </a> </div> <div class="tf-minicart-recommendations-item-infos flex-grow-1"> <a class="title" href="product-detail.html">Loose Fit Sweatshirt</a> <div class="price">$25.00</div> </div> <div class="tf-minicart-recommendations-item-quickview"> <div class="btn-show-quickview quickview hover-tooltip"> <span class="icon icon-view"></span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="tf-minicart-recommendations-item"> <div class="tf-minicart-recommendations-item-image"> <a href="product-detail.html"> <img src="images/products/white-2.jpg" alt=""> </a> </div> <div class="tf-minicart-recommendations-item-infos flex-grow-1"> <a class="title" href="product-detail.html">Loose Fit Hoodie</a> <div class="price">$25.00</div> </div> <div class="tf-minicart-recommendations-item-quickview"> <div class="btn-show-quickview quickview hover-tooltip"> <span class="icon icon-view"></span> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tf-mini-cart-bottom"> <div class="tf-mini-cart-tool"> <div class="tf-mini-cart-tool-btn btn-add-note"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="currentColor"><path d="M5.12187 16.4582H2.78952C2.02045 16.4582 1.39476 15.8325 1.39476 15.0634V2.78952C1.39476 2.02045 2.02045 1.39476 2.78952 1.39476H11.3634C12.1325 1.39476 12.7582 2.02045 12.7582 2.78952V7.07841C12.7582 7.46357 13.0704 7.77579 13.4556 7.77579C13.8407 7.77579 14.1529 7.46357 14.1529 7.07841V2.78952C14.1529 1.25138 12.9016 0 11.3634 0H2.78952C1.25138 0 0 1.25138 0 2.78952V15.0634C0 16.6015 1.25138 17.8529 2.78952 17.8529H5.12187C5.50703 17.8529 5.81925 17.5407 5.81925 17.1555C5.81925 16.7704 5.50703 16.4582 5.12187 16.4582Z"></path><path d="M15.3882 10.0971C14.5724 9.28136 13.2452 9.28132 12.43 10.0965L8.60127 13.9168C8.51997 13.9979 8.45997 14.0979 8.42658 14.2078L7.59276 16.9528C7.55646 17.0723 7.55292 17.1993 7.58249 17.3207C7.61206 17.442 7.67367 17.5531 7.76087 17.6425C7.84807 17.7319 7.95768 17.7962 8.07823 17.8288C8.19879 17.8613 8.32587 17.8609 8.44621 17.8276L11.261 17.0479C11.3769 17.0158 11.4824 16.9543 11.5675 16.8694L15.3882 13.0559C16.2039 12.2401 16.2039 10.9129 15.3882 10.0971ZM10.712 15.7527L9.29586 16.145L9.71028 14.7806L12.2937 12.2029L13.2801 13.1893L10.712 15.7527ZM14.4025 12.0692L14.2673 12.204L13.2811 11.2178L13.4157 11.0834C13.6876 10.8115 14.1301 10.8115 14.402 11.0834C14.6739 11.3553 14.6739 11.7977 14.4025 12.0692Z"></path></svg> </div> <div class="tf-mini-cart-tool-btn btn-add-gift"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.99566 2.73409C2.99566 0.55401 5.42538 -0.746668 7.23916 0.463462L8.50073 1.30516L9.7623 0.463462C11.5761 -0.746668 14.0058 0.55401 14.0058 2.73409V3.24744H14.8225C15.9633 3.24744 16.8881 4.17233 16.8881 5.31312V6.82566C16.8881 7.21396 16.5734 7.52873 16.1851 7.52873H15.8905V15.1877C15.8905 15.1905 15.8905 15.1933 15.8905 15.196C15.886 16.7454 14.6286 18 13.0782 18H3.92323C2.37003 18 1.11091 16.7409 1.11091 15.1877V7.52877H0.81636C0.42806 7.52877 0.113281 7.21399 0.113281 6.82569V5.31316C0.113281 4.17228 1.03812 3.24744 2.179 3.24744H2.99566V2.73409ZM4.40181 3.24744H7.79765V2.52647L6.45874 1.63317C5.57987 1.0468 4.40181 1.67677 4.40181 2.73409V3.24744ZM9.20381 2.52647V3.24744H12.5996V2.73409C12.5996 1.67677 11.4216 1.0468 10.5427 1.63317L9.20381 2.52647ZM2.179 4.6536C1.81472 4.6536 1.51944 4.94888 1.51944 5.31316V6.12261H5.73398L5.734 4.6536H2.179ZM5.73401 7.52877V13.9306C5.73401 14.1806 5.86682 14.4119 6.08281 14.5379C6.29879 14.6639 6.56545 14.6657 6.78312 14.5426L8.50073 13.5715L10.2183 14.5426C10.436 14.6657 10.7027 14.6639 10.9187 14.5379C11.1346 14.4119 11.2674 14.1806 11.2674 13.9306V7.52873H14.4844V15.1603C14.4844 15.1627 14.4843 15.1651 14.4843 15.1675V15.1877C14.4843 15.9643 13.8548 16.5938 13.0782 16.5938H3.92323C3.14663 16.5938 2.51707 15.9643 2.51707 15.1877V7.52877H5.73401ZM15.482 6.12258V5.31312C15.482 4.94891 15.1867 4.6536 14.8225 4.6536H11.2674V6.12258H15.482ZM9.86129 4.6536H7.14017V12.7254L8.15469 12.1518C8.36941 12.0304 8.63204 12.0304 8.84676 12.1518L9.86129 12.7254V4.6536Z"></path></svg> </div> <div class="tf-mini-cart-tool-btn btn-estimate-shipping"> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="18" viewBox="0 0 26 18" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.811989C0 0.36354 0.36354 0 0.811989 0H15.4278C15.8763 0 16.2398 0.36354 16.2398 0.811989V3.10596H21.0144C23.6241 3.10596 25.8643 5.05894 25.8643 7.61523V14.6414C25.8643 15.0899 25.5007 15.4534 25.0523 15.4534H23.545C23.2139 16.9115 21.9098 18 20.3514 18C18.7931 18 17.4889 16.9115 17.1578 15.4534H8.69534C8.36423 16.9115 7.0601 18 5.50175 18C3.9434 18 2.63927 16.9115 2.30815 15.4534H0.811989C0.36354 15.4534 0 15.0899 0 14.6414V0.811989ZM2.35089 13.8294C2.74052 12.4562 4.00366 11.4503 5.50175 11.4503C6.99983 11.4503 8.26298 12.4562 8.6526 13.8294H14.6158V1.62398H1.62398V13.8294H2.35089ZM16.2398 4.72994V7.95749H24.2403V7.61523C24.2403 6.08759 22.8649 4.72994 21.0144 4.72994H16.2398ZM24.2403 9.58147H16.2398V13.8294H17.2006C17.5902 12.4562 18.8533 11.4503 20.3514 11.4503C21.8495 11.4503 23.1126 12.4562 23.5023 13.8294H24.2403V9.58147ZM5.50175 13.0743C4.58999 13.0743 3.85087 13.8134 3.85087 14.7251C3.85087 15.6369 4.58999 16.376 5.50175 16.376C6.41351 16.376 7.15263 15.6369 7.15263 14.7251C7.15263 13.8134 6.41351 13.0743 5.50175 13.0743ZM20.3514 13.0743C19.4397 13.0743 18.7005 13.8134 18.7005 14.7251C18.7005 15.6369 19.4397 16.376 20.3514 16.376C21.2632 16.376 22.0023 15.6369 22.0023 14.7251C22.0023 13.8134 21.2632 13.0743 20.3514 13.0743Z"></path></svg> </div> </div> <div class="tf-mini-cart-bottom-wrap"> <div class="tf-cart-totals-discounts"> <div class="tf-cart-total">Subtotal</div> <div class="tf-totals-total-value fw-6">$49.99 USD</div> </div> <div class="tf-cart-tax">Taxes and <a href="#">shipping</a> calculated at checkout</div> <div class="tf-mini-cart-line"></div> <div class="tf-cart-checkbox"> <div class="tf-checkbox-wrapp"> <input class="" type="checkbox" id="CartDrawer-Form_agree" name="agree_checkbox"> <div> <i class="icon-check"></i> </div> </div> <label for="CartDrawer-Form_agree"> I agree with the <a href="#" title="Terms of Service">terms and conditions</a> </label> </div> <div class="tf-mini-cart-view-checkout"> <a href="view-cart.html" class="tf-btn btn-outline radius-3 link w-100 justify-content-center">View cart</a> <a href="checkout.html" class="tf-btn btn-fill animate-hover-btn radius-3 w-100 justify-content-center"><span>Check out</span></a> </div> </div> </div> <div class="tf-mini-cart-tool-openable add-note"> <div class="overplay tf-mini-cart-tool-close"></div> <div class="tf-mini-cart-tool-content"> <label for="Cart-note" class="tf-mini-cart-tool-text"> <div class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="currentColor"><path d="M5.12187 16.4582H2.78952C2.02045 16.4582 1.39476 15.8325 1.39476 15.0634V2.78952C1.39476 2.02045 2.02045 1.39476 2.78952 1.39476H11.3634C12.1325 1.39476 12.7582 2.02045 12.7582 2.78952V7.07841C12.7582 7.46357 13.0704 7.77579 13.4556 7.77579C13.8407 7.77579 14.1529 7.46357 14.1529 7.07841V2.78952C14.1529 1.25138 12.9016 0 11.3634 0H2.78952C1.25138 0 0 1.25138 0 2.78952V15.0634C0 16.6015 1.25138 17.8529 2.78952 17.8529H5.12187C5.50703 17.8529 5.81925 17.5407 5.81925 17.1555C5.81925 16.7704 5.50703 16.4582 5.12187 16.4582Z"></path><path d="M15.3882 10.0971C14.5724 9.28136 13.2452 9.28132 12.43 10.0965L8.60127 13.9168C8.51997 13.9979 8.45997 14.0979 8.42658 14.2078L7.59276 16.9528C7.55646 17.0723 7.55292 17.1993 7.58249 17.3207C7.61206 17.442 7.67367 17.5531 7.76087 17.6425C7.84807 17.7319 7.95768 17.7962 8.07823 17.8288C8.19879 17.8613 8.32587 17.8609 8.44621 17.8276L11.261 17.0479C11.3769 17.0158 11.4824 16.9543 11.5675 16.8694L15.3882 13.0559C16.2039 12.2401 16.2039 10.9129 15.3882 10.0971ZM10.712 15.7527L9.29586 16.145L9.71028 14.7806L12.2937 12.2029L13.2801 13.1893L10.712 15.7527ZM14.4025 12.0692L14.2673 12.204L13.2811 11.2178L13.4157 11.0834C13.6876 10.8115 14.1301 10.8115 14.402 11.0834C14.6739 11.3553 14.6739 11.7977 14.4025 12.0692Z"></path></svg> </div> <span>Add Order Note</span> </label> <textarea name="note" id="Cart-note" placeholder="How can we help you?"></textarea> <div class="tf-cart-tool-btns justify-content-center"> <div class="tf-mini-cart-tool-primary text-center w-100 fw-6 tf-mini-cart-tool-close">Close</div> </div> </div> </div> <div class="tf-mini-cart-tool-openable add-gift"> <div class="overplay tf-mini-cart-tool-close"></div> <form class="tf-product-form-addgift"> <div class="tf-mini-cart-tool-content"> <div class="tf-mini-cart-tool-text"> <div class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.65957 3.64545C4.65957 0.73868 7.89921 -0.995558 10.3176 0.617949L11.9997 1.74021L13.6818 0.617949C16.1001 -0.995558 19.3398 0.73868 19.3398 3.64545V4.32992H20.4286C21.9498 4.32992 23.1829 5.56311 23.1829 7.08416V9.10087C23.1829 9.61861 22.7632 10.0383 22.2454 10.0383H21.8528V20.2502C21.8528 20.254 21.8527 20.2577 21.8527 20.2614C21.8467 22.3272 20.1702 24 18.103 24H5.89634C3.82541 24 2.14658 22.3212 2.14658 20.2502V10.0384H1.75384C1.23611 10.0384 0.816406 9.61865 0.816406 9.10092V7.08421C0.816406 5.56304 2.04953 4.32992 3.57069 4.32992H4.65957V3.64545ZM6.53445 4.32992H11.0622V3.36863L9.27702 2.17757C8.10519 1.39573 6.53445 2.2357 6.53445 3.64545V4.32992ZM12.9371 3.36863V4.32992H17.4649V3.64545C17.4649 2.2357 15.8942 1.39573 14.7223 2.17756L12.9371 3.36863ZM3.57069 6.2048C3.08499 6.2048 2.69128 6.59851 2.69128 7.08421V8.16348H8.31067L8.3107 6.2048H3.57069ZM8.31071 10.0384V18.5741C8.31071 18.9075 8.48779 19.2158 8.77577 19.3838C9.06376 19.5518 9.4193 19.5542 9.70953 19.3901L11.9997 18.0953L14.2898 19.3901C14.58 19.5542 14.9356 19.5518 15.2236 19.3838C15.5115 19.2158 15.6886 18.9075 15.6886 18.5741V10.0383H19.9779V20.2137C19.9778 20.2169 19.9778 20.2201 19.9778 20.2233V20.2502C19.9778 21.2857 19.1384 22.1251 18.103 22.1251H5.89634C4.86088 22.1251 4.02146 21.2857 4.02146 20.2502V10.0384H8.31071ZM21.308 8.16344V7.08416C21.308 6.59854 20.9143 6.2048 20.4286 6.2048H15.6886V8.16344H21.308ZM13.8138 6.2048H10.1856V16.9672L11.5383 16.2024C11.8246 16.0405 12.1748 16.0405 12.461 16.2024L13.8138 16.9672V6.2048Z"></path></svg> </div> <div class="tf-gift-wrap-infos"> <p>Do you want a gift wrap?</p> Only <span class="price fw-6">$5.00</span> </div> </div> <div class="tf-cart-tool-btns"> <button type="submit" class="tf-btn fw-6 w-100 justify-content-center btn-fill animate-hover-btn radius-3"><span>Add a gift wrap</span></button> <div class="tf-mini-cart-tool-primary text-center w-100 fw-6 tf-mini-cart-tool-close">Cancel</div> </div> </div> </form> </div> <div class="tf-mini-cart-tool-openable estimate-shipping"> <div class="overplay tf-mini-cart-tool-close"></div> <div class="tf-mini-cart-tool-content"> <div class="tf-mini-cart-tool-text"> <div class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="21" height="15" viewBox="0 0 21 15" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.441406 1.13155C0.441406 0.782753 0.724159 0.5 1.07295 0.5H12.4408C12.7896 0.5 13.0724 0.782753 13.0724 1.13155V2.91575H16.7859C18.8157 2.91575 20.5581 4.43473 20.5581 6.42296V11.8878C20.5581 12.2366 20.2753 12.5193 19.9265 12.5193H18.7542C18.4967 13.6534 17.4823 14.5 16.2703 14.5C15.0582 14.5 14.0439 13.6534 13.7864 12.5193H7.20445C6.94692 13.6534 5.93259 14.5 4.72054 14.5C3.50849 14.5 2.49417 13.6534 2.23664 12.5193H1.07295C0.724159 12.5193 0.441406 12.2366 0.441406 11.8878V1.13155ZM2.26988 11.2562C2.57292 10.1881 3.55537 9.40578 4.72054 9.40578C5.88572 9.40578 6.86817 10.1881 7.17121 11.2562H11.8093V1.76309H1.7045V11.2562H2.26988ZM13.0724 4.17884V6.68916H19.295V6.42296C19.295 5.2348 18.2252 4.17884 16.7859 4.17884H13.0724ZM19.295 7.95226H13.0724V11.2562H13.8196C14.1227 10.1881 15.1051 9.40578 16.2703 9.40578C17.4355 9.40578 18.4179 10.1881 18.7209 11.2562H19.295V7.95226ZM4.72054 10.6689C4.0114 10.6689 3.43652 11.2437 3.43652 11.9529C3.43652 12.662 4.0114 13.2369 4.72054 13.2369C5.42969 13.2369 6.00456 12.662 6.00456 11.9529C6.00456 11.2437 5.42969 10.6689 4.72054 10.6689ZM16.2703 10.6689C15.5611 10.6689 14.9863 11.2437 14.9863 11.9529C14.9863 12.662 15.5611 13.2369 16.2703 13.2369C16.9794 13.2369 17.5543 12.662 17.5543 11.9529C17.5543 11.2437 16.9794 10.6689 16.2703 10.6689Z"></path></svg> </div> <span class="fw-6">Estimate Shipping</span> </div> <div class="field"> <p>Country</p> <select class="tf-select w-100" id="ShippingCountry_CartDrawer-Form" name="address[country]" data-default=""> <option value="---" data-provinces="[]">---</option> <option value="Australia" data-provinces="[['Australian Capital Territory','Australian Capital Territory'],['New South Wales','New South Wales'],['Northern Territory','Northern Territory'],['Queensland','Queensland'],['South Australia','South Australia'],['Tasmania','Tasmania'],['Victoria','Victoria'],['Western Australia','Western Australia']]">Australia</option> <option value="Austria" data-provinces="[]">Austria</option> <option value="Belgium" data-provinces="[]">Belgium</option> <option value="Canada" data-provinces="[['Alberta','Alberta'],['British Columbia','British Columbia'],['Manitoba','Manitoba'],['New Brunswick','New Brunswick'],['Newfoundland and Labrador','Newfoundland and Labrador'],['Northwest Territories','Northwest Territories'],['Nova Scotia','Nova Scotia'],['Nunavut','Nunavut'],['Ontario','Ontario'],['Prince Edward Island','Prince Edward Island'],['Quebec','Quebec'],['Saskatchewan','Saskatchewan'],['Yukon','Yukon']]">Canada</option> <option value="Czech Republic" data-provinces="[]">Czechia</option> <option value="Denmark" data-provinces="[]">Denmark</option> <option value="Finland" data-provinces="[]">Finland</option> <option value="France" data-provinces="[]">France</option> <option value="Germany" data-provinces="[]">Germany</option> <option value="Hong Kong" data-provinces="[['Hong Kong Island','Hong Kong Island'],['Kowloon','Kowloon'],['New Territories','New Territories']]">Hong Kong SAR</option> <option value="Ireland" data-provinces="[['Carlow','Carlow'],['Cavan','Cavan'],['Clare','Clare'],['Cork','Cork'],['Donegal','Donegal'],['Dublin','Dublin'],['Galway','Galway'],['Kerry','Kerry'],['Kildare','Kildare'],['Kilkenny','Kilkenny'],['Laois','Laois'],['Leitrim','Leitrim'],['Limerick','Limerick'],['Longford','Longford'],['Louth','Louth'],['Mayo','Mayo'],['Meath','Meath'],['Monaghan','Monaghan'],['Offaly','Offaly'],['Roscommon','Roscommon'],['Sligo','Sligo'],['Tipperary','Tipperary'],['Waterford','Waterford'],['Westmeath','Westmeath'],['Wexford','Wexford'],['Wicklow','Wicklow']]">Ireland</option> <option value="Israel" data-provinces="[]">Israel</option> <option value="Italy" data-provinces="[['Agrigento','Agrigento'],['Alessandria','Alessandria'],['Ancona','Ancona'],['Aosta','Aosta Valley'],['Arezzo','Arezzo'],['Ascoli Piceno','Ascoli Piceno'],['Asti','Asti'],['Avellino','Avellino'],['Bari','Bari'],['Barletta-Andria-Trani','Barletta-Andria-Trani'],['Belluno','Belluno'],['Benevento','Benevento'],['Bergamo','Bergamo'],['Biella','Biella'],['Bologna','Bologna'],['Bolzano','South Tyrol'],['Brescia','Brescia'],['Brindisi','Brindisi'],['Cagliari','Cagliari'],['Caltanissetta','Caltanissetta'],['Campobasso','Campobasso'],['Carbonia-Iglesias','Carbonia-Iglesias'],['Caserta','Caserta'],['Catania','Catania'],['Catanzaro','Catanzaro'],['Chieti','Chieti'],['Como','Como'],['Cosenza','Cosenza'],['Cremona','Cremona'],['Crotone','Crotone'],['Cuneo','Cuneo'],['Enna','Enna'],['Fermo','Fermo'],['Ferrara','Ferrara'],['Firenze','Florence'],['Foggia','Foggia'],['Forlì-Cesena','Forlì-Cesena'],['Frosinone','Frosinone'],['Genova','Genoa'],['Gorizia','Gorizia'],['Grosseto','Grosseto'],['Imperia','Imperia'],['Isernia','Isernia'],['L'Aquila','L’Aquila'],['La Spezia','La Spezia'],['Latina','Latina'],['Lecce','Lecce'],['Lecco','Lecco'],['Livorno','Livorno'],['Lodi','Lodi'],['Lucca','Lucca'],['Macerata','Macerata'],['Mantova','Mantua'],['Massa-Carrara','Massa and Carrara'],['Matera','Matera'],['Medio Campidano','Medio Campidano'],['Messina','Messina'],['Milano','Milan'],['Modena','Modena'],['Monza e Brianza','Monza and Brianza'],['Napoli','Naples'],['Novara','Novara'],['Nuoro','Nuoro'],['Ogliastra','Ogliastra'],['Olbia-Tempio','Olbia-Tempio'],['Oristano','Oristano'],['Padova','Padua'],['Palermo','Palermo'],['Parma','Parma'],['Pavia','Pavia'],['Perugia','Perugia'],['Pesaro e Urbino','Pesaro and Urbino'],['Pescara','Pescara'],['Piacenza','Piacenza'],['Pisa','Pisa'],['Pistoia','Pistoia'],['Pordenone','Pordenone'],['Potenza','Potenza'],['Prato','Prato'],['Ragusa','Ragusa'],['Ravenna','Ravenna'],['Reggio Calabria','Reggio Calabria'],['Reggio Emilia','Reggio Emilia'],['Rieti','Rieti'],['Rimini','Rimini'],['Roma','Rome'],['Rovigo','Rovigo'],['Salerno','Salerno'],['Sassari','Sassari'],['Savona','Savona'],['Siena','Siena'],['Siracusa','Syracuse'],['Sondrio','Sondrio'],['Taranto','Taranto'],['Teramo','Teramo'],['Terni','Terni'],['Torino','Turin'],['Trapani','Trapani'],['Trento','Trentino'],['Treviso','Treviso'],['Trieste','Trieste'],['Udine','Udine'],['Varese','Varese'],['Venezia','Venice'],['Verbano-Cusio-Ossola','Verbano-Cusio-Ossola'],['Vercelli','Vercelli'],['Verona','Verona'],['Vibo Valentia','Vibo Valentia'],['Vicenza','Vicenza'],['Viterbo','Viterbo']]">Italy</option> <option value="Japan" data-provinces="[['Aichi','Aichi'],['Akita','Akita'],['Aomori','Aomori'],['Chiba','Chiba'],['Ehime','Ehime'],['Fukui','Fukui'],['Fukuoka','Fukuoka'],['Fukushima','Fukushima'],['Gifu','Gifu'],['Gunma','Gunma'],['Hiroshima','Hiroshima'],['Hokkaidō','Hokkaido'],['Hyōgo','Hyogo'],['Ibaraki','Ibaraki'],['Ishikawa','Ishikawa'],['Iwate','Iwate'],['Kagawa','Kagawa'],['Kagoshima','Kagoshima'],['Kanagawa','Kanagawa'],['Kumamoto','Kumamoto'],['Kyōto','Kyoto'],['Kōchi','Kochi'],['Mie','Mie'],['Miyagi','Miyagi'],['Miyazaki','Miyazaki'],['Nagano','Nagano'],['Nagasaki','Nagasaki'],['Nara','Nara'],['Niigata','Niigata'],['Okayama','Okayama'],['Okinawa','Okinawa'],['Saga','Saga'],['Saitama','Saitama'],['Shiga','Shiga'],['Shimane','Shimane'],['Shizuoka','Shizuoka'],['Tochigi','Tochigi'],['Tokushima','Tokushima'],['Tottori','Tottori'],['Toyama','Toyama'],['Tōkyō','Tokyo'],['Wakayama','Wakayama'],['Yamagata','Yamagata'],['Yamaguchi','Yamaguchi'],['Yamanashi','Yamanashi'],['Ōita','Oita'],['Ōsaka','Osaka']]">Japan</option> <option value="Malaysia" data-provinces="[['Johor','Johor'],['Kedah','Kedah'],['Kelantan','Kelantan'],['Kuala Lumpur','Kuala Lumpur'],['Labuan','Labuan'],['Melaka','Malacca'],['Negeri Sembilan','Negeri Sembilan'],['Pahang','Pahang'],['Penang','Penang'],['Perak','Perak'],['Perlis','Perlis'],['Putrajaya','Putrajaya'],['Sabah','Sabah'],['Sarawak','Sarawak'],['Selangor','Selangor'],['Terengganu','Terengganu']]">Malaysia</option> <option value="Netherlands" data-provinces="[]">Netherlands</option> <option value="New Zealand" data-provinces="[['Auckland','Auckland'],['Bay of Plenty','Bay of Plenty'],['Canterbury','Canterbury'],['Chatham Islands','Chatham Islands'],['Gisborne','Gisborne'],['Hawke's Bay','Hawke’s Bay'],['Manawatu-Wanganui','Manawatū-Whanganui'],['Marlborough','Marlborough'],['Nelson','Nelson'],['Northland','Northland'],['Otago','Otago'],['Southland','Southland'],['Taranaki','Taranaki'],['Tasman','Tasman'],['Waikato','Waikato'],['Wellington','Wellington'],['West Coast','West Coast']]">New Zealand</option> <option value="Norway" data-provinces="[]">Norway</option> <option value="Poland" data-provinces="[]">Poland</option> <option value="Portugal" data-provinces="[['Aveiro','Aveiro'],['Açores','Azores'],['Beja','Beja'],['Braga','Braga'],['Bragança','Bragança'],['Castelo Branco','Castelo Branco'],['Coimbra','Coimbra'],['Faro','Faro'],['Guarda','Guarda'],['Leiria','Leiria'],['Lisboa','Lisbon'],['Madeira','Madeira'],['Portalegre','Portalegre'],['Porto','Porto'],['Santarém','Santarém'],['Setúbal','Setúbal'],['Viana do Castelo','Viana do Castelo'],['Vila Real','Vila Real'],['Viseu','Viseu'],['Évora','Évora']]">Portugal</option> <option value="Singapore" data-provinces="[]">Singapore</option> <option value="South Korea" data-provinces="[['Busan','Busan'],['Chungbuk','North Chungcheong'],['Chungnam','South Chungcheong'],['Daegu','Daegu'],['Daejeon','Daejeon'],['Gangwon','Gangwon'],['Gwangju','Gwangju City'],['Gyeongbuk','North Gyeongsang'],['Gyeonggi','Gyeonggi'],['Gyeongnam','South Gyeongsang'],['Incheon','Incheon'],['Jeju','Jeju'],['Jeonbuk','North Jeolla'],['Jeonnam','South Jeolla'],['Sejong','Sejong'],['Seoul','Seoul'],['Ulsan','Ulsan']]">South Korea</option> <option value="Spain" data-provinces="[['A Coruña','A Coruña'],['Albacete','Albacete'],['Alicante','Alicante'],['Almería','Almería'],['Asturias','Asturias Province'],['Badajoz','Badajoz'],['Balears','Balears Province'],['Barcelona','Barcelona'],['Burgos','Burgos'],['Cantabria','Cantabria Province'],['Castellón','Castellón'],['Ceuta','Ceuta'],['Ciudad Real','Ciudad Real'],['Cuenca','Cuenca'],['Cáceres','Cáceres'],['Cádiz','Cádiz'],['Córdoba','Córdoba'],['Girona','Girona'],['Granada','Granada'],['Guadalajara','Guadalajara'],['Guipúzcoa','Gipuzkoa'],['Huelva','Huelva'],['Huesca','Huesca'],['Jaén','Jaén'],['La Rioja','La Rioja Province'],['Las Palmas','Las Palmas'],['León','León'],['Lleida','Lleida'],['Lugo','Lugo'],['Madrid','Madrid Province'],['Melilla','Melilla'],['Murcia','Murcia'],['Málaga','Málaga'],['Navarra','Navarra'],['Ourense','Ourense'],['Palencia','Palencia'],['Pontevedra','Pontevedra'],['Salamanca','Salamanca'],['Santa Cruz de Tenerife','Santa Cruz de Tenerife'],['Segovia','Segovia'],['Sevilla','Seville'],['Soria','Soria'],['Tarragona','Tarragona'],['Teruel','Teruel'],['Toledo','Toledo'],['Valencia','Valencia'],['Valladolid','Valladolid'],['Vizcaya','Biscay'],['Zamora','Zamora'],['Zaragoza','Zaragoza'],['Álava','Álava'],['Ávila','Ávila']]">Spain</option> <option value="Sweden" data-provinces="[]">Sweden</option> <option value="Switzerland" data-provinces="[]">Switzerland</option> <option value="United Arab Emirates" data-provinces="[['Abu Dhabi','Abu Dhabi'],['Ajman','Ajman'],['Dubai','Dubai'],['Fujairah','Fujairah'],['Ras al-Khaimah','Ras al-Khaimah'],['Sharjah','Sharjah'],['Umm al-Quwain','Umm al-Quwain']]">United Arab Emirates</option> <option value="United Kingdom" data-provinces="[['British Forces','British Forces'],['England','England'],['Northern Ireland','Northern Ireland'],['Scotland','Scotland'],['Wales','Wales']]">United Kingdom</option> <option value="United States" data-provinces="[['Alabama','Alabama'],['Alaska','Alaska'],['American Samoa','American Samoa'],['Arizona','Arizona'],['Arkansas','Arkansas'],['Armed Forces Americas','Armed Forces Americas'],['Armed Forces Europe','Armed Forces Europe'],['Armed Forces Pacific','Armed Forces Pacific'],['California','California'],['Colorado','Colorado'],['Connecticut','Connecticut'],['Delaware','Delaware'],['District of Columbia','Washington DC'],['Federated States of Micronesia','Micronesia'],['Florida','Florida'],['Georgia','Georgia'],['Guam','Guam'],['Hawaii','Hawaii'],['Idaho','Idaho'],['Illinois','Illinois'],['Indiana','Indiana'],['Iowa','Iowa'],['Kansas','Kansas'],['Kentucky','Kentucky'],['Louisiana','Louisiana'],['Maine','Maine'],['Marshall Islands','Marshall Islands'],['Maryland','Maryland'],['Massachusetts','Massachusetts'],['Michigan','Michigan'],['Minnesota','Minnesota'],['Mississippi','Mississippi'],['Missouri','Missouri'],['Montana','Montana'],['Nebraska','Nebraska'],['Nevada','Nevada'],['New Hampshire','New Hampshire'],['New Jersey','New Jersey'],['New Mexico','New Mexico'],['New York','New York'],['North Carolina','North Carolina'],['North Dakota','North Dakota'],['Northern Mariana Islands','Northern Mariana Islands'],['Ohio','Ohio'],['Oklahoma','Oklahoma'],['Oregon','Oregon'],['Palau','Palau'],['Pennsylvania','Pennsylvania'],['Puerto Rico','Puerto Rico'],['Rhode Island','Rhode Island'],['South Carolina','South Carolina'],['South Dakota','South Dakota'],['Tennessee','Tennessee'],['Texas','Texas'],['Utah','Utah'],['Vermont','Vermont'],['Virgin Islands','U.S. Virgin Islands'],['Virginia','Virginia'],['Washington','Washington'],['West Virginia','West Virginia'],['Wisconsin','Wisconsin'],['Wyoming','Wyoming']]">United States</option> <option value="Vietnam" data-provinces="[]">Vietnam</option> </select> </div> <div class="field"> <p>Zip code</p> <input type="text" name="text" placeholder=""> </div> <div class="tf-cart-tool-btns"> <a href="#" class="tf-btn fw-6 justify-content-center btn-fill w-100 animate-hover-btn radius-3"><span>Estimate</span></a> <div class="tf-mini-cart-tool-primary text-center fw-6 w-100 tf-mini-cart-tool-close">Cancel</div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /shoppingCart --> <!-- modal compare --> <div class="offcanvas offcanvas-bottom canvas-compare" id="compare"> <div class="canvas-wrapper"> <header class="canvas-header"> <div class="close-popup"> <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> </div> </header> <div class="canvas-body"> <div class="container"> <div class="row"> <div class="col-12"> <div class="tf-compare-list"> <div class="tf-compare-head"> <div class="title">Compare Products</div> </div> <div class="tf-compare-offcanvas"> <div class="tf-compare-item"> <div class="position-relative"> <div class="icon"> <i class="icon-close"></i> </div> <a href="product-detail.html"> <img class="radius-3" src="images/products/orange-1.jpg" alt=""> </a> </div> </div> <div class="tf-compare-item"> <div class="position-relative"> <div class="icon"> <i class="icon-close"></i> </div> <a href="product-detail.html"> <img class="radius-3" src="images/products/pink-1.jpg" alt=""> </a> </div> </div> </div> <div class="tf-compare-buttons"> <div class="tf-compare-buttons-wrap"> <a href="compare.html" class="tf-btn radius-3 btn-fill justify-content-center fw-6 fs-14 flex-grow-1 animate-hover-btn ">Compare</a> <div class="tf-compapre-button-clear-all link"> Clear All </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /modal compare --> <!-- modal quick_add --> <div class="modal fade modalDemo" id="quick_add"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="wrap"> <div class="tf-product-info-item"> <div class="image"> <img src="images/products/orange-1.jpg" alt=""> </div> <div class="content"> <a href="product-detail.html">Ribbed Tank Top</a> <div class="tf-product-info-price"> <!-- <div class="price-on-sale">$8.00</div> <div class="compare-at-price">$10.00</div> <div class="badges-on-sale"><span>20</span>% OFF</div> --> <div class="price">$18.00</div> </div> </div> </div> <div class="tf-product-info-variant-picker mb_15"> <div class="variant-picker-item"> <div class="variant-picker-label"> Color: <span class="fw-6 variant-picker-label-value">Orange</span> </div> <div class="variant-picker-values"> <input id="values-orange" type="radio" name="color" checked> <label class="hover-tooltip radius-60" for="values-orange" data-value="Orange"> <span class="btn-checkbox bg-color-orange"></span> <span class="tooltip">Orange</span> </label> <input id="values-black" type="radio" name="color"> <label class=" hover-tooltip radius-60" for="values-black" data-value="Black"> <span class="btn-checkbox bg-color-black"></span> <span class="tooltip">Black</span> </label> <input id="values-white" type="radio" name="color"> <label class="hover-tooltip radius-60" for="values-white" data-value="White"> <span class="btn-checkbox bg-color-white"></span> <span class="tooltip">White</span> </label> </div> </div> <div class="variant-picker-item"> <div class="variant-picker-label"> Size: <span class="fw-6 variant-picker-label-value">S</span> </div> <div class="variant-picker-values"> <input type="radio" name="size" id="values-s" checked> <label class="style-text" for="values-s" data-value="S"> <p>S</p> </label> <input type="radio" name="size" id="values-m"> <label class="style-text" for="values-m" data-value="M"> <p>M</p> </label> <input type="radio" name="size" id="values-l"> <label class="style-text" for="values-l" data-value="L"> <p>L</p> </label> <input type="radio" name="size" id="values-xl"> <label class="style-text" for="values-xl" data-value="XL"> <p>XL</p> </label> </div> </div> </div> <div class="tf-product-info-quantity mb_15"> <div class="quantity-title fw-6">Quantity</div> <div class="wg-quantity"> <span class="btn-quantity minus-btn">-</span> <input type="text" name="number" value="1"> <span class="btn-quantity plus-btn">+</span> </div> </div> <div class="tf-product-info-buy-button"> <form class=""> <a href="javascript:void(0);" class="tf-btn btn-fill justify-content-center fw-6 fs-16 flex-grow-1 animate-hover-btn btn-add-to-cart"><span>Add to cart - </span><span class="tf-qty-price">$18.00</span></a> <div class="tf-product-btn-wishlist btn-icon-action"> <i class="icon-heart"></i> <i class="icon-delete"></i> </div> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft" class="tf-product-btn-wishlist box-icon bg_white compare btn-icon-action"> <span class="icon icon-compare"></span> <span class="icon icon-check"></span> </a> <div class="w-100"> <a href="#" class="btns-full">Buy with <img src="images/payments/paypal.png" alt=""></a> <a href="#" class="payment-more-option">More payment options</a> </div> </form> </div> </div> </div> </div> </div> <!-- /modal quick_add --> <!-- modal quick_view --> <div class="modal fade modalDemo" id="quick_view"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="wrap"> <div class="tf-product-media-wrap"> <div dir="ltr" class="swiper tf-single-slide"> <div class="swiper-wrapper" > <div class="swiper-slide"> <div class="item"> <img src="images/products/orange-1.jpg" alt=""> </div> </div> <div class="swiper-slide"> <div class="item"> <img src="images/products/pink-1.jpg" alt=""> </div> </div> </div> <div class="swiper-button-next button-style-arrow single-slide-prev"></div> <div class="swiper-button-prev button-style-arrow single-slide-next"></div> </div> </div> <div class="tf-product-info-wrap position-relative"> <div class="tf-product-info-list"> <div class="tf-product-info-title"> <h5><a class="link" href="product-detail.html">Ribbed Tank Top</a></h5> </div> <div class="tf-product-info-badges"> <div class="badges text-uppercase">Best seller</div> <div class="product-status-content"> <i class="icon-lightning"></i> <p class="fw-6">Selling fast! 48 people have this in their carts.</p> </div> </div> <div class="tf-product-info-price"> <div class="price">$18.00</div> </div> <div class="tf-product-description"> <p>Nunc arcu faucibus a et lorem eu a mauris adipiscing conubia ac aptent ligula facilisis a auctor habitant parturient a a.Interdum fermentum.</p> </div> <div class="tf-product-info-variant-picker"> <div class="variant-picker-item"> <div class="variant-picker-label"> Color: <span class="fw-6 variant-picker-label-value">Orange</span> </div> <div class="variant-picker-values"> <input id="values-orange-1" type="radio" name="color-1" checked> <label class="hover-tooltip radius-60" for="values-orange-1" data-value="Orange"> <span class="btn-checkbox bg-color-orange"></span> <span class="tooltip">Orange</span> </label> <input id="values-black-1" type="radio" name="color-1"> <label class=" hover-tooltip radius-60" for="values-black-1" data-value="Black"> <span class="btn-checkbox bg-color-black"></span> <span class="tooltip">Black</span> </label> <input id="values-white-1" type="radio" name="color-1"> <label class="hover-tooltip radius-60" for="values-white-1" data-value="White"> <span class="btn-checkbox bg-color-white"></span> <span class="tooltip">White</span> </label> </div> </div> <div class="variant-picker-item"> <div class="d-flex justify-content-between align-items-center"> <div class="variant-picker-label"> Size: <span class="fw-6 variant-picker-label-value">S</span> </div> <div class="find-size btn-choose-size fw-6">Find your size</div> </div> <div class="variant-picker-values"> <input type="radio" name="size-1" id="values-s-1" checked> <label class="style-text" for="values-s-1" data-value="S"> <p>S</p> </label> <input type="radio" name="size-1" id="values-m-1"> <label class="style-text" for="values-m-1" data-value="M"> <p>M</p> </label> <input type="radio" name="size-1" id="values-l-1"> <label class="style-text" for="values-l-1" data-value="L"> <p>L</p> </label> <input type="radio" name="size-1" id="values-xl-1"> <label class="style-text" for="values-xl-1" data-value="XL"> <p>XL</p> </label> </div> </div> </div> <div class="tf-product-info-quantity"> <div class="quantity-title fw-6">Quantity</div> <div class="wg-quantity"> <span class="btn-quantity minus-btn">-</span> <input type="text" name="number" value="1"> <span class="btn-quantity plus-btn">+</span> </div> </div> <div class="tf-product-info-buy-button"> <form class=""> <a href="javascript:void(0);" class="tf-btn btn-fill justify-content-center fw-6 fs-16 flex-grow-1 animate-hover-btn btn-add-to-cart"><span>Add to cart - </span><span class="tf-qty-price">$8.00</span></a> <a href="javascript:void(0);" class="tf-product-btn-wishlist hover-tooltip box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to Wishlist</span> <span class="icon icon-delete"></span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft" class="tf-product-btn-wishlist hover-tooltip box-icon bg_white compare btn-icon-action"> <span class="icon icon-compare"></span> <span class="tooltip">Add to Compare</span> <span class="icon icon-check"></span> </a> <div class="w-100"> <a href="#" class="btns-full">Buy with <img src="images/payments/paypal.png" alt=""></a> <a href="#" class="payment-more-option">More payment options</a> </div> </form> </div> <div> <a href="product-detail.html" class="tf-btn fw-6 btn-line">View full details<i class="icon icon-arrow1-top-left"></i></a> </div> </div> </div> </div> </div> </div> </div> <!-- /modal quick_view --> <!-- modal find_size --> <div class="modal fade modalDemo tf-product-modal" id="find_size"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <div class="demo-title">Size chart</div> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="tf-rte"> <div class="tf-table-res-df"> <h6>Size guide</h6> <table class="tf-sizeguide-table"> <thead> <tr> <th>Size</th> <th>US</th> <th>Bust</th> <th>Waist</th> <th>Low Hip</th> </tr> </thead> <tbody> <tr> <td>XS</td> <td>2</td> <td>32</td> <td>24 - 25</td> <td>33 - 34</td> </tr> <tr> <td>S</td> <td>4</td> <td>34 - 35</td> <td>26 - 27</td> <td>35 - 26</td> </tr> <tr> <td>M</td> <td>6</td> <td>36 - 37</td> <td>28 - 29</td> <td>38 - 40</td> </tr> <tr> <td>L</td> <td>8</td> <td>38 - 29</td> <td>30 - 31</td> <td>42 - 44</td> </tr> <tr> <td>XL</td> <td>10</td> <td>40 - 41</td> <td>32 - 33</td> <td>45 - 47</td> </tr> <tr> <td>XXL</td> <td>12</td> <td>42 - 43</td> <td>34 - 35</td> <td>48 - 50</td> </tr> </tbody> </table> </div> <div class="tf-page-size-chart-content"> <div> <h6>Measuring Tips</h6> <div class="title">Bust</div> <p>Measure around the fullest part of your bust.</p> <div class="title">Waist</div> <p>Measure around the narrowest part of your torso.</p> <div class="title">Low Hip</div> <p class="mb-0">With your feet together measure around the fullest part of your hips/rear. </p> </div> <div> <img class="sizechart lazyload" data-src="images/shop/products/size_chart2.jpg" src="images/shop/products/size_chart2.jpg" alt=""> </div> </div> </div> </div> </div> </div> <!-- /modal find_size --> <!-- Filter sidebar--> <div class="offcanvas offcanvas-start canvas-filter canvas-sidebar" id="sidebarmobile"> <div class="canvas-wrapper"> <header class="canvas-header"> <span class="title">SIDEBAR PRODUCT</span> <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> </header> <div class="canvas-body sidebar-mobile-append"> </div> </div> </div> <!-- End Filter sidebar --> <!-- Javascript --> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/swiper-bundle.min.js"></script> <script type="text/javascript" src="js/carousel.js"></script> <script type="text/javascript" src="js/bootstrap-select.min.js"></script> <script type="text/javascript" src="js/lazysize.min.js"></script> <script type="text/javascript" src="js/count-down.js"></script> <script type="text/javascript" src="js/wow.min.js"></script> <script type="text/javascript" src="js/multiple-modal.js"></script> <script type="text/javascript" src="js/nouislider.min.js"></script> <script type="text/javascript" src="js/shop.js"></script> <script type="text/javascript" src="js/main.js?v=1"></script> <script> function HasLogedIn(bid) { PageMethods.HasLogedIn(bid, SuccessFunction, FailedFunction); } function SuccessFunction(rValue, returnValueControl) { const myArray = rValue.split("-"); //yes-1000 no-122 const part1 = myArray[0]; const part2 = myArray[1]; if (part1 == "yes") { } else { location.href = "Login.aspx?redirectUrl=OurProfile.aspx&&bid=" + part2; } } function FailedFunction(returnedMessage, returnValueControl) { alert(returnedMessage.get_message()); } </script> </form> </body> </html>