/
home
/
u775757334
/
domains
/
civicwelllife.com
/
public_html
/
include
/
/home/u775757334/domains/civicwelllife.com/public_html/include
mkdir
upload
Name
Size
Mode
Actions
about1.php
1746
0644
edit
dl
rm
about2.php
3128
0644
edit
dl
rm
blog-section.php
8307
0644
edit
dl
rm
category-list.php
5334
0644
edit
dl
rm
category-wise-product.php
4868
0644
edit
dl
rm
category.php
2107
0644
edit
dl
rm
client-section.php
2156
0644
edit
dl
rm
cta-banner.php
405
0644
edit
dl
rm
cta-section-1.php
1180
0644
edit
dl
rm
cta-section.php
1165
0644
edit
dl
rm
customer-menu.php
382
0644
edit
dl
rm
day-offer.php
13055
0644
edit
dl
rm
doctor-menu.php
1478
0644
edit
dl
rm
footer-file.php
1779
0644
edit
dl
rm
footer-tab.php
1928
0644
edit
dl
rm
footer.php
11953
0644
edit
dl
rm
header-file.php
658
0644
edit
dl
rm
header-top.php
4157
0644
edit
dl
rm
header.php
19312
0644
edit
dl
rm
impact-section.php
2841
0644
edit
dl
rm
mobile-category.php
1292
0644
edit
dl
rm
mobile-menu.php
8536
0644
edit
dl
rm
model.php
49991
0644
edit
dl
rm
offer.php
2821
0644
edit
dl
rm
product-slide.php
7439
0644
edit
dl
rm
related-product.php
11034
0644
edit
dl
rm
shopping-cart.php
1938
0644
edit
dl
rm
slider.php
2252
0644
edit
dl
rm
testimonial.php
2023
0644
edit
dl
rm
trust-section.php
3902
0644
edit
dl
rm
video-section.php
4045
0644
edit
dl
rm
yt-section.php
4945
0644
edit
dl
rm
Edit:
/home/u775757334/domains/civicwelllife.com/public_html/include/model.php
(49991B)
<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"> <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> </div> </div> </div> </div> <!-- ========================================== --> <!-- mobile menu --> <?php include 'mobile-menu.php'; ?> <!-- /mobile menu --> <!-- 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 Canc <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" id='getsearch' 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-content"> <div class="tf-search-hidden-inner" id='showsearchdata'> </div> </div> </div> </div> </div> </div> </div> <!-- /canvasSearch --> <!-- toolbarShopmb --> <?php include 'include/mobile-category.php'; ?> <style> .login-modal-new { border: 0; border-radius: 24px; overflow: hidden; background: #ffffff; box-shadow: 0 20px 60px rgba(15, 23, 42, 0.18); position: relative; } .custom-login-header { padding: 28px 28px 12px; justify-content: center; text-align: center; background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.10), transparent 35%), linear-gradient(180deg, #f8fbff 0%, #ffffff 100%); } .login-brand-wrap { width: 100%; } .login-brand-logo { width: 78px; height: 78px; margin: 0 auto 12px; border-radius: 20px; background: linear-gradient(135deg, #edf5ff 0%, #ffffff 100%); border: 1px solid #d9e7fb; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(37, 99, 235, 0.10); } .login-brand-logo img { max-width: 52px; max-height: 52px; object-fit: contain; } .login-brand-title { font-size: 30px; font-weight: 800; color: #0f172a; letter-spacing: -0.3px; } .login-brand-subtitle { font-size: 14px; color: #64748b; line-height: 1.7; } .custom-login-body { padding: 16px 28px 28px; } .login-form-box { background: #fbfdff; border: 1px solid #e7eef8; border-radius: 20px; padding: 20px; } .login-label { font-size: 14px; font-weight: 700; color: #334155; margin-bottom: 8px; display: inline-block; } .login-label span { color: #ef4444; } .login-type-btns-new { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .login-type-btns-new .loginbtn { height: 48px; border: 1px solid #dbe6f5; border-radius: 14px; background: #ffffff; color: #334155; font-size: 15px; font-weight: 700; transition: all 0.25s ease; } .login-type-btns-new .loginbtn:hover { border-color: #2563eb; color: #2563eb; background: #f8fbff; } .login-type-btns-new .loginbtn.active { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); border-color: #2563eb; color: #ffffff; box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22); } .otp-input-wrap { position: relative; } .input-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #7c8aa5; font-size: 16px; z-index: 2; } .login-input { height: 54px; border: 1px solid #d8e2f0; border-radius: 14px; padding-left: 44px; padding-right: 132px; font-size: 14px; color: #0f172a; box-shadow: none !important; background: #fff; } .otp-only-wrap .login-input { padding-right: 14px; } .login-input:focus { border-color: #2563eb; box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.08) !important; } .sendotpbtn-new { position: absolute; right: 7px; top: 50%; transform: translateY(-50%); height: 40px; padding: 0 16px; border: 0; border-radius: 10px; background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: #fff; font-size: 13px; font-weight: 700; transition: all 0.25s ease; } .sendotpbtn-new:hover { opacity: 0.95; } .login-submit-btn { height: 52px; border: 0; border-radius: 14px; background: linear-gradient(135deg, #16a34a 0%, #15803d 100%); color: #fff; font-size: 15px; font-weight: 700; box-shadow: 0 12px 24px rgba(22, 163, 74, 0.20); } .login-submit-btn:hover { color: #fff; opacity: 0.96; } .custom-close { position: absolute; right: 16px; top: 16px; z-index: 5; background-size: 14px; opacity: 0.7; } .custom-close:hover { opacity: 1; } .modal-backdrop.show { opacity: 0.6; } @media (max-width: 575px) { .custom-login-header { padding: 24px 18px 10px; } .custom-login-body { padding: 14px 18px 22px; } .login-form-box { padding: 16px; border-radius: 16px; } .login-brand-title { font-size: 24px; } .login-type-btns-new { grid-template-columns: 1fr; } .login-input { height: 50px; padding-right: 115px; } .sendotpbtn-new { padding: 0 12px; font-size: 12px; } } </style> <div class="modal fade" id="login" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content login-modal-new"> <button type="button" class="btn-close custom-close" data-bs-dismiss="modal" aria-label="Close"></button> <div class="modal-header custom-login-header border-0"> <div class="login-brand-wrap"> <div class="login-brand-logo"> <img src="images/logo.png" alt="Civic WellLife"> </div> <h4 class="login-brand-title mb-1">Civic WellLife</h4> <p class="login-brand-subtitle mb-0">Secure login with OTP verification</p> </div> </div> <div class="modal-body custom-login-body"> <form id="frmlogin" autocomplete="off"> <input type="hidden" name="login_type" id="login_type" value="doctor"> <input type="hidden" name="action" value="doctorOtpLogin"> <div class="login-form-box"> <label class="login-label">Login As</label> <div class="login-type-btns-new mb-4"> <button type="button" class="loginbtn active" data-type="doctor"> <i class="bi bi-heart-pulse me-2"></i>Doctor </button> <button type="button" class="loginbtn" data-type="patient"> <i class="bi bi-person me-2"></i>Patient </button> </div> <div class="mb-3"> <label class="login-label">Email Address <span>*</span></label> <div class="otp-input-wrap"> <div class="input-icon"> <i class="bi bi-envelope"></i> </div> <input type="email" class="form-control login-input" name="email" id="getemail" placeholder="Enter your email address" required> <button type="button" id="sendotp" class="sendotpbtn-new"> Send OTP </button> </div> </div> <div class="mb-3" id="otpbox" style="display:none;"> <label class="login-label">Enter OTP</label> <div class="otp-input-wrap otp-only-wrap"> <div class="input-icon"> <i class="bi bi-shield-lock"></i> </div> <input type="number" class="form-control login-input" name="otp" id="otp" placeholder="Enter OTP"> </div> </div> <button type="submit" class="btn login-submit-btn w-100" id="loginbtn" style="display:none;"> Verify & Login </button> </div> </form> </div> </div> </div> </div> <div class="modal fade" id="videoModal" tabindex="-1"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content bg-dark"> <div class="modal-header border-0"> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button> </div> <div class="modal-body p-0"> <iframe id="videoFrame" width="100%" height="400" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen> </iframe> </div> </div> </div> </div> <!-- /modal login --> <!-- shoppingCart --> <?php include 'shopping-cart.php'; ?> <!-- /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>
Save
cmd:
run