Ghost Exploiter Team Official
/
home
/
ramdevpcb
/
public_html
/
Nama File / Folder
Size
Action
.DS_Store
--
NONE
.well-known
--
NONE
Apple
--
NONE
Config
--
NONE
accounts.ramdevpcb.com
--
NONE
admin.ramdevpcb.com
--
NONE
ap
--
NONE
api
--
NONE
app
--
NONE
assets
--
NONE
cgi-bin
--
NONE
delivery.ramdevpcb.com
--
NONE
razorpay-php-master
--
NONE
sales.ramdevpcb.com
--
NONE
spotify
--
NONE
MAXVEL CATALOGUE 2023.pdf
55.84MB
Hapus
Edit
Rename
Products.php
72.202KB
Hapus
Edit
Rename
Products2.php
22.467KB
Hapus
Edit
Rename
apply-coupon.php
1.237KB
Hapus
Edit
Rename
bg6.png
239.047KB
Hapus
Edit
Rename
download_invoice.php
0.395KB
Hapus
Edit
Rename
email.html
2.977KB
Hapus
Edit
Rename
footer (2).php
22.071KB
Hapus
Edit
Rename
footer.php
9.45KB
Hapus
Edit
Rename
get_product.php
3.688KB
Hapus
Edit
Rename
getcity.php
0.496KB
Hapus
Edit
Rename
googlebdc637812fd99722.html
0.052KB
Hapus
Edit
Rename
googlebfc2f3b3c36359c4.html
0.052KB
Hapus
Edit
Rename
index (44).php
90.686KB
Hapus
Edit
Rename
indexnew.php
97.6KB
Hapus
Edit
Rename
interlaced.png
16.737KB
Hapus
Edit
Rename
myorderdetails.php
6.695KB
Hapus
Edit
Rename
myordernew.php
28.397KB
Hapus
Edit
Rename
page-login-register.php
28.91KB
Hapus
Edit
Rename
page-login-register_old.php
29.911KB
Hapus
Edit
Rename
r&c.php
5.128KB
Hapus
Edit
Rename
s&d.php
5.673KB
Hapus
Edit
Rename
shop-checkout1.php
59.101KB
Hapus
Edit
Rename
shop-wishlist.php
7.947KB
Hapus
Edit
Rename
shopcart.php
25.882KB
Hapus
Edit
Rename
shopcart1.php
16.813KB
Hapus
Edit
Rename
<?php // ini_set('display_errors', 1); // ini_set('display_startup_errors', 1); // error_reporting(E_ALL); session_start(); require_once 'db.php'; $userId = !empty($_SESSION['userid']) ? $_SESSION['userid'] : ''; $usr = mysqli_query($conn, "SELECT * FROM Users WHERE UserID = '$userId'") or die(mysqli_error($conn)); // echo $userId; $users = mysqli_fetch_assoc($usr); ?> <!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <title>Ramdev PCB - PCB Manufacturer of Flood Light PCB, Street Light PCB & Highbay Light PCB</title> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="description" content="PCB Manufacturer of Flood Light PCB, Street Light PCB & Highbay Light PCB from vasai"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:title" content="RAMDEV PCB"> <meta property="og:type" content="PCB Manufacturer of Flood Light PCB, Street Light PCB & Highbay Light PCB from vasai"> <meta property="og:url" content="https://ramdevpcb.com/"> <meta property="og:image" content="https://ramdevpcb.com/assets/imgs/theme/logo6.png"> <meta name="keywords" content="street light pcb,street light led pcb,led flood light pcb,led street light pcb,pcb board manufacturer,led circuit board,highbay light,street light in vasai,street light pcb in vasaiSTREET light,highbay light in vasai,highbay light pcb in vasaiFlood light,Flood light in vasai,Flood light pcb in vasai"> <!-- Favicon --> <link rel="shortcut icon" type="image/x-icon" href="assets/imgs/theme/favicon.png"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <!-- Template CSS --> <link rel="stylesheet" href="assets/css/main.css?v=3.3"> <link rel="stylesheet" href="assets/css/custom.css"> <style> @media only screen and (max-width:600px){ .product-content-wrap{ padding-top:10px!important; } h2 { font-size: 23px!important; } } .zoom-in-zoom-out { /* margin: 24px; width: 50px; height: 50px; background: green;*/ animation: zoom-in-zoom-out 3s ease-out infinite; } @keyframes zoom-in-zoom-out { 0% { transform: scale(1, 1); } 50% { transform: scale(0.9, 0.9); } 100% { transform: scale(1, 1); } } .product-cart-wrap .product-img-action-wrap .product-img a img.hover-img { left:auto !important; } .hero-slider-1.style-3 img { max-height: 620px; width: 100%!important; } .hero-slider-1.style-3 .slider-img { width: 100%; } /* Make sure the slider images are responsive and don't overflow their container */ /* Add this to your main CSS file to test */ @media (max-width: 767px) { .carausel-6-columns .slick-slide { width: 160px !important; /* This forces the width on mobile */ } .product-cart-wrap{ width: 216px !important; } } </style> </head> <body > <!-- Modal --> <div class="modal fade custom-modal" id="onloadModal1" tabindex="-1" aria-labelledby="onloadModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <div class="modal-body"> <div class="deal" style="background-image: url('assets/Banner.jpeg')"> <div class="deal-top"> <h2 class="text-brand"><!--Deal of the Day--></h2> <h5><!--Limited quantities.--></h5> </div> <div class="deal-content"> <h6 class="product-title"><a href="shop-product-right.html"><!--Summer Collection New Morden Design--></a></h6> <div class="product-price"><span class="new-price"><!--$139.00--></span><span class="old-price"><!--$160.99--></span></div> </div> <div class="deal-bottom"> <p><!--Hurry Up! Offer End In:--></p> <!-- <div class="deals-countdown" data-countdown="2025/03/25 00:00:00"><span class="countdown-section"><span class="countdown-amount hover-up">03</span><span class="countdown-period"> days </span></span><span class="countdown-section"><span class="countdown-amount hover-up">02</span><span class="countdown-period"> hours </span></span><span class="countdown-section"><span class="countdown-amount hover-up">43</span><span class="countdown-period"> mins </span></span><span class="countdown-section"><span class="countdown-amount hover-up">29</span><span class="countdown-period"> sec </span></span></div> <a href="shop-grid-right.html" class="btn hover-up">Shop Now <i class="fi-rs-arrow-right"></i></a>--> </div> </div> </div> </div> </div> </div> <div class="modal fade custom-modal" id="offermodal" tabindex="-1" aria-labelledby="offermodal" aria-hidden="true"> <div class="modal-dialog" style="max-width:fit-content!important;"> <div class="modal-content"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <div class="modal-body"> <!--<div class="deal">--> <!--style="background-image: url('assets/imgs/banner/popup.jpg')"--> <h3 class="text-brand">Special Discount</h3><br> <?php $date = date('Y-m-d'); if($_SESSION['user_role'] == '1'){ // Assuming user ID and category list are stored in session $userid = $_SESSION['userid']; $user_categories = $_SESSION['SESS_USER_CATEGORY']; // e.g., "14,36,37,38,39,40,41,42" $sql = " SELECT * FROM Discounts d JOIN productdetails pd ON d.CategoryID = pd.CategoryID JOIN Cart c ON c.ProductID = pd.ProductID JOIN BrandCategory bc ON bc.CategoryID = d.CategoryID WHERE d.DiscountID NOT IN ( SELECT oi.Discount FROM OrderItems oi JOIN Orders o ON o.OrderID = oi.OrderID WHERE o.UserID = '{$userid}' ) AND d.CategoryID IN ({$user_categories}) AND d.DiscountStartDate <= '{$date}' AND d.DiscountEndDate >= '{$date}' AND d.UserID = '{$userid}' AND d.cstatus='1' GROUP BY d.DiscountCoupon ORDER BY d.DiscountID DESC "; $result=mysqli_query($conn,$sql); // echo $sql; while($row=mysqli_fetch_array($result)) { echo '<div style="margin-bottom:10px;padding:25px;background-image:url(https://ramdevpcb.com/assets/imgs/banner-111.jpg);background-size: cover;font-size: 20px;font-weight: 800;filter: invert(1);color: black;">Get '.$row['DiscountPercent'].'% Discount on '.$row['Category'].'</div>'; } $sql = " SELECT * FROM Discounts d JOIN Cart c ON c.UserID = '{$userid}' JOIN productdetails pd ON c.ProductID = pd.ProductID WHERE d.DiscountID NOT IN ( SELECT oi.Discount FROM OrderItems oi JOIN Orders o ON o.OrderID = oi.OrderID WHERE o.UserID = '{$userid}' ) AND d.CategoryID = '0' AND d.DiscountStartDate <= '{$date}' AND d.DiscountEndDate >= '{$date}' AND d.UserID = '{$userid}' AND d.cstatus='1' GROUP BY d.DiscountCoupon ORDER BY d.DiscountID DESC "; $result=mysqli_query($conn,$sql); // echo $sql; while($row=mysqli_fetch_array($result)) { echo '<div style="margin-bottom:10px;padding:25px;background-image:url(https://ramdevpcb.com/assets/imgs/banner-111.jpg);background-size: cover;font-size: 20px;font-weight: 800;filter: grayscale;color: black;">Get '.$row['DiscountPercent'].'% Discount on All Brands</div>'; } $sql = "SELECT * FROM Discounts d WHERE (d.DiscountStartDate <= '{$date}' AND d.DiscountEndDate >= '{$date}') AND d.DiscountFor = '1' AND d.CategoryID = '0' AND d.UserID = '0' AND d.cstatus='1' ORDER BY d.DiscountID DESC"; $result=mysqli_query($conn,$sql); // echo $sql; while($row=mysqli_fetch_array($result)) { echo '<div style="margin-bottom:10px;padding:25px;background-image:url(https://ramdevpcb.com/assets/imgs/banner-111.jpg);background-size: cover;font-size: 20px;font-weight: 800;filter: grayscale;color: black;">Get '.$row['DiscountPercent'].'% Discount on All Brands</div>'; } $sql = "SELECT * FROM Discounts d JOIN productdetails pd ON d.CategoryID = pd.CategoryID JOIN Cart c ON c.ProductID = pd.ProductID JOIN BrandCategory bc ON bc.CategoryID = d.CategoryID WHERE d.CategoryID IN ({$user_categories}) AND d.DiscountStartDate <= '{$date}' AND d.DiscountEndDate >= '{$date}' AND d.UserID = '0' AND d.cstatus='1' GROUP BY d.DiscountCoupon ORDER BY d.DiscountID DESC"; $result=mysqli_query($conn,$sql); // echo $sql; while($row=mysqli_fetch_array($result)) { echo '<div style="margin-bottom:10px;padding:25px;background-image:url(https://ramdevpcb.com/assets/imgs/banner-111.jpg);background-size: cover;font-size: 20px;font-weight: 800;filter: invert(1);color: black;">Get '.$row['DiscountPercent'].'% Discount on '.$row['Category'].'</div>'; } } else{ $sql = "select * from Discounts d WHERE d.DiscountID NOT IN (SELECT oi.Discount FROM OrderItems oi, Orders o WHERE o.OrderID = oi.OrderID AND o.UserID = '{$_SESSION['userid']}') AND (d.DiscountStartDate <= '{$date}' AND d.DiscountEndDate >= '{$date}') AND d.DiscountFor = '2' AND d.CategoryID = '0' AND d.UserID = '0' AND d.cstatus='1' ORDER BY d.DiscountID DESC"; $result=mysqli_query($conn,$sql); // echo $sql; while($row=mysqli_fetch_array($result)) { echo '<div style="margin-bottom:10px;padding:25px;background-image:url(https://ramdevpcb.com/assets/imgs/banner-111.jpg);background-size: cover;font-size: 20px;font-weight: 800;filter: invert(1);color: black;">Get '.$row['DiscountPercent'].'% Discount<br> on Any Products Purchased from Website</div>'; } }?> <!--<div class="deal-top"> <h5>Limited quantities.--</h5> </div>--> <div class="deal-content"> <h6 class="product-title"><a href="shop-product-right.html"><!--Summer Collection New Morden Design--></a></h6> <div class="product-price"><span class="new-price"><!--$139.00--></span><span class="old-price"><!--$160.99--></span></div> </div> <div class="deal-bottom"> <p><!--Hurry Up! Offer End In:--></p> <!-- <div class="deals-countdown" data-countdown="2025/03/25 00:00:00"><span class="countdown-section"><span class="countdown-amount hover-up">03</span><span class="countdown-period"> days </span></span><span class="countdown-section"><span class="countdown-amount hover-up">02</span><span class="countdown-period"> hours </span></span><span class="countdown-section"><span class="countdown-amount hover-up">43</span><span class="countdown-period"> mins </span></span><span class="countdown-section"><span class="countdown-amount hover-up">29</span><span class="countdown-period"> sec </span></span></div> <a href="shop-grid-right.html" class="btn hover-up">Shop Now <i class="fi-rs-arrow-right"></i></a>--> </div> <!--</div>--> </div> </div> </div> </div> <?php include("header (4).php"); ?> <!-- Messenger Chat plugin Code --> <div id="fb-root"></div> <!-- Your Chat plugin code --> <div id="fb-customer-chat" class="fb-customerchat"> </div> <script> var chatbox = document.getElementById('fb-customer-chat'); chatbox.setAttribute("page_id", "2105228653038570"); chatbox.setAttribute("attribution", "biz_inbox"); </script> <!-- Your SDK code --> <script> window.fbAsyncInit = function() { FB.init({ xfbml : true, version : 'v14.0' }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <main class="main"> <section class="home-slider position-relative pt-25 pb-20"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="position-relative"> <div class="hero-slider-1 style-3 dot-style-1 dot-style-1-position-1"> <div class="single-hero-slider single-animation-wrap"> <div class="container"> <div class="slider-1-height-3 slider-animated-1"> <div class="hero-slider-content-2"> </div> <div class="slider-img"> <img src="assets/imgs/slider/Ramdev 1.jpg" alt=""> </div> </div> </div> </div> <div class="single-hero-slider single-animation-wrap"> <div class="container"> <div class="slider-1-height-3 slider-animated-1"> <div class="hero-slider-content-2"> </div> <div class="slider-img"> <img src="assets/imgs/slider/Slider 4-01.jpg" alt=""> </div> </div> </div> </div> <div class="single-hero-slider single-animation-wrap"> <div class="container"> <div class="slider-1-height-3 slider-animated-1"> <div class="hero-slider-content-2"> <!--<h4 class="animated">Tech Promotions</h4> <h2 class="animated fw-900">Tech Trending</h2> <h1 class="animated fw-900 text-brand">Great Collection</h1> <p class="animated">Save more with coupons & up to 20% off</p> <a class="animated btn btn-brush btn-brush-3" href="shop-product-right.html"> Shop Now </a>--> </div> <div class="slider-img"> <img src="assets/imgs/slider/Slider 4-02.jpg" alt=""> </div> </div> </div> </div> <div class="single-hero-slider single-animation-wrap"> <div class="container"> <div class="slider-1-height-3 slider-animated-1"> <div class="hero-slider-content-2"> <!--<h4 class="animated">Tech Promotions</h4> <h2 class="animated fw-900">Tech Trending</h2> <h1 class="animated fw-900 text-brand">Great Collection</h1> <p class="animated">Save more with coupons & up to 20% off</p> <a class="animated btn btn-brush btn-brush-3" href="shop-product-right.html"> Shop Now </a>--> </div> <div class="slider-img"> <img src="assets/imgs/slider/Slider3.jpg" alt=""> </div> </div> </div> </div> </div> <div class="slider-arrow hero-slider-1-arrow style-3"></div> </div> </div> </div> </section> <section class="banners mb-20"> <div class="container"> <div class="row"> <!-- Latest Product List Card --> <div class="col-lg-4 col-md-4 col-12 mb-3"> <div class="card wow fadeIn animated" style="border: 1px solid #b39b12; border-radius: 8px; transition: all 0.3s ease;background: #f9ecfb;"> <div class="card-body text-center" style="padding: 20px;"> <div style="width: 50px; height: 50px; background: #b39b12; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px;"> <svg width="24" height="24" fill="#fff" viewBox="0 0 16 16"> <path d="M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811V2.828zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z"/> </svg> </div> <h6 style="color: #1a1a1a; font-size: 16px; font-weight: 600; margin-bottom: 10px;">Latest Product List</h6> <p style="color: #666; font-size: 13px; margin-bottom: 15px;">Browse our LED products catalog</p> <a href="assets/pdf/Ramdev LED Products.pdf#toolbar=1" target="_blank" style="display: inline-block; background: #b39b12; color: #fff; padding: 8px 20px; border-radius: 20px; text-decoration: none; font-size: 14px; font-weight: 500;"> View Catalog </a> </div> </div> </div> <!-- Corporate Brochure Card --> <div class="col-lg-4 col-md-4 col-12 mb-3"> <div class="card wow fadeIn animated" style="border: 1px solid #b39b12; border-radius: 8px; transition: all 0.3s ease;background: #e7effd;"> <div class="card-body text-center" style="padding: 20px;"> <div style="width: 50px; height: 50px; background: #b39b12; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px;"> <svg width="24" height="24" fill="#fff" viewBox="0 0 16 16"> <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/> <path d="M4 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-2zm0 4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/> </svg> </div> <h6 style="color: #1a1a1a; font-size: 16px; font-weight: 600; margin-bottom: 10px;">Corporate Brochure</h6> <p style="color: #666; font-size: 13px; margin-bottom: 15px;">Company profile & capabilities</p> <a href="assets/pdf/Ramdev Corporate.pdf#toolbar=1" target="_blank" style="display: inline-block; background: #b39b12; color: #fff; padding: 8px 20px; border-radius: 20px; text-decoration: none; font-size: 14px; font-weight: 500;"> Download PDF </a> </div> </div> </div> <!-- B2B Customer Login Card --> <div class="col-lg-4 col-md-4 col-12 mb-3"> <div class="card wow fadeIn animated" style="border: 1px solid #b39b12; border-radius: 8px; transition: all 0.3s ease;background: #fff9ef;"> <div class="card-body text-center" style="padding: 20px;"> <div style="width: 50px; height: 50px; background: #b39b12; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px;"> <svg width="24" height="24" fill="#fff" viewBox="0 0 16 16"> <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z"/> </svg> </div> <h6 style="color: #1a1a1a; font-size: 16px; font-weight: 600; margin-bottom: 10px;">B2B Customer Login</h6> <p style="color: #666; font-size: 13px; margin-bottom: 15px;">Access your business account</p> <a href="http://www.ramdevpcb.com/page-login-register.php" target="_blank" style="display: inline-block; background: #b39b12; color: #fff; padding: 8px 20px; border-radius: 20px; text-decoration: none; font-size: 14px; font-weight: 500;"> Login Now </a> </div> </div> </div> </div> </div> </section> <!--<section class="product-tabs section-padding wow fadeIn animated">--> <!-- <div class="container">--> <!-- <div class="tab-header">--> <!-- <ul class="nav nav-tabs" id="myTab" role="tablist">--> <!-- <li class="nav-item" role="presentation">--> <!-- <button class="nav-link active" id="nav-tab-one" data-bs-toggle="tab" data-bs-target="#tab-one" type="button" role="tab" aria-controls="tab-one" aria-selected="true">Product Categories</button>--> <!-- </li>--> <!-- </ul>--> <!-- <a href="Products.php?id=all" class="view-more d-none d-md-flex">View More<i class="fi-rs-angle-double-small-right"></i></a>--> <!-- </div>--> <!--End nav-tabs--> <!-- <div class="tab-content wow fadeIn animated" id="myTabContent">--> <!-- <div class="tab-pane fade show active" id="tab-one" role="tabpanel" aria-labelledby="tab-one">--> <!-- <div class="row product-grid-4">--> <?php // $count = 0; // if (isset($_SESSION['use'])) { // if (!empty($users['AssignedCategories'])) { // $query="SELECT * FROM BrandCategory WHERE is_deleted = '0' AND CategoryID IN ({$users['AssignedCategories']})"; // } else { // $query="SELECT * FROM BrandCategory WHERE is_deleted = '0'"; // } // $result = mysqli_query($conn, $query) or die(mysqli_error($conn)); // while ($row = mysqli_fetch_assoc($result)) { // $count++; // $image = !empty($row['CategoryImage']) ? $row['CategoryImage'] : 'https://admin.ramdevpcb.com/assets/images/product_images/default_product.png'; ?> <!--<div class="col-lg-3 col-md-4 col-12 col-sm-6 category-item <?= ($count > 4) ? 'd-none' : ''; ?>">--> <!-- <div class="product-cart-wrap mb-30">--> <!-- <div class="product-img-action-wrap">--> <!-- <div class="product-img product-img-zoom">--> <!-- <a href="Products.php?CategoryId=<?= $row['CategoryID'] ?>">--> <!-- <img class="default-img" src="<?= $image ?>" alt="">--> <!-- <img class="hover-img" src="<?= $image ?>" alt="">--> <!-- </a>--> <!-- </div>--> <!-- </div>--> <!-- <div class="product-content-wrap" style="text-align:center;padding-top:2px">--> <!-- <h2><a href="Products.php?CategoryId=<?= $row['CategoryID'] ?>"><?= $row['Category'] ?></a></h2>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <?php // } // } else { // $query1="SELECT * FROM BrandSubCategory WHERE is_deleted = '0' GROUP BY SubCategory"; // $result1 = mysqli_query($conn, $query1) or die(mysqli_error($conn)); // while ($row = mysqli_fetch_assoc($result1)) { // $count++; // $image = !empty($row['SubCategoryImage']) ? $row['SubCategoryImage'] : 'https://admin.ramdevpcb.com/assets/images/product_images/default_product.png'; ?> <!--<div class="col-lg-3 col-md-4 col-12 col-sm-6 category-item <?= ($count > 4) ? 'd-none' : ''; ?>">--> <!-- <div class="product-cart-wrap mb-30">--> <!-- <div class="product-img-action-wrap">--> <!-- <div class="product-img product-img-zoom">--> <!-- <a href="Products.php?SubCategory=<?= $row['SubCategory'] ?>">--> <!-- <img class="default-img" src="<?= $image ?>" alt="">--> <!-- <img class="hover-img" src="<?= $image ?>" alt="">--> <!-- </a>--> <!-- </div>--> <!-- </div>--> <!-- <div class="product-content-wrap" style="text-align:center;padding-top:2px">--> <!-- <h2><a href="Products.php?SubCategory=<?= $row['SubCategory'] ?>"><?= $row['SubCategory'] ?></a></h2>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <?php // } // } ?> <!--</div>--> <?php // if ($count > 4) { ?> <!--<div class="row">--> <!-- <div class="col-12 text-center mt-3">--> <!-- <button id="showMoreBtn" class="btn btn-primary">Show More</button>--> <!-- <button id="showLessBtn" class="btn btn-secondary d-none">Show Less</button>--> <!-- </div>--> <!--</div>--> <?php // } ?> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</section>--> <section class="bg-grey-7 section-padding"> <div class="container pt-15 pb-25"> <div class="heading-tab d-flex"> <div class="heading-tab-left wow fadeIn animated"> <h2 class="section-title mb-20"><span>Monthly</span> Best Sell</h2> </div> <div class="heading-tab-right wow fadeIn animated"> <ul class="nav nav-tabs right no-border" id="myTab-1" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="nav-tab-one-1" data-bs-toggle="tab" data-bs-target="#tab-one-1" type="button" role="tab" aria-controls="tab-one" aria-selected="true">Featured</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="nav-tab-two-1" data-bs-toggle="tab" data-bs-target="#tab-two-1" type="button" role="tab" aria-controls="tab-two" aria-selected="false">Popular</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="nav-tab-three-1" data-bs-toggle="tab" data-bs-target="#tab-three-1" type="button" role="tab" aria-controls="tab-three" aria-selected="false">New added</button> </li> </ul> </div> </div> <style> .img-wrapper { position: relative; width: 100%; /* or fixed width */ } .main-img { width: 100%; display: block; filter:saturate(2); } .product-cart-wrap:hover .product-img-zoom .main-img { transform: scale(1.2) !important; -webkit-transform: scale(1.2) !important; } /*.product-cart-wrap .product-img-zoom a img {*/ /* transform: none ;*/ /* -webkit-transform: none ;*/ /*}*/ .overlay-img { width: 100%; transform: scaleX(-1)!important; position: absolute; top: 0px; /* adjust where you want */ right: 0px; /* adjust where you want */ /* size of overlay opacity: 0.9; /* make it slightly transparent if needed */ pointer-events: none; /* so click still goes to main image */ } </style> <div class="row"> <div class="col-lg-3 d-none d-lg-flex"> <div class="banner-img style-2 wow fadeIn animated"> <img src="assets/imgs/slider/Slider%204-01.jpg" alt="" style=" min-block-size: -webkit-fill-available;"> <!--<div class="banner-text"> <span>Best Seller Area</span> <h4 class="mt-5">Save 17% on <br>LED</h4> <a href="shop-grid-right.html" class="text-white">Shop Now <i class="fi-rs-arrow-right"></i></a> </div>--> </div> </div> <div class="col-lg-9 col-md-12"> <div class="tab-content wow fadeIn animated" id="myTabContent-1"> <div class="tab-pane fade show active" id="tab-one-1" role="tabpanel" aria-labelledby="tab-one-1"> <div class="carausel-4-columns-cover arrow-center position-relative"> <div class="slider-arrow slider-arrow-2 carausel-4-columns-arrow" id="carausel-4-columns-arrows"></div> <div class="carausel-4-columns carausel-arrow-center" id="carausel-4-columns"> <?php $queryb = "Select * from IMPproducts where status='1' and cstatus='fea'"; $resultb = mysqli_query($conn, $queryb); while ($rowb = mysqli_fetch_assoc($resultb)) { $RD_no = $rowb['RD_no']; $trendstatus = $rowb['trend']; $resultb1 = mysqli_query($conn, "SELECT * FROM productdetails WHERE ProductNumber = '$RD_no' LIMIT 1"); $rowb1 = mysqli_fetch_assoc($resultb1); $ProductID = $rowb1['ProductID']; $ProductColorID = $rowb1['ProductColorID']; $resultb2 = mysqli_query($conn, "SELECT * FROM productimages WHERE ProductID = '$ProductID' LIMIT 1"); $rowb2 = mysqli_fetch_assoc($resultb2); $image4 = !empty($rowb2['ImageName']) ? $rowb2['ImageName'] : 'https://admin.ramdevpcb.com/assets/images/product_images/default_product.jpg'; $resultb3 = mysqli_query($conn, "SELECT * FROM ProductColors WHERE ColorID = '$ProductColorID' LIMIT 1"); $rowb3 = mysqli_fetch_assoc($resultb3); $ColorName = $rowb1['ColorName']; ?> <div class="product-cart-wrap mb-30" style="padding: 0px 0px;background-color: #f7f8f9;"> <div class="product-img-action-wrap" style="padding: 0px 0px;background-color: #f7f8f9;"> <!--<div class="product-img product-img-zoom"> <a href="Product_Details.php?id=<?= $ProductID ?>" > <img class="default-img" src="<?= $image4 ?>" alt=""> <img class="hover-img" src="<?= $image4 ?>" alt=""> </a> </div>--> <div class="product-img product-img-zoom"> <a href="Product_Details.php?id=<?= $ProductID ?>" > <div class="img-wrapper"> <img src="<?= $image4 ?>" class="main-img" > <!--<img class="hover-img" src="bg6.png" alt="">--> <img src="bg6.png" class="overlay-img"> </div></a> </div> <div class="product-badges product-badges-position product-badges-mrg"> <?php $maxprice=$rowb1['maxamt']; $colorid=$rowb1['ProductColorID']; if($users['UserRole']=='1'){ $price=$rowb1['BtoBPrice1']; }else{ $price=$rowb1['BtoCPrice']; } $tprice = $maxprice - $price; $disper = $tprice * 100 / $maxprice; ?> <span class="<?= $trendstatus ?>" ><?= $trendstatus ?></span> </div> </div> <div class="product-content-wrap" style="padding: 10px 20px 15px 20px;"> <div class="product-category"> <a href="Product_Details.php?id=<?= $ProductID ?>"><?php echo ucwords(strtoupper($ColorName)); ?></a> </div> <h2 class="fontt" style="text-align:left"><a style="font-size:15px;" href="Product_Details.php?id=<?= $ProductID ?>"><?= $rowb1['Model'].' '.$rowb1['Driver'].' ('.$rowb1['Watts'].')' ?></a></h2> <div class="product-price" style="text-align:left"> <span><?= $rowb1['Model_No'] ?></span><br> <span style="font-size:14px;color: #046963;"><?= $rowb1['ProductNumber'] ?></span> </div> <div class="product-price"> <span>₹<?= $price ?></span> <span class="old-price">₹<?= $maxprice ?></span> </div> <div class="product-action-1 show"> <a aria-label="Add To Cart" class="action-btn hover-up" onclick="addtocartclick('<?= $ProductID ?>','<?= $rowb1['ProductNumber'] ?>','<?= $price ?>','<?= $rowb1['Weight'] ?>','<?= $ProductColorID ?>')" href="#"><i class="fi-rs-shopping-bag-add"></i></a> </div> </div> </div> <?php } ?> </div> </div> </div> <!--End tab-pane--> <div class="tab-pane fade" id="tab-two-1" role="tabpanel" aria-labelledby="tab-two-1"> <div class="carausel-4-columns-cover arrow-center position-relative"> <div class="slider-arrow slider-arrow-2 carausel-4-columns-arrow" id="carausel-4-columns-2-arrows"></div> <div class="carausel-4-columns carausel-arrow-center" id="carausel-4-columns-2"> <?php $queryb = "Select * from IMPproducts where status='1' and cstatus='pop'"; $resultb = mysqli_query($conn, $queryb); while ($rowb = mysqli_fetch_assoc($resultb)) { $RD_no = $rowb['RD_no']; $trendstatus = $rowb['trend']; $resultb1 = mysqli_query($conn, "SELECT * FROM productdetails WHERE ProductNumber = '$RD_no' LIMIT 1"); $rowb1 = mysqli_fetch_assoc($resultb1); $ProductID = $rowb1['ProductID']; $ProductColorID = $rowb1['ProductColorID']; $resultb2 = mysqli_query($conn, "SELECT * FROM productimages WHERE ProductID = '$ProductID' LIMIT 1"); $rowb2 = mysqli_fetch_assoc($resultb2); $image4 = !empty($rowb2['ImageName']) ? $rowb2['ImageName'] : 'https://admin.ramdevpcb.com/assets/images/product_images/default_product.jpg'; $resultb3 = mysqli_query($conn, "SELECT * FROM ProductColors WHERE ColorID = '$ProductColorID' LIMIT 1"); $rowb3 = mysqli_fetch_assoc($resultb3); $ColorName = $rowb1['ColorName']; ?> <div class="product-cart-wrap mb-30" style="padding: 0px 0px;background-color: #f7f8f9;"> <div class="product-img-action-wrap" style="padding: 0px 0px;background-color: #f7f8f9;"> <!--<div class="product-img product-img-zoom"> <a href="Product_Details.php?id=<?= $ProductID ?>" > <img class="default-img" src="<?= $image4 ?>" alt=""> <img class="hover-img" src="<?= $image4 ?>" alt=""> </a> </div>--> <div class="product-img product-img-zoom"> <a href="Product_Details.php?id=<?= $ProductID ?>" > <div class="img-wrapper"> <img src="<?= $image4 ?>" class="main-img" > <!--<img class="hover-img" src="bg6.png" alt="">--> <img src="bg6.png" class="overlay-img"> </div></a> </div> <div class="product-badges product-badges-position product-badges-mrg"> <?php $maxprice=$rowb1['maxamt']; $colorid=$rowb1['ProductColorID']; if($users['UserRole']=='1'){ $price=$rowb1['BtoBPrice1']; }else{ $price=$rowb1['BtoCPrice']; } $tprice = $maxprice - $price; $disper = $tprice * 100 / $maxprice; ?> <span class="<?= $trendstatus ?>" ><?= $trendstatus ?></span> </div> </div> <div class="product-content-wrap" style="padding: 10px 20px 15px 20px;"> <div class="product-category"> <a href="Product_Details.php?id=<?= $ProductID ?>" ><?php echo ucwords(strtoupper($ColorName)); ?></a> </div> <h2 class="fontt" style="text-align:left"><a style="font-size:15px;" href="Product_Details.php?id=<?= $ProductID ?>"><?= $rowb1['Model'].' '.$rowb1['Driver'].' ('.$rowb1['Watts'].')' ?></a></h2> <div class="product-price" style="text-align:left"> <span><?= $rowb1['Model_No'] ?></span><br> <span style="font-size:14px;color: #046963;"><?= $rowb1['ProductNumber'] ?></span> </div> <div class="product-price"> <span>₹<?= $price ?></span> <span class="old-price">₹<?= $maxprice ?></span> </div> <div class="product-action-1 show"> <a aria-label="Add To Cart" class="action-btn hover-up" onclick="addtocartclick('<?= $ProductID ?>','<?= $rowb1['ProductNumber'] ?>','<?= $price ?>','<?= $rowb1['Weight'] ?>','<?= $ProductColorID ?>')" href="#"><i class="fi-rs-shopping-bag-add"></i></a> </div> </div> </div> <?php } ?> </div> </div> </div> <!--End tab-pane--> <div class="tab-pane fade" id="tab-three-1" role="tabpanel" aria-labelledby="tab-three-1"> <div class="carausel-4-columns-cover arrow-center position-relative"> <div class="slider-arrow slider-arrow-2 carausel-4-columns-arrow" id="carausel-4-columns-3-arrows"></div> <div class="carausel-4-columns carausel-arrow-center" id="carausel-4-columns-3"> <?php $queryb = "Select * from IMPproducts where status='1' and cstatus='new'"; $resultb = mysqli_query($conn, $queryb); while ($rowb = mysqli_fetch_assoc($resultb)) { $RD_no = $rowb['RD_no']; $trendstatus = $rowb['trend']; $resultb1 = mysqli_query($conn, "SELECT * FROM productdetails WHERE ProductNumber = '$RD_no' LIMIT 1"); $rowb1 = mysqli_fetch_assoc($resultb1); $ProductID = $rowb1['ProductID']; $ProductColorID = $rowb1['ProductColorID']; $resultb2 = mysqli_query($conn, "SELECT * FROM productimages WHERE ProductID = '$ProductID' LIMIT 1"); $rowb2 = mysqli_fetch_assoc($resultb2); $image4 = !empty($rowb2['ImageName']) ? $rowb2['ImageName'] : 'https://admin.ramdevpcb.com/assets/images/product_images/default_product.jpg'; $resultb3 = mysqli_query($conn, "SELECT * FROM ProductColors WHERE ColorID = '$ProductColorID' LIMIT 1"); $rowb3 = mysqli_fetch_assoc($resultb3); $ColorName = $rowb1['ColorName']; ?> <div class="product-cart-wrap mb-30" style="padding: 0px 0px;background-color: #f7f8f9;"> <div class="product-img-action-wrap" style="padding: 0px 0px;background-color: #f7f8f9;"> <!--<div class="product-img product-img-zoom"> <a href="Product_Details.php?id=<?= $ProductID ?>" > <img class="default-img" src="<?= $image4 ?>" alt=""> <img class="hover-img" src="<?= $image4 ?>" alt=""> </a> </div>--> <div class="product-img product-img-zoom"> <a href="Product_Details.php?id=<?= $ProductID ?>" > <div class="img-wrapper"> <img src="<?= $image4 ?>" class="main-img" > <!--<img class="hover-img" src="bg6.png" alt="">--> <img src="bg6.png" class="overlay-img"> </div></a> </div> <div class="product-badges product-badges-position product-badges-mrg"> <?php $maxprice=$rowb1['maxamt']; $colorid=$rowb1['ProductColorID']; if($users['UserRole']=='1'){ $price=$rowb1['BtoBPrice1']; }else{ $price=$rowb1['BtoCPrice']; } $tprice = $maxprice - $price; $disper = $tprice * 100 / $maxprice; ?> <span class="<?= $trendstatus ?>" ><?= $trendstatus ?></span> </div> </div> <div class="product-content-wrap" style="padding: 10px 20px 15px 20px;"> <div class="product-category"> <a href="Product_Details.php?id=<?= $ProductID ?>" ><?php echo ucwords(strtoupper($ColorName)); ?></a> </div> <h2 class="fontt" style="text-align:left"><a style="font-size:15px;" href="Product_Details.php?id=<?= $ProductID ?>"><?= $rowb1['Model'].' '.$rowb1['Driver'].' ('.$rowb1['Watts'].')' ?></a></h2> <div class="product-price" style="text-align:left"> <span><?= $rowb1['Model_No'] ?></span><br> <span style="font-size:14px;color: #046963;"><?= $rowb1['ProductNumber'] ?></span> </div> <div class="product-price"> <span>₹<?= $price ?></span> <span class="old-price">₹<?= $maxprice ?></span> </div> <div class="product-action-1 show"> <a aria-label="Add To Cart" class="action-btn hover-up" onclick="addtocartclick('<?= $ProductID ?>','<?= $rowb1['ProductNumber'] ?>','<?= $price ?>','<?= $rowb1['Weight'] ?>','<?= $ProductColorID ?>')" href="#"><i class="fi-rs-shopping-bag-add"></i></a> </div> </div> </div> <?php } ?> </div> </div> </div> </div> <!--End tab-content--> </div> <!--End Col-lg-9--> </div> </div> </section> <style> /* Banner Section */ .pcb-banner-wrapper { position: relative; width: 100%; min-height: 500px; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); overflow: hidden; } .pcb-banner-container { max-width: 1200px; margin: 0 auto; padding: 40px 20px; height: 100%; display: flex; align-items: center; } .pcb-banner-image-wrapper { position: relative; width: 100%; height: 450px; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); } .pcb-banner-image-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .pcb-banner-image-wrapper:hover img { transform: scale(1.05); } .pcb-banner-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(26, 26, 46, 0.7) 0%, rgba(22, 33, 62, 0.5) 100%); display: flex; flex-direction: column; justify-content: center; padding: 60px 40px; color: white; } .pcb-banner-label { font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: #00d4ff; margin-bottom: 15px; font-weight: 700; animation: slideInLeft 0.8s ease; } .pcb-banner-title { font-size: 48px; font-weight: 700; line-height: 1.2; margin-bottom: 20px; color: #ffffff; animation: slideInLeft 0.8s ease 0.2s backwards; } .pcb-banner-button { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%); color: white; text-decoration: none; border-radius: 50px; font-weight: 600; transition: all 0.3s ease; width: fit-content; animation: slideInLeft 0.8s ease 0.4s backwards; border: none; cursor: pointer; font-size: 16px; } .pcb-banner-button:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(0, 212, 255, 0.4); background: linear-gradient(135deg, #0099cc 0%, #006699 100%); } /* Features Section */ .pcb-features-wrapper { background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%); padding: 50px 20px; } .pcb-features-container { max-width: 1200px; margin: 0 auto; } .pcb-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 24px; row-gap: 30px; } .pcb-feature-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 30px 20px; background: white; border-radius: 12px; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); cursor: pointer; } .pcb-feature-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); } .pcb-feature-icon-wrapper { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; background: linear-gradient(135deg, #f0f4ff 0%, #e8f0ff 100%); border-radius: 12px; transition: all 0.3s ease; } .pcb-feature-card:hover .pcb-feature-icon-wrapper { transform: scale(1.1); } .pcb-feature-icon-wrapper img { width: 50px; height: 50px; object-fit: contain; } .pcb-feature-title { font-size: 18px; font-weight: 600; color: #1a1a2e; transition: all 0.3s ease; } .pcb-feature-card:hover .pcb-feature-title { color: #00d4ff; } /* Feature Cards with unique styles */ .pcb-feature-card-1 .pcb-feature-icon-wrapper { background: linear-gradient(135deg, #ffe8cc 0%, #ffd699 100%); } .pcb-feature-card-2 .pcb-feature-icon-wrapper { background: linear-gradient(135deg, #cce5ff 0%, #99ccff 100%); } .pcb-feature-card-3 .pcb-feature-icon-wrapper { background: linear-gradient(135deg, #ccffcc 0%, #99ff99 100%); } .pcb-feature-card-4 .pcb-feature-icon-wrapper { background: linear-gradient(135deg, #ffcccc 0%, #ff9999 100%); } .pcb-feature-card-5 .pcb-feature-icon-wrapper { background: linear-gradient(135deg, #ffccff 0%, #ff99ff 100%); } .pcb-feature-card-6 .pcb-feature-icon-wrapper { background: linear-gradient(135deg, #ccffff 0%, #99ffff 100%); } /* Animations */ @keyframes slideInLeft { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Responsive Design */ @media (max-width: 1024px) { .pcb-banner-title { font-size: 36px; } .pcb-features-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; } .pcb-banner-overlay { padding: 40px 30px; } } @media (max-width: 768px) { .pcb-banner-image-wrapper { min-height: 350px; } .pcb-banner-title { font-size: 28px; } .pcb-banner-overlay { padding: 30px 20px; } .pcb-banner-label { font-size: 12px; } .pcb-features-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; row-gap: 20px; } .pcb-feature-card { padding: 20px 15px; } .pcb-feature-icon-wrapper { width: 70px; height: 70px; } .pcb-feature-icon-wrapper img { width: 40px; height: 40px; } .pcb-feature-title { font-size: 16px; } } @media (max-width: 480px) { .pcb-banner-image-wrapper { min-height: 250px; } .pcb-banner-title { font-size: 22px; } .pcb-banner-label { font-size: 11px; margin-bottom: 10px; } .pcb-banner-overlay { padding: 20px 15px; justify-content: flex-end; } .pcb-features-grid { grid-template-columns: 1fr 1fr; gap: 12px; } .pcb-banner-button { padding: 12px 24px; font-size: 14px; } .pcb-feature-card { padding: 15px 12px; } } .prm-features-container { max-width: 1200px; margin: 0 auto; } .prm-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 30px; padding: 20px 0; } .prm-feature-card { background: white; border-radius: 16px; padding: 32px; display: flex; gap: 20px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; } .prm-feature-card::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, #b09707, #d4b830); transition: height 0.4s ease; } .prm-feature-card:hover { transform: translateY(-8px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12); } .prm-feature-card:hover::before { height: 100%; } .prm-icon-wrapper { flex-shrink: 0; width: 70px; height: 70px; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-radius: 14px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .prm-feature-card:hover .prm-icon-wrapper { background: linear-gradient(135deg, #b09707 0%, #d4b830 100%); transform: scale(1.05); box-shadow: 0 6px 20px rgba(176, 151, 7, 0.25); } .prm-feature-icon { font-size: 32px; color: #b09707; transition: all 0.3s ease; } .prm-feature-card:hover .prm-feature-icon { color: white; transform: scale(1.1); } .prm-feature-content { flex: 1; } .prm-feature-title { font-size: 18px; font-weight: 600; color: #212529; margin-bottom: 12px; letter-spacing: 0.3px; line-height: 1.3; } .prm-feature-description { font-size: 14.5px; color: #6c757d; line-height: 1.7; } /* Accent variations for subtle differentiation */ .prm-feature-card:nth-child(2n) { background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%); } @media (max-width: 768px) { .prm-features-grid { grid-template-columns: 1fr; gap: 20px; } .prm-feature-card { padding: 24px; } .prm-icon-wrapper { width: 60px; height: 60px; } .prm-feature-icon { font-size: 28px; } .prm-feature-title { font-size: 16px; } .prm-feature-description { font-size: 14px; } } @media (max-width: 480px) { .prm-feature-card { flex-direction: column; align-items: flex-start; } } .rdp-videos-section { padding: 60px 20px; background: linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%); position: relative; } .rdp-videos-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #b09707, #d4b830, #b09707); } .rdp-container { max-width: 1200px; margin: 0 auto; } .rdp-section-header { text-align: center; margin-bottom: 50px; } .rdp-section-subtitle { font-size: 13px; font-weight: 700; color: #ffffff; text-transform: uppercase; letter-spacing: 2.5px; margin-bottom: 12px; display: inline-block; padding: 8px 24px; background: linear-gradient(135deg, #b09707, #d4b830); border-radius: 25px; box-shadow: 0 4px 15px rgba(176, 151, 7, 0.3); } .rdp-section-title { font-size: 36px; font-weight: 700; color: #000000; margin: 0; line-height: 1.2; } .rdp-videos-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; } .rdp-video-card { background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; border: 2px solid transparent; } .rdp-video-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #b09707, #d4b830); transform: scaleX(0); transition: transform 0.4s ease; z-index: 1; } .rdp-video-card:hover { transform: translateY(-8px); box-shadow: 0 10px 30px rgba(176, 151, 7, 0.25); border-color: #b09707; } .rdp-video-card:hover::before { transform: scaleX(1); } .rdp-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background: #000000; } .rdp-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .rdp-video-content { padding: 18px; text-align: center; background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%); } .rdp-video-title { font-size: 15px; font-weight: 600; color: #000000; margin: 0; letter-spacing: 0.5px; } /* Services Section */ .rdp-services-section { padding: 60px 20px; background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%); position: relative; } .rdp-services-section::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #b09707, #d4b830, #b09707); } .rdp-services-header { margin-bottom: 40px; text-align: center; } .rdp-services-title { font-size: 36px; font-weight: 700; color: #ffffff; margin-bottom: 10px; } .rdp-services-title span { color: #b09707; position: relative; background: linear-gradient(135deg, #b09707, #d4b830); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .rdp-services-title span::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #b09707, #d4b830); border-radius: 2px; } .rdp-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; } .rdp-service-card { background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%); border-radius: 12px; padding: 30px 24px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; border: 2px solid rgba(176, 151, 7, 0.2); } .rdp-service-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, #b09707, #d4b830); transform: scaleX(0); transform-origin: left; transition: transform 0.5s ease; } .rdp-service-card::after { content: ''; position: absolute; top: -50%; right: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(176, 151, 7, 0.1) 0%, transparent 70%); opacity: 0; transition: opacity 0.5s ease; } .rdp-service-card:hover { transform: translateY(-8px); box-shadow: 0 12px 35px rgba(176, 151, 7, 0.4); border-color: #b09707; background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%); } .rdp-service-card:hover::before { transform: scaleX(1); } .rdp-service-card:hover::after { opacity: 1; } .rdp-service-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #b09707, #d4b830); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; transition: all 0.4s ease; box-shadow: 0 4px 15px rgba(176, 151, 7, 0.4); } .rdp-service-card:hover .rdp-service-icon { transform: scale(1.1) rotate(5deg); box-shadow: 0 6px 25px rgba(176, 151, 7, 0.6); } .rdp-service-icon i { font-size: 24px; color: #000000; transition: all 0.3s ease; } .rdp-service-card:hover .rdp-service-icon i { color: #ffffff; } .rdp-service-list { list-style: none; padding: 0; margin: 0; } .rdp-service-item { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; font-size: 14px; color: #e0e0e0; line-height: 1.6; } .rdp-service-item:last-child { margin-bottom: 0; } .rdp-service-item i { color: #b09707; font-size: 16px; flex-shrink: 0; margin-top: 2px; } /* Mobile Responsive */ @media (max-width: 768px) { .rdp-videos-grid, .rdp-services-grid { grid-template-columns: 1fr; gap: 20px; } .rdp-videos-section, .rdp-services-section { padding: 40px 15px; } .rdp-section-title, .rdp-services-title { font-size: 28px; } .rdp-section-header { margin-bottom: 35px; } .rdp-services-header { margin-bottom: 30px; } .rdp-video-card, .rdp-service-card { max-width: 100%; } .rdp-service-card { padding: 25px 20px; } .hihi{ display: none; } } @media (max-width: 480px) { .rdp-section-title, .rdp-services-title { font-size: 24px; } .rdp-section-subtitle { font-size: 11px; padding: 6px 18px; } .rdp-video-title { font-size: 14px; } .rdp-service-item { font-size: 13px; } } </style> <!-- Banner Section --> <section class="banner-2 section-padding pb-0 hihi"> <div class="container"> <div class="banner-img banner-big wow fadeIn animated f-none"> <img src="assets/imgs/banner/banner-8.jpg" alt=""> <div class="banner-text d-md-block d-none"> <h4 class="mb-15 mt-40 text-brand">Pcb Assembly Services</h4> <h1 class="fw-600 mb-20">We're ISO <br>Certified PCB Manufacturer</h1> <a href="#" class="btn">Learn More <i class="fi-rs-arrow-right"></i></a> </div> </div> </div> </section> <style> .card:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(179, 155, 18, 0.15); } .card a:hover { background: #1a1a1a; } </style> <section class="popular-categories section-padding mt-15"> <div class="container wow fadeIn animated"> <h2 class="section-title mb-20"><span>Popular</span> Categories</h2> <div class="carausel-6-columns-cover position-relative"> <div class="slider-arrow slider-arrow-2 carausel-6-columns-arrow" id="carausel-6-columns-arrows"></div> <div class="carausel-6-columns" id="carausel-6-columns"> <?php $count = 0; if (isset($_SESSION['use'])) { if (!empty($users['AssignedCategories'])) { $query="SELECT * FROM BrandCategory WHERE is_deleted = '0' AND CategoryID IN ({$users['AssignedCategories']})"; } else { $query="SELECT * FROM BrandCategory WHERE is_deleted = '0'"; } $result = mysqli_query($conn, $query) or die(mysqli_error($conn)); while ($row = mysqli_fetch_assoc($result)) { $count++; $image = !empty($row['CategoryImage']) ? $row['CategoryImage'] : 'https://admin.ramdevpcb.com/assets/images/product_images/default_product.png'; ?> <div class="card-1"> <figure class="img-hover-scale overflow-hidden"> <a href="Products.php?CategoryId=<?= $row['CategoryID'] ?>"><img src="<?= $image ?>" alt="img"></a> </figure> <hr> <h5 style="font-size:10px;color:black"><a href="Products.php?CategoryId=<?= $row['CategoryID'] ?>"><?= $row['Category'] ?></a></h5> </div> <?php } } else { $query1="SELECT * FROM BrandSubCategory WHERE is_deleted = '0' GROUP BY SubCategory"; $result1 = mysqli_query($conn, $query1) or die(mysqli_error($conn)); while ($row = mysqli_fetch_assoc($result1)) { $count++; $image = !empty($row['SubCategoryImage']) ? $row['SubCategoryImage'] : 'https://admin.ramdevpcb.com/assets/images/product_images/default_product.png'; ?> <div class="card-1"> <figure class=" img-hover-scale overflow-hidden"> <a href="Products.php?SubCategory=<?= $row['SubCategory'] ?>"><img src="<?= $image ?>" alt="img"></a> </figure> <hr> <h5 style="font-size:10px;color:black"><a href="Products.php?SubCategory=<?= $row['SubCategory'] ?>"><?= $row['SubCategory'] ?></a></h5> </div> <?php } } ?> </div> </div> </div> </section> <section id="testimonials" class="section-padding"> <div class="container pt-25"> <div class="row mb-20"> <div class="col-lg-12 col-md-12 text-center"> <h6 class="mt-0 mb-10 text-uppercase text-brand font-sm wow fadeIn animated"></h6> <h2 class="mb-15 text-grey-1 wow fadeIn animated">WHY RAMDEV PCB <br></h2> <p class="w-50 m-auto text-grey-3 wow fadeIn animated">Quick Turn Pcb Manufacturing And Pcb Assembly Services </p> </div> </div> <!-- Features Section --> <section class="pcb-features-wrapper"> <div class="pcb-features-container"> <div class="pcb-features-grid"> <!-- Feature 1 --> <div class="pcb-feature-card pcb-feature-card-1"> <div class="pcb-feature-icon-wrapper"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23ff9800' d='M32 4C17.6 4 6 15.6 6 30c0 8 3.5 15 9 20l-3 10 12-6c2.5.5 5 1 8 1 14.4 0 26-11.6 26-26S46.4 4 32 4z'/%3E%3C/svg%3E" alt="Transport"> </div> <h4 class="pcb-feature-title">Easy Transport</h4> </div> <!-- Feature 2 --> <div class="pcb-feature-card pcb-feature-card-2"> <div class="pcb-feature-icon-wrapper"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='12' y='10' width='40' height='44' rx='4' fill='%233498db' stroke='%232980b9' stroke-width='2'/%3E%3Crect x='16' y='16' width='32' height='20' fill='%23ecf0f1'/%3E%3Ccircle cx='32' cy='48' r='3' fill='%232980b9'/%3E%3C/svg%3E" alt="Online Order"> </div> <h4 class="pcb-feature-title">Online Order</h4> </div> <!-- Feature 3 --> <div class="pcb-feature-card pcb-feature-card-3"> <div class="pcb-feature-icon-wrapper"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='28' fill='%2327ae60' stroke='%2216a34a' stroke-width='2'/%3E%3Cpath d='M 20 32 L 28 40 L 44 24' stroke='white' stroke-width='4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" alt="Save Time"> </div> <h4 class="pcb-feature-title">Save Time</h4> </div> <!-- Feature 4 --> <div class="pcb-feature-card pcb-feature-card-4"> <div class="pcb-feature-icon-wrapper"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 8 L41 24 L58 24 L45 33 L50 49 L32 40 L14 49 L19 33 L6 24 L23 24 Z' fill='%23e74c3c'/%3E%3C/svg%3E" alt="Satisfaction"> </div> <h4 class="pcb-feature-title">Satisfaction</h4> </div> <!-- Feature 5 --> <div class="pcb-feature-card pcb-feature-card-5"> <div class="pcb-feature-icon-wrapper"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='12' y='14' width='40' height='30' rx='2' fill='%239b59b6' stroke='%238e44ad' stroke-width='2'/%3E%3Cline x1='20' y1='22' x2='44' y2='22' stroke='white' stroke-width='2'/%3E%3Cline x1='20' y1='30' x2='44' y2='30' stroke='white' stroke-width='2'/%3E%3Cline x1='20' y1='38' x2='35' y2='38' stroke='white' stroke-width='2'/%3E%3C/svg%3E" alt="Timely Delivery"> </div> <h4 class="pcb-feature-title">Timely Delivery</h4> </div> <!-- Feature 6 --> <div class="pcb-feature-card pcb-feature-card-6"> <div class="pcb-feature-icon-wrapper"> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='28' r='12' fill='%2300bcd4' stroke='%23009fb7' stroke-width='2'/%3E%3Crect x='26' y='42' width='12' height='12' rx='2' fill='%2300bcd4' stroke='%23009fb7' stroke-width='2'/%3E%3C/svg%3E" alt="Support"> </div> <h4 class="pcb-feature-title">Support</h4> </div> </div> </div> <div class="prm-features-container"> <div class="prm-features-grid"> <div class="prm-feature-card"> <div class="prm-icon-wrapper"> <i class="fas fa-crown prm-feature-icon"></i> </div> <div class="prm-feature-content"> <h3 class="prm-feature-title">PREMIUM QUALITY</h3> <p class="prm-feature-description">A premium quality brand that markets and sells its products to customers at higher price levels in exchange for superior quality and excellence.</p> </div> </div> <div class="prm-feature-card"> <div class="prm-icon-wrapper"> <i class="fas fa-lightbulb prm-feature-icon"></i> </div> <div class="prm-feature-content"> <h3 class="prm-feature-title">INNOVATIVE PRODUCT</h3> <p class="prm-feature-description">Product innovation is related to the development of cutting-edge solutions. We are committed to delivering innovative products that exceed expectations.</p> </div> </div> <div class="prm-feature-card"> <div class="prm-icon-wrapper"> <i class="fas fa-bullseye prm-feature-icon"></i> </div> <div class="prm-feature-content"> <h3 class="prm-feature-title">ACCURATE SOLUTION</h3> <p class="prm-feature-description">We provide accurate and complete solutions from concept to commissioning in the area of manufacturing industries with precision and expertise.</p> </div> </div> <div class="prm-feature-card"> <div class="prm-icon-wrapper"> <i class="fas fa-truck-fast prm-feature-icon"></i> </div> <div class="prm-feature-content"> <h3 class="prm-feature-title">TIMELY DELIVERY</h3> <p class="prm-feature-description">On-time delivery is the metric used to measure supply chain efficiency. We have reliable associates for courier and transport services.</p> </div> </div> <div class="prm-feature-card"> <div class="prm-icon-wrapper"> <i class="fas fa-users-gear prm-feature-icon"></i> </div> <div class="prm-feature-content"> <h3 class="prm-feature-title">EFFICIENT WORKERS</h3> <p class="prm-feature-description">Our dedicated team of professionals brings expertise and commitment to every project, maintaining high standards while respecting work-life balance.</p> </div> </div> <div class="prm-feature-card"> <div class="prm-icon-wrapper"> <i class="fas fa-tag prm-feature-icon"></i> </div> <div class="prm-feature-content"> <h3 class="prm-feature-title">PRICE & QUALITY</h3> <p class="prm-feature-description">Our aim is to provide quality goods at affordable prices without compromise. Price is what you pay, quality is what you get. We value your investment.</p> </div> </div> </div> </div> </section> <div class="row mt-30"> <div class="col-12 text-center"> <p class="wow fadeIn animated"> <!--<a class="btn btn-brand text-white btn-shadow-brand hover-up btn-lg">View More</a>--> </p> </div> </div> </div> </section> <!--<section class="popular-categories section-padding mt-15"> <div class="container wow fadeIn animated"> <h3 class="section-title mb-20"><span>Popular</span> Categories</h3> <div class="carausel-6-columns-cover position-relative"> <div class="slider-arrow slider-arrow-2 carausel-6-columns-arrow" id="carausel-6-columns-arrows"></div> <div class="carausel-6-columns" id="carausel-6-columns"> <div class="card-1"> <figure class=" img-hover-scale overflow-hidden"> <a href="#"><img src="assets/imgs/shop/category-thumb-1.jpg" alt=""></a> </figure> <h5><a href="#">STREET LIGHT LENS</a></h5> </div> <div class="card-1"> <figure class=" img-hover-scale overflow-hidden"> <a href="#"> <img src="assets/imgs/shop/category-thumb-2.jpg" alt=""></a> </figure> <h5><a href="#">ECO FLOOD LIGHT DOWNCHOKE WHITE REFLECTOR</a></h5> </div> <div class="card-1"> <figure class=" img-hover-scale overflow-hidden"> <a href="#"><img src="assets/imgs/shop/category-thumb-3.jpg" alt=""></a> </figure> <h5><a href="#">FLOOD LIGHT LENS</a></h5> </div> <div class="card-1"> <figure class=" img-hover-scale overflow-hidden"> <a href="#"><img src="assets/imgs/shop/category-thumb-4.jpg" alt=""></a> </figure> <h5><a href="#">FLOOD LIGHT BACK CHOKE</a></h5> </div> <div class="card-1"> <figure class=" img-hover-scale overflow-hidden"> <a href="#"><img src="assets/imgs/shop/category-thumb-5.jpg" alt=""></a> </figure> <h5><a href="#">FLOOD LIGHT DOWN CHOKE</a></h5> </div> <div class="card-1"> <figure class=" img-hover-scale overflow-hidden"> <a href="#"><img src="assets/imgs/shop/category-thumb-6.jpg" alt=""></a> </figure> <h5><a href="#">STREET LIGHT GLASS MODEL</a></h5> </div> <div class="card-1"> <figure class=" img-hover-scale overflow-hidden"> <a href="#"><img src="assets/imgs/shop/category-thumb-7.jpg" alt=""></a> </figure> <h5><a href="shop-grid-right.html">STREET LIGHT</a></h5> </div> <div class="card-1"> <figure class=" img-hover-scale overflow-hidden"> <a href="#"><img src="assets/imgs/shop/category-thumb-8.jpg" alt=""></a> </figure> <h5><a href="#">NEW FLOOD LIGHT DOWNCHOKE</a></h5> </div> <div class="card-1"> <figure class=" img-hover-scale overflow-hidden"> <a href="#"><img src="assets/imgs/shop/category-thumb-9.jpg" alt=""></a> </figure> <h5><a href="#">SOLAR LIGHT</a></h5> </div> <div class="card-1"> <figure class=" img-hover-scale overflow-hidden"> <a href="#"><img src="assets/imgs/shop/category-thumb-10.jpg" alt=""></a> </figure> <h5><a href="#">RGB NEW FLOOD LIGHT DOWNCHOKE</a></h5> </div> <div class="card-1"> <figure class=" img-hover-scale overflow-hidden"> <a href="#"><img src="assets/imgs/shop/category-thumb-11.jpg" alt=""></a> </figure> <h5><a href="#">RGB NEW FLOOD LIGHT DOWNCHOKE BIG SIZE</a></h5> </div> </div> </div> </div> </section>--> <section class="rdp-videos-section"> <div class="rdp-container"> <div class="rdp-section-header"> <span class="rdp-section-subtitle">Ramdev PCB</span> <h2 class="rdp-section-title">Our Videos</h2> </div> <div class="rdp-videos-grid"> <div class="rdp-video-card"> <div class="rdp-video-wrapper"> <iframe src="https://www.youtube.com/embed/fZBz_UffvyA" title="LED EXPO" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </iframe> </div> <div class="rdp-video-content"> <h4 class="rdp-video-title">LED EXPO</h4> </div> </div> <div class="rdp-video-card"> <div class="rdp-video-wrapper"> <iframe src="https://www.youtube.com/embed/jQ-pEY8L6H0" title="RGB LED FLOOD LIGHT" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </iframe> </div> <div class="rdp-video-content"> <h4 class="rdp-video-title">RGB LED FLOOD LIGHT</h4> </div> </div> <div class="rdp-video-card"> <div class="rdp-video-wrapper"> <iframe src="https://www.youtube.com/embed/gk0q4q-Xv4s" title="PCB MOUNTING" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </iframe> </div> <div class="rdp-video-content"> <h4 class="rdp-video-title">PCB MOUNTING</h4> </div> </div> </div> </div> </section> <section class="banners mb-20 section-padding" > <div class="container"> <h3 class="section-title mb-20"><span>Best</span> Services</h3> <div class="row"> <div class="col-lg-4 col-md-6"> <div class="banner-img wow fadeIn animated" style="background: rgb(249, 236, 251);"> <img src="assets/imgs/banner/banner-111.jpg" alt="" style="opacity:0.3"> <div class="banner-text"> <p class="text-grey-3"><i class="fi-rs-arrow-right"></i> Instant 30 mint. Quotation .<br><i class="fi-rs-arrow-right"></i> Two Hour Complaint Feedback . </p> <h4><!--Save 20% on --><br><!--Woman Bag--></h4> <!--<a href="shop-grid-right.html">Shop Now <i class="fi-rs-arrow-right"></i></a>--> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="banner-img wow fadeIn animated" style="background: rgb(231, 239, 253);"> <img src="assets/imgs/banner/banner-111.jpg" alt="" style="opacity:0.3"> <div class="banner-text"> <p class="text-grey-3"><i class="fi-rs-arrow-right"></i> Technical Support .<br><i class="fi-rs-arrow-right"></i> Order Service .<br><i class="fi-rs-arrow-right"></i> Production Run & Delivery . </p> <h4><!--Great Summer--> <br><!--Collection--></h4> <!--<a href="shop-grid-right.html">Shop Now <i class="fi-rs-arrow-right"></i></a>--> </div> </div> </div> <div class="col-lg-4 d-md-none d-lg-flex"> <div class="banner-img wow fadeIn animated mb-sm-0" style="background: rgb(255, 249, 239);"> <img src="assets/imgs/banner/banner-111.jpg" alt="" style="opacity:0.3"> <div class="banner-text"> <p class="text-grey-3"><i class="fi-rs-arrow-right"></i> Door to Door Service with Demostic & International Freight . <br><i class="fi-rs-arrow-right"></i> Same Day Courier Services </p> <h4><!--Shop Today’s --><br><!--Deals & Offers--></h4> <!-- <a href="shop-grid-right.html">Shop Now <i class="fi-rs-arrow-right"></i></a>--> </div> </div> </div> </div> </div> </section> </main> <?php include("footer.php"); ?> <!-- Preloader Start --> <!--<div id="preloader-active"> <div class="preloader d-flex align-items-center justify-content-center"> <div class="preloader-inner position-relative"> <div class="text-center"> <h5 class="mb-5">Now Loading</h5> <div class="loader"> <div class="bar bar1"></div> <div class="bar bar2"></div> <div class="bar bar3"></div> </div> </div> </div> </div> </div>--> <div class="modal fade custom-modal" id="loginpopup" tabindex="-1" aria-labelledby="onloadModalLabel" aria-hidden="true"> <div class="modal-dialog" style="width:50%"> <div class="modal-content"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <div class="modal-body" > <div class="deal" style="place-content:center;background: url('assets/imgs/banner/banner-111.jpg');background-size: 130%;background-position: center;min-height: 0px;"> <div class="deal-top"> <h2 class="text-brand">Login To Purchase</h2> <h5></h5> </div> <div class="deal-content"> <h6 class="product-title"><input type="text" id="usernamefield" placeholder="Email or Mobile Number" ></h6> <h6 class="product-title"><input type="password" id="passwordfield" placeholder="Password" ></h6> </div> <div class="deal-bottom"> <a onclick="login()" class="btn hover-up" id="loginsubmit">Login <i class="fi-rs-arrow-right"></i></a> <a href="page-login-register.php" class="btn hover-up" id="register"><i class="fi-rs-arrow-left"></i> New Register </a> </div> </div> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function(){ const showMoreBtn = document.getElementById("showMoreBtn"); const showLessBtn = document.getElementById("showLessBtn"); const items = document.querySelectorAll(".category-item"); if(showMoreBtn && showLessBtn){ showMoreBtn.addEventListener("click", function(){ items.forEach(el => el.classList.remove("d-none")); showMoreBtn.classList.add("d-none"); showLessBtn.classList.remove("d-none"); }); showLessBtn.addEventListener("click", function(){ items.forEach((el, index) => { if(index >= 4){ el.classList.add("d-none"); } }); showLessBtn.classList.add("d-none"); showMoreBtn.classList.remove("d-none"); window.scrollTo({ top: 0, behavior: 'smooth' }); // optional: scroll back up }); } }); function addtocartclick(productid,productno,price,weight,colorid) { event.preventDefault(); var ses = "<?= $_SESSION['use']?>"; var custid = "<?= $_SESSION['userid']?>"; if (ses == "") { $('#loginpopup').modal('show'); } else { var qty = '1'; $.ajax({ type: "POST", url: "addtocart.php", data: {productid: productid,productno : productno,qty:qty,custid:custid,price:price,colorid:colorid,weight:weight} }).done(function(data){ alert("Item Added in Cart"); location.reload(); }); } }; $('#loginsubmit').click(function(){ var user = document.getElementById('usernamefield').value; var pass = document.getElementById('passwordfield').value; var login = "login"; if(user == '' || pass == ''){ alert("Field Required"); } else{ $.ajax({ type: "POST", url: "page-login-register.php", data: {user:user,pass:pass,login:login} }).done(function(data){ location.reload(); alert("Login Success"); }); } }); </script> <!-- Vendor JS--> <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script> <script src="assets/js/vendor/jquery-3.6.0.min.js"></script> <script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script> <script src="assets/js/vendor/bootstrap.bundle.min.js"></script> <script src="assets/js/plugins/slick.js"></script> <script src="assets/js/plugins/jquery.syotimer.min.js"></script> <script src="assets/js/plugins/wow.js"></script> <script src="assets/js/plugins/jquery-ui.js"></script> <script src="assets/js/plugins/perfect-scrollbar.js"></script> <script src="assets/js/plugins/magnific-popup.js"></script> <script src="assets/js/plugins/select2.min.js"></script> <script src="assets/js/plugins/waypoints.js"></script> <script src="assets/js/plugins/counterup.js"></script> <script src="assets/js/plugins/jquery.countdown.min.js"></script> <script src="assets/js/plugins/images-loaded.js"></script> <script src="assets/js/plugins/isotope.js"></script> <script src="assets/js/plugins/scrollup.js"></script> <script src="assets/js/plugins/jquery.vticker-min.js"></script> <script src="assets/js/plugins/jquery.theia.sticky.js"></script> <script src="assets/js/plugins/jquery.elevatezoom.js"></script> <!-- Template JS --> <script src="./assets/js/main.js?v=3.3"></script> <script src="./assets/js/shop.js?v=3.3"></script> <script src="assets/js/custom.js"></script> </body> </html>