tp/public/themes/template2/product-details.html
2026-03-09 16:35:17 +08:00

224 lines
9.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<title>Lugx Gaming - Product Detail</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Additional CSS Files -->
<link rel="stylesheet" href="assets/css/fontawesome.css">
<link rel="stylesheet" href="assets/css/templatemo-lugx-gaming.css">
<link rel="stylesheet" href="assets/css/owl.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet"href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/>
<!--
TemplateMo 589 lugx gaming
https://templatemo.com/tm-589-lugx-gaming
-->
</head>
<body>
<!-- ***** Preloader Start ***** -->
<div id="js-preloader" class="js-preloader">
<div class="preloader-inner">
<span class="dot"></span>
<div class="dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!-- ***** Preloader End ***** -->
<!-- ***** Header Area Start ***** -->
<header class="header-area header-sticky">
<div class="container">
<div class="row">
<div class="col-12">
<nav class="main-nav">
<!-- ***** Logo Start ***** -->
<a href="index.html" class="logo">
<img src="assets/images/logo.png" alt="" style="width: 158px;">
</a>
<!-- ***** Logo End ***** -->
<!-- ***** Menu Start ***** -->
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li><a href="shop.html">Our Shop</a></li>
<li><a href="product-details.html" class="active">Product Details</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="#">Sign In</a></li>
</ul>
<a class='menu-trigger'>
<span>Menu</span>
</a>
<!-- ***** Menu End ***** -->
</nav>
</div>
</div>
</div>
</header>
<!-- ***** Header Area End ***** -->
<div class="page-heading header-text">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h3>Modern Warfare® II</h3>
<span class="breadcrumb"><a href="#">Home</a> > <a href="#">Shop</a> > Assasin Creed</span>
</div>
</div>
</div>
</div>
<div class="single-product section">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="left-image">
<img src="assets/images/single-game.jpg" alt="">
</div>
</div>
<div class="col-lg-6 align-self-center">
<h4>Call of Duty®: Modern Warfare® II</h4>
<span class="price"><em>$28</em> $22</span>
<p>LUGX Gaming Template is based on the latest Bootstrap 5 CSS framework. This template is provided by TemplateMo and it is suitable for your gaming shop ecommerce websites. Feel free to use this for any purpose. Thank you.</p>
<form id="qty" action="#">
<input type="qty" class="form-control" id="1" aria-describedby="quantity" placeholder="1">
<button type="submit"><i class="fa fa-shopping-bag"></i> ADD TO CART</button>
</form>
<ul>
<li><span>Game ID:</span> COD MMII</li>
<li><span>Genre:</span> <a href="#">Action</a>, <a href="#">Team</a>, <a href="#">Single</a></li>
<li><span>Multi-tags:</span> <a href="#">War</a>, <a href="#">Battle</a>, <a href="#">Royal</a></li>
</ul>
</div>
<div class="col-lg-12">
<div class="sep"></div>
</div>
</div>
</div>
</div>
<div class="more-info">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="tabs-content">
<div class="row">
<div class="nav-wrapper ">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="description-tab" data-bs-toggle="tab" data-bs-target="#description" type="button" role="tab" aria-controls="description" aria-selected="true">Description</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="reviews-tab" data-bs-toggle="tab" data-bs-target="#reviews" type="button" role="tab" aria-controls="reviews" aria-selected="false">Reviews (3)</button>
</li>
</ul>
</div>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="description" role="tabpanel" aria-labelledby="description-tab">
<p>You can search for more templates on Google Search using keywords such as "templatemo digital marketing", "templatemo one-page", "templatemo gallery", etc. Please tell your friends about our website. If you need a variety of HTML templates, you may visit Tooplate and Too CSS websites.</p>
<br>
<p>Coloring book air plant shabby chic, crucifix normcore raclette cred swag artisan activated charcoal. PBR&B fanny pack pok pok gentrify truffaut kitsch helvetica jean shorts edison bulb poutine next level humblebrag la croix adaptogen. Hashtag poke literally locavore, beard marfa kogi bruh artisan succulents seitan tonx waistcoat chambray taxidermy. Same cred meggings 3 wolf moon lomo irony cray hell of bitters asymmetrical gluten-free art party raw denim chillwave tousled try-hard succulents street art.</p>
</div>
<div class="tab-pane fade" id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
<p>Coloring book air plant shabby chic, crucifix normcore raclette cred swag artisan activated charcoal. PBR&B fanny pack pok pok gentrify truffaut kitsch helvetica jean shorts edison bulb poutine next level humblebrag la croix adaptogen. <br><br>Hashtag poke literally locavore, beard marfa kogi bruh artisan succulents seitan tonx waistcoat chambray taxidermy. Same cred meggings 3 wolf moon lomo irony cray hell of bitters asymmetrical gluten-free art party raw denim chillwave tousled try-hard succulents street art.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section categories related-games">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="section-heading">
<h6>Action</h6>
<h2>Related Games</h2>
</div>
</div>
<div class="col-lg-6">
<div class="main-button">
<a href="shop.html">View All</a>
</div>
</div>
<div class="col-lg col-sm-6 col-xs-12">
<div class="item">
<h4>Action</h4>
<div class="thumb">
<a href="product-details.html"><img src="assets/images/categories-01.jpg" alt=""></a>
</div>
</div>
</div>
<div class="col-lg col-sm-6 col-xs-12">
<div class="item">
<h4>Action</h4>
<div class="thumb">
<a href="product-details.html"><img src="assets/images/categories-05.jpg" alt=""></a>
</div>
</div>
</div>
<div class="col-lg col-sm-6 col-xs-12">
<div class="item">
<h4>Action</h4>
<div class="thumb">
<a href="product-details.html"><img src="assets/images/categories-03.jpg" alt=""></a>
</div>
</div>
</div>
<div class="col-lg col-sm-6 col-xs-12">
<div class="item">
<h4>Action</h4>
<div class="thumb">
<a href="product-details.html"><img src="assets/images/categories-04.jpg" alt=""></a>
</div>
</div>
</div>
<div class="col-lg col-sm-6 col-xs-12">
<div class="item">
<h4>Action</h4>
<div class="thumb">
<a href="product-details.html"><img src="assets/images/categories-05.jpg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="col-lg-12">
<p>Copyright © 2048 LUGX Gaming Company. All rights reserved. &nbsp;&nbsp; <a rel="nofollow" href="https://templatemo.com" target="_blank">Design: TemplateMo</a></p>
</div>
</div>
</footer>
<!-- Scripts -->
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/isotope.min.js"></script>
<script src="assets/js/owl-carousel.js"></script>
<script src="assets/js/counter.js"></script>
<script src="assets/js/custom.js"></script>
</body>
</html>