File size: 60.34Kb
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Webtek - IT Solution and Technology HTML Template - Shop Details</title>
<meta name="author" content="Webtek">
<meta name="description" content="Webtek - IT Solution and Technology HTML Template">
<meta name="keywords" content="Webtek - IT Solution and Technology HTML Template">
<meta name="robots" content="INDEX,FOLLOW">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicons - Place favicon.ico in the root directory -->
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
<link rel="manifest" href="assets/img/favicons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/img/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!--==============================
Google Fonts
============================== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Gantari:wght@100;300;400;500;600;700;800;900&family=Inter:wght@100;400;500;600;700;800;900&family=Urbanist:wght@100;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<!--==============================
All CSS File
============================== -->
<!-- Bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Fontawesome Icon -->
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
<!-- Swiper css -->
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<!-- datetimepicker -->
<link rel="stylesheet" href="assets/css/jquery.datetimepicker.min.css">
<!-- Theme Custom CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!--********************************
Code Start From Here
******************************** -->
<div class="cursor"></div>
<div class="cursor2"></div>
<!--==============================
Preloader
==============================-->
<div id="preloader" class="preloader ">
<button class="th-btn th-radius preloaderCls">Cancel Preloader </button>
<div id="loader" class="th-preloader">
<div class="animation-preloader">
<div class="txt-loading">
<span preloader-text="W" class="characters">W</span>
<span preloader-text="E" class="characters">E</span>
<span preloader-text="B" class="characters">B</span>
<span preloader-text="T" class="characters">T</span>
<span preloader-text="E" class="characters">E</span>
<span preloader-text="C" class="characters">C</span>
<span preloader-text="K" class="characters">K</span>
</div>
</div>
</div>
</div> <!--==============================
Product Lightbox
==============================-->
<div id="QuickView" class="white-popup mfp-hide">
<div class="container bg-white rounded-10">
<div class="row gx-60">
<div class="col-lg-6">
<div class="product-big-img">
<div class="img"><img src="assets/img/product/product_details_1_1.jpg" alt="Product Image"></div>
</div>
</div>
<div class="col-lg-6 align-self-center">
<div class="product-about">
<p class="price">$120.85<del>$150.99</del></p>
<h2 class="product-title">Bosco Apple Fruit</h2>
<div class="product-rating">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5"><span style="width:100%">Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span></div>
<a href="shop-details.html" class="woocommerce-review-link">(<span class="count">4</span> customer reviews)</a>
</div>
<p class="text">Prepare to embark on a sensory journey with the Bosco Apple, a fruit that transcends the ordinary and promises an unparalleled taste experience. These apples are nothing short of nature’s masterpiece, celebrated for their distinctive blend of flavors and their captivating visual allure.</p>
<div class="mt-2 link-inherit">
<p>
<strong class="text-title me-3">Availability:</strong>
<span class="stock in-stock"><i class="far fa-check-square me-2 ms-1"></i>In Stock</span>
</p>
</div>
<div class="actions">
<div class="quantity">
<input type="number" class="qty-input" step="1" min="1" max="100" name="quantity" value="1" title="Qty">
<button class="quantity-plus qty-btn"><i class="far fa-chevron-up"></i></button>
<button class="quantity-minus qty-btn"><i class="far fa-chevron-down"></i></button>
</div>
<button class="th-btn">Add to Cart</button>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
<div class="product_meta">
<span class="sku_wrapper">SKU: <span class="sku">Bosco-Apple-Fruit</span></span>
<span class="posted_in">Category: <a href="shop.html">Fresh Fruits</a></span>
<span>Tags: <a href="shop.html">Fruits</a><a href="shop.html">Organic</a></span>
</div>
</div>
</div>
</div>
<button title="Close (Esc)" type="button" class="mfp-close">×</button>
</div>
</div><!--==============================
Sidemenu
============================== -->
<div class="sidemenu-wrapper sidemenu-info ">
<div class="sidemenu-content">
<button class="closeButton sideMenuCls"><i class="far fa-times"></i></button>
<div class="widget ">
<div class="th-widget-about">
<div class="about-logo">
<a href="home-web-agency.html"><img src="assets/img/logo2.svg" alt="Webtek"></a>
</div>
<p class="about-text">Centric aplications productize before front end vortals visualize front end is results and
value added</p>
<div class="th-social">
<a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.whatsapp.com/"><i class="fab fa-whatsapp"></i></a>
</div>
</div>
</div>
<div class="widget ">
<h3 class="widget_title">Recent Posts</h3>
<div class="recent-post-wrap">
<div class="recent-post">
<div class="media-img">
<a href="blog-details.html"><img src="assets/img/blog/recent-post-1-1.jpg" alt="Blog Image"></a>
</div>
<div class="media-body">
<div class="recent-post-meta">
<a href="blog.html"><i class="far fa-calendar"></i>24 Feb , 2024</a>
</div>
<h4 class="post-title"><a class="text-inherit" href="blog-details.html">A Fresh Start for Your Wardrobe</a></h4>
</div>
</div>
<div class="recent-post">
<div class="media-img">
<a href="blog-details.html"><img src="assets/img/blog/recent-post-1-2.jpg" alt="Blog Image"></a>
</div>
<div class="media-body">
<div class="recent-post-meta">
<a href="blog.html"><i class="far fa-calendar"></i>22 Feb , 2024</a>
</div>
<h4 class="post-title"><a class="text-inherit" href="blog-details.html">Where Clean Meets Convenience</a></h4>
</div>
</div>
</div>
</div>
<div class="widget ">
<h4 class="widget_title">Newsletter</h4>
<div class="newsletter-widget">
<p class="md-10">Sign Up to get updates & news about us . Get Latest Deals from Walker's Inbox to our mail address.</p>
<div class="footer-search-contact mt-25">
<form>
<input class="form-control" type="email" placeholder="Enter your email">
</form>
<div class="footer-btn mt-10">
<button type="submit" class="th-btn btn-fw">Subscribe Now</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="popup-search-box">
<button class="searchClose"><i class="fal fa-times"></i></button>
<form action="#">
<input type="text" placeholder="What are you looking for?">
<button type="submit"><i class="fal fa-search"></i></button>
</form>
</div><!--==============================
Mobile Menu
============================== -->
<div class="th-menu-wrapper">
<div class="th-menu-area text-center">
<button class="th-menu-toggle"><i class="fal fa-times"></i></button>
<div class="mobile-logo">
<a href="home-web-agency.html"><img src="assets/img/logo2.svg" alt="Webtek"></a>
</div>
<div class="th-mobile-menu">
<ul>
<li class="menu-item-has-children">
<a href="home-web-agency.html">Home</a>
<ul class="sub-menu">
<li><a href="home-web-agency.html">Home Web Agency</a></li>
<li><a href="home-startup-agency.html">Home Startup Agency</a></li>
<li><a href="home-digital-agency.html">Home Digital Agency</a></li>
<li><a href="home-it-solution.html">Home IT-solution</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Career</a>
<ul class="sub-menu">
<li><a href="career.html">Career</a></li>
<li><a href="career-details.html">Career Details</a></li>
</ul>
</li>
<li><a href="about.html">About Us</a></li>
<li><a href="appointment.html">Appointment</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="project.html">project</a></li>
<li><a href="project-details.html">project Details</a></li>
<li><a href="faq.html">Faq Page</a></li>
<li><a href="price.html">Price Package</a></li>
<li><a href="error.html">Error Page</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Service</a>
<ul class="sub-menu">
<li><a href="service.html">Service</a></li>
<li><a href="service-details.html">Service Details</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Blog</a>
<ul class="sub-menu">
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog.html">Blog Lists</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</div><!--==============================
Header Area
==============================-->
<header class="th-header header-layout1 header-absolute">
<div class="header-top">
<div class="container th-container">
<div class="row justify-content-center justify-content-lg-between align-items-center">
<div class="col-auto d-none d-md-block">
<div class="header-links">
<ul>
<li><i class="fa-regular fa-phone"></i><a href="tel:+25632542598">(+256) 3254 2598</a></li>
<li class="d-none d-xl-inline-block"><i class="fa-sharp fa-regular fa-location-dot"></i>
<span>12 Division Park, SKY 12546. Berlin</span>
</li>
<li><i class="fa-regular fa-envelope"></i><a href="mailto:help@webteck.com">help@webteck.com</a>
</li>
</ul>
</div>
</div>
<div class="col-auto">
<div class="social-links">
<span class="social-title">Follow Us On:</span>
<a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a>
<a href="https://www.youtube.com/"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="sticky-wrapper">
<!-- Main Menu Area -->
<div class="container th-container">
<div class="menu-area">
<div class="row align-items-center justify-content-between">
<div class="col-auto">
<div class="header-logo">
<a href="home-web-agency.html"><img src="assets/img/logo.svg" alt="Webtek"></a>
</div>
</div>
<div class="col-auto me-lg-auto">
<nav class="main-menu d-none d-lg-inline-block">
<ul>
<li class="menu-item-has-children">
<a href="home-web-agency.html">Home</a>
<ul class="sub-menu">
<li><a href="home-web-agency.html">Home Web Agency</a></li>
<li><a href="home-startup-agency.html">Home Startup Agency</a></li>
<li><a href="home-digital-agency.html">Home Digital Agency</a></li>
<li><a href="home-it-solution.html">Home IT-solution</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="#">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Career</a>
<ul class="sub-menu">
<li><a href="career.html">Career</a></li>
<li><a href="career-details.html">Career Details</a></li>
</ul>
</li>
<li><a href="about.html">About Us</a></li>
<li><a href="appointment.html">Appointment</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="project.html">project</a></li>
<li><a href="project-details.html">project Details</a></li>
<li><a href="faq.html">Faq Page</a></li>
<li><a href="price.html">Price Package</a></li>
<li><a href="error.html">Error Page</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Service</a>
<ul class="sub-menu">
<li><a href="service.html">Service</a></li>
<li><a href="service-details.html">Service Details</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Blog</a>
<ul class="sub-menu">
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog.html">Blog Lists</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
<button type="button" class="th-menu-toggle d-block d-lg-none"><i class="far fa-bars"></i></button>
</div>
<div class="col-auto d-none d-xl-block">
<div class="header-button">
<a href="service.html" class="th-btn">View All Services</a>
<a href="#" class="icon-btn sideMenuToggler d-none d-lg-block"><i class="far fa-bars"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</header><!--==============================
Breadcumb
============================== -->
<div class="breadcumb-wrapper " data-bg-src="assets/img/bg/breadcumb-bg.jpg">
<div class="container">
<div class="breadcumb-content">
<h1 class="breadcumb-title">Shop Details</h1>
<ul class="breadcumb-menu">
<li><a href="home-web-agency.html">Home</a></li>
<li>Shop Details</li>
</ul>
</div>
</div>
</div><!--==============================
Product Details
==============================-->
<section class="product-details space-top space-extra-bottom">
<div class="container">
<div class="row gx-60">
<div class="col-lg-6">
<div class="productSlide">
<span class="product-tag">Sale</span>
<div class="swiper th-slider" id="productSlide1" data-slider-options='{"effect":"fade","autoHeight":true}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="assets/img/product/product_2_1.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="assets/img/product/product_2_2.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="assets/img/product/product_2_3.jpg" alt="">
</div>
</div>
</div>
<div class="product-thumb-wrap">
<div class="product-thumb" data-slider-tab="#productSlide1">
<div class="tab-btn active">
<img src="assets/img/product/product_thumb_1_1.jpg" alt="Image">
</div>
<div class="tab-btn">
<img src="assets/img/product/product_thumb_1_2.jpg" alt="Image">
</div>
<div class="tab-btn">
<img src="assets/img/product/product_thumb_1_3.jpg" alt="Image">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 align-self-center">
<div class="product-about">
<h2 class="product-title">Aero Rear Diffuser</h2>
<div class="product-rating">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5"><span style="width:100%">Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">2</span>(2 customer reviews)</span></div>
<a href="shop-details.html" class="woocommerce-review-link">(<span class="count">2</span>
customer reviews)</a>
</div>
<p class="price">$150.00<del>$260.00</del></p>
<p class="text mt-2">Syndicate customized growth strategies prospective human capital leverage
other's optimal e-markets without transparent catalysts for change. Credibly coordinate highly
efficient methods of empowerment</p>
<div class="checklist style2">
<ul>
<li>Lifetime structural, one year face finish warranty</li>
<li>Mapped from “Center Caps” under ” tment” tab</li>
<li>Fully copatible with OEM equimpent</li>
</ul>
</div>
<div class="actions">
<div class="quantity">
<input type="number" class="qty-input" step="1" min="1" max="100" name="quantity" value="1" title="Qty">
<button class="quantity-plus qty-btn"><i class="far fa-chevron-up"></i></button>
<button class="quantity-minus qty-btn"><i class="far fa-chevron-down"></i></button>
</div>
<button class="th-btn">Add to Cart</button>
</div>
<div class="product_meta">
<span class="sku_wrapper">SKU: <span class="sku">wheel-fits-chevy-camaro </span></span>
<span class="posted_in">Category: <a href="shop.html">Tires & Wheels</a></span>
<span>Tags:<a href="shop.html">automotive parts, wheels</a></span>
</div>
</div>
</div>
</div>
<ul class="nav product-tab-style2" id="productTab" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link" id="description-tab" data-bs-toggle="tab" href="#description" role="tab" aria-controls="description" aria-selected="false">Description</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="additional-tab" data-bs-toggle="tab" href="#additional" role="tab" aria-controls="additional" aria-selected="false">Additional Information</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link active" id="reviews-tab" data-bs-toggle="tab" href="#reviews" role="tab" aria-controls="reviews" aria-selected="true">Customer Reviews</a>
</li>
</ul>
<div class="tab-content" id="productTabContent">
<div class="tab-pane fade" id="description" role="tabpanel" aria-labelledby="description-tab">
<p>Credibly negotiate emerging materials whereas clicks-and-mortar intellectual capital. Compellingly
whiteboard client-centric sources before cross-platform schemas. Distinctively develop future-proof
outsourcing without multimedia based portals. Progressively coordinate next-generation architectures
for collaborative solutions. Professionally restore backward-compatible quality vectors before
customer directed metrics. Holisticly restore technically sound internal or "organic" sources before
client-centered human capital underwhelm holistic mindshare for prospective innovation. Seamlessly
target fully tested infrastructures whereas just in time process improvements. Dynamically exploit
team driven functionalities vis a vis global total linkage redibly synthesize just in time
technology rather than open-source strategic theme areas.</p>
</div>
<div class="tab-pane fade" id="additional" role="tabpanel" aria-labelledby="additional-tab">
<p>Conveniently build adaptive users with front-end human capital. Appropriately unleash team building
technology for goal-oriented paradigms. Dynamically generate interoperable e-business
vis-a-visgoal-oriented value. Completely pursue fully tested content whereas multifunctional core
competencies. Progressively scale team driven process improvements before premier functionalities.
Holisticly cultivate intermandated methodologies rather than virtual technology. Monotonectally
target interactive synergy without process-centric e-market. Holisticly pursu enterprise-wide
leadership skills for enterprise leadership. Collaboratively underwhelm standardized expertise after
effective bandwidth. Conveniently productivate holistic collaboration and idea-sharing rather than
granular strategic theme areas.
Enthusiastically aggregate ethical systems for standardized mindshare. Energistically target
resource maximizing leadership skills without backward-compatible action items. Credibly impact
alternative expertise vis-a-vis economically sound results. Dynamically synergize empowered benefits
through functional partnerships. Authoritatively empower prospective infomediaries for interactive
content. Synergistically embrace 2.0 paradigms through professional intellectual capital.
Interactively strategize parallel growth strategies without out-of-the-box web services. Assertively
reinvent installed base.</p>
</div>
<div class="tab-pane fade show active" id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
<div class="woocommerce-Reviews">
<div class="th-comments-wrap ">
<ul class="comment-list">
<li class="review th-comment-item">
<div class="th-post-comment">
<div class="comment-avater">
<img src="assets/img/blog/comment-author-1.jpg" alt="Comment Author">
</div>
<div class="comment-content">
<h4 class="name">Adam Jhon</h4>
<span class="commented-on"><i class="far fa-calendar"></i>22 April, 2023</span>
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span style="width:100%">Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<p class="text">This product is very much qualityful and I love this working system and speed.</p>
</div>
</div>
</li>
<li class="review th-comment-item">
<div class="th-post-comment">
<div class="comment-avater">
<img src="assets/img/blog/comment-author-2.jpg" alt="Comment Author">
</div>
<div class="comment-content">
<h4 class="name">Jusctin Dacon</h4>
<span class="commented-on"><i class="far fa-calendar"></i>26 April, 2023</span>
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span style="width:100%">Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<p class="text">They delivered the product in a few time. Product quality is also very good.</p>
</div>
</div>
</li>
<li class="review th-comment-item">
<div class="th-post-comment">
<div class="comment-avater">
<img src="assets/img/blog/comment-author-3.jpg" alt="Comment Author">
</div>
<div class="comment-content">
<h4 class="name">Jacklin July</h4>
<span class="commented-on"><i class="far fa-calendar"></i>26 April, 2023</span>
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span style="width:100%">Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<p class="text">Their product and service is very satisfying. I highly recommend their services.</p>
</div>
</div>
</li>
<li class="review th-comment-item">
<div class="th-post-comment">
<div class="comment-avater">
<img src="assets/img/blog/comment-author-4.jpg" alt="Comment Author">
</div>
<div class="comment-content">
<h4 class="name">Adison Smith</h4>
<span class="commented-on"><i class="far fa-calendar"></i>26 April, 2023</span>
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span style="width:100%">Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<p class="text">I am just in love with this product. Their service is also very good you can also try.</p>
</div>
</div>
</li>
</ul>
</div> <!-- Comment Form -->
<div class="th-comment-form ">
<div class="form-title">
<h3 class="blog-inner-title ">Add a review</h3>
</div>
<div class="row">
<div class="form-group rating-select d-flex align-items-center">
<label>Your Rating</label>
<p class="stars">
<span>
<a class="star-1" href="#">1</a>
<a class="star-2" href="#">2</a>
<a class="star-3" href="#">3</a>
<a class="star-4" href="#">4</a>
<a class="star-5" href="#">5</a>
</span>
</p>
</div>
<div class="col-12 form-group">
<textarea placeholder="Write a Message" class="form-control"></textarea>
<i class="text-title far fa-pencil-alt"></i>
</div>
<div class="col-md-6 form-group">
<input type="text" placeholder="Your Name" class="form-control">
<i class="text-title far fa-user"></i>
</div>
<div class="col-md-6 form-group">
<input type="text" placeholder="Your Email" class="form-control">
<i class="text-title far fa-envelope"></i>
</div>
<div class="col-12 form-group">
<input id="reviewcheck" name="reviewcheck" type="checkbox">
<label for="reviewcheck">Save my name, email, and website in this browser for the next time I comment.<span class="checkmark"></span></label>
</div>
<div class="col-12 form-group mb-0">
<button class="th-btn">Post Review</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--==============================
Related Product
==============================-->
<div class="space-extra-top mb-30">
<div class="row">
<div class="title-area mb-25 text-center">
<span class="sub-title">Similar Products</span>
<h2 class="sec-title">Recently Viewed Items</h2>
</div>
</div>
<div class="swiper th-slider has-shadow" id="productSlider1" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"2"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"4"}}}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="th-product">
<div class="product-img">
<img src="assets/img/product/product_1_1.jpg" alt="Product Image">
<span class="product-tag">Sale</span>
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<span class="price">$250.00<del>$550.00</del></span>
<h3 class="product-title"><a href="shop-details.html">Concrete Admixtures</a></h3>
<div class="woocommerce-product-rating">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="th-product">
<div class="product-img">
<img src="assets/img/product/product_1_2.jpg" alt="Product Image">
<span class="product-tag">Sale</span>
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<span class="price">$220.00</span>
<h3 class="product-title"><a href="shop-details.html">Wireless Headphone</a></h3>
<div class="woocommerce-product-rating">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="th-product">
<div class="product-img">
<img src="assets/img/product/product_1_3.jpg" alt="Product Image">
<span class="product-tag">New</span>
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<span class="price">$240.00</span>
<h3 class="product-title"><a href="shop-details.html">Battery Cartoon</a></h3>
<div class="woocommerce-product-rating">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="th-product">
<div class="product-img">
<img src="assets/img/product/product_1_4.jpg" alt="Product Image">
<span class="product-tag">Sale</span>
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<span class="price">$265.00</span>
<h3 class="product-title"><a href="shop-details.html">Wireless Headphone</a></h3>
<div class="woocommerce-product-rating">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="th-product">
<div class="product-img">
<img src="assets/img/product/product_1_5.jpg" alt="Product Image">
<span class="product-tag">New</span>
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<span class="price">$235.00</span>
<h3 class="product-title"><a href="shop-details.html">CORSAIR VS450 450W</a></h3>
<div class="woocommerce-product-rating">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="th-product">
<div class="product-img">
<img src="assets/img/product/product_1_6.jpg" alt="Product Image">
<span class="product-tag">Sale</span>
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<span class="price">$225.00</span>
<h3 class="product-title"><a href="shop-details.html">Pioneer dj DM-40BT</a></h3>
<div class="woocommerce-product-rating">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="th-product">
<div class="product-img">
<img src="assets/img/product/product_1_7.jpg" alt="Product Image">
<span class="product-tag">New</span>
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<span class="price">$235.00</span>
<h3 class="product-title"><a href="shop-details.html">Play Station 4 Pro</a></h3>
<div class="woocommerce-product-rating">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="th-product">
<div class="product-img">
<img src="assets/img/product/product_1_8.jpg" alt="Product Image">
<span class="product-tag">Sale</span>
<div class="actions">
<a href="#QuickView" class="icon-btn popup-content"><i class="far fa-eye"></i></a>
<a href="cart.html" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="wishlist.html" class="icon-btn"><i class="far fa-heart"></i></a>
</div>
</div>
<div class="product-content">
<span class="price">$250.00<del>$550.00</del></span>
<h3 class="product-title"><a href="shop-details.html">Cooler Master</a></h3>
<div class="woocommerce-product-rating">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-block d-md-none mt-40 text-center">
<div class="icon-box">
<button data-slider-prev="#productSlider1" class="slider-arrow default"><i class="far fa-arrow-left"></i></button>
<button data-slider-next="#productSlider1" class="slider-arrow default"><i class="far fa-arrow-right"></i></button>
</div>
</div>
</div>
</div>
</section><!--==============================
Footer Area
==============================-->
<footer class="footer-wrapper footer-layout1" data-bg-src="assets/img/bg/footer_bg_1.jpg">
<div class="widget-area">
<div class="container">
<div class="row justify-content-between">
<div class="col-xl-12">
<div class="footer-top-area">
<div class="footer-top">
<div class="footer-logo">
<a href="index.html"><img src="assets/img/logo-footer.svg" alt="Webtek"></a>
</div>
<div class="">
<p class="footer-text">Their team's technical expertise is truly outstanding. They took
the time to thoroughly understand our goals and requirements and then designed and
implemented solutions that not only addressed our immediate challenges but also
positioned us for future growth.</p>
</div>
</div>
<div class="footer-menu-area">
<ul class="footer-menu">
<li>
<a href="index.html">Home</a>
</li>
<li><a href="#">Pages</a></li>
<li><a href="service.html">Services</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="th-social">
<a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.whatsapp.com/"><i class="fab fa-whatsapp"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="row gy-4 justify-content-center justify-content-lg-between">
<div class="col-lg-auto">
<div class="info-box">
<div class="info-box_icon">
<i class="fa-solid fa-location-dot"></i>
</div>
<div>
<span class="info-box_subtitle">Address</span>
<p class="info-box_text">12 Division Park, SKY <span class="d-block"> 12546. Berlin</span></p>
</div>
</div>
</div>
<div class="col-lg-auto">
<div class="info-box">
<div class="info-box_icon">
<i class="fa-solid fa-envelope"></i>
</div>
<div>
<span class="info-box_subtitle">Email</span>
<p class="info-box_text">
<a href="mailto:help@webteck-mail.com" class="info-box_link">help@webteck-mail.com</a>
<a href="mailto:24/7@webteck-online.com" class="info-box_link">24/7@webteck-online.com</a>
</p>
</div>
</div>
</div>
<div class="col-lg-auto">
<div class="info-box">
<div class="info-box_icon">
<i class="fa-solid fa-phone"></i>
</div>
<div>
<span class="info-box_subtitle">Call</span>
<p class="info-box_text">
<a href="tel:+215253632156" class="info-box_link">+(215) 2536-32156</a>
<a href="tel:+452369421587" class="info-box_link">+(452) 3694-21587</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-wrap text-center">
<div class="container">
<p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="home-web-agency.html">Webtek</a>. All Rights Reserved.</p>
</div>
</div>
</footer>
<!--********************************
Code End Here
******************************** -->
<!-- Scroll To Top -->
<div class="scroll-top">
<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: 307.919;">
</path>
</svg>
</div>
<!--==============================
All Js File
============================== -->
<!-- Jquery -->
<script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
<!-- Swiper Js -->
<script src="assets/js/swiper-bundle.min.js"></script>
<!-- Bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- Magnific Popup -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!-- Counter Up -->
<script src="assets/js/jquery.counterup.min.js"></script>
<!-- Range Slider -->
<script src="assets/js/jquery-ui.min.js"></script>
<!-- imagesloaded -->
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<!-- isotope -->
<script src="assets/js/isotope.pkgd.min.js"></script>
<!-- datetimepicker -->
<script src="assets/js/jquery.datetimepicker.min.js"></script>
<!-- gsap -->
<script src="assets/js/gsap.min.js"></script>
<!-- ScrollTrigger -->
<script src="assets/js/ScrollTrigger.min.js"></script>
<!-- nice select -->
<script src="assets/js/nice-select.min.js"></script>
<script src="assets/js/smooth-scroll.js"></script>
<!-- Main Js File -->
<script src="assets/js/main.js"></script>
</body>
</html>