Viewing file:  49dce3d1e7188df2fd1a9d40b5946a98.php (41.13 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UniPin Header</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../core/public/front/style.css">
<link rel="stylesheet" href="../core/public/front/responsive.css">
</head>
<body>
<header class="main-header-bg shadow-sm">
<div class="container d-flex justify-content-between align-items-center py-3">
<div class="d-flex align-items-center">
<img src="/images/logo.svg" alt="UniPin Logo" class="me-2" height="30">
</div>
<div class="d-flex flex-grow-1 justify-content-center">
<input type="text" class="form-control w-50" placeholder="Search...">
</div>
<div class="d-flex align-items-center gap-3">
<button class="sign-in-btn">Signin</button>
</div>
</div>
</header>
<div class="site-bar-content">
<div class="sidebar" id="sidebar">
<div class="nav-bar-toggle-icon-sec">
<button class="menu-btn" onclick="toggleSidebar()">
<i class="fa fa-bars menu-bar-icon" aria-hidden="true"></i>
</button>
<div class="collaped-site-logo">
<img class="site-logo" src="/images/logo.svg" alt="UniPin Logo" class="me-2" height="30">
</div>
</div>
<a href="#" class="side-bar-content-sec">
<div class="side-bar-content-text-sec sidebar-active">
<div class="side-bar-icon-wrapper">
<div class="side-bar-icon-sec">
<i class="fa fa-home side-bar-icon"></i>
</div>
<div class="side-bar-icon-text">
Home
</div>
</div>
<div class="sidebar-nav-collapsed-text">Home</div>
</div>
</a>
<a href="#" class="side-bar-content-sec">
<div class="side-bar-content-text-sec">
<div class="side-bar-icon-wrapper">
<div class="side-bar-icon-sec">
<i class="fa fa-home side-bar-icon"></i>
</div>
<div class="side-bar-icon-text">
Promo & Events
</div>
</div>
<div class="sidebar-nav-collapsed-text"> Promo & Events </div>
</div>
</a>
<a href="#" class="side-bar-content-sec">
<div class="side-bar-content-text-sec">
<div class="side-bar-icon-wrapper">
<div class="side-bar-icon-sec">
<i class="fa fa-home side-bar-icon"></i>
</div>
<div class="side-bar-icon-text">
Games
</div>
</div>
<div class="sidebar-nav-collapsed-text"> Games</div>
</div>
</a>
<a href="#" class="side-bar-content-sec">
<div class="side-bar-content-text-sec">
<div class="side-bar-icon-wrapper">
<div class="side-bar-icon-sec">
<i class="fa fa-home side-bar-icon"></i>
</div>
<div class="side-bar-icon-text">
Partnership Program
</div>
</div>
<div class="sidebar-nav-collapsed-text">Partnership Program</div>
</div>
</a>
<a href="#" class="side-bar-content-sec">
<div class="side-bar-content-text-sec">
<div class="side-bar-icon-wrapper">
<div class="side-bar-icon-sec">
<i class="fa fa-home side-bar-icon"></i>
</div>
<div class="side-bar-icon-text">
Reseller Program
</div>
</div>
<div class="sidebar-nav-collapsed-text">Reseller Program</div>
</div>
</a>
<a href="#" class="side-bar-content-sec">
<div class="side-bar-content-text-sec">
<div class="side-bar-icon-wrapper">
<div class="side-bar-icon-sec">
<i class="fa fa-home side-bar-icon"></i>
</div>
<div class="side-bar-icon-text">
SEACA eSports & Community
</div>
</div>
<div class="sidebar-nav-collapsed-text">SEACA eSports & Community</div>
</div>
</a>
<a href="#" class="side-bar-content-sec">
<div class="side-bar-content-text-sec">
<div class="side-bar-icon-wrapper">
<div class="side-bar-icon-sec">
<i class="fa fa-home side-bar-icon"></i>
</div>
<div class="side-bar-icon-text">
FAQ
</div>
</div>
<div class="sidebar-nav-collapsed-text">FAQ</div>
</div>
</a>
<a href="#" class="side-bar-content-sec">
<div class="side-bar-content-text-sec">
<div class="side-bar-icon-wrapper">
<div class="side-bar-icon-sec">
<i class="fa fa-home side-bar-icon"></i>
</div>
<div class="side-bar-icon-text">
Customer Support
</div>
</div>
<div class="sidebar-nav-collapsed-text">Customer Support</div>
</div>
</a>
<!-- <li><a href="#"><i class="fa fa-cog"></i> <span>Games</span></a></li>
<li><a href="#"><i class="fa fa-envelope"></i> <span>Partnership Program</span></a></li>
<li><a href="#"><i class="fa fa-envelope"></i> <span>Reseller Program</span></a></li>
<li><a href="#"><i class="fa fa-envelope"></i> <span>SEACA eSports & Community</span></a></li>
<li><a href="#"><i class="fa fa-question-circle" aria-hidden="true"></i>
<span>FAQ</span></a></li>
<li><a href="#"><i class="fa fa-envelope"></i> <span>Customer Support</span></a></li> -->
</div>
</div>
<div class="container mt-4">
<!-- Owl Carousel Slider -->
<div class="owl-carousel owl-theme">
<div class="item">
<div class="row slider-item-content">
<div class="col-lg-9 slider-img-sec col-12">
<img class="slider-main-img" src="images/slider-1.jpg" alt="Slide 1">
</div>
<div class="col-lg-3 slider-content-sec col-12">
<div class="slider-sub-title">
12 Mar 2040
</div>
<div class="slider-text">
Buy Valorant Points exclusively on UniPin.com with the speed and security of bKash.
</div>
<div class="slider-footer-content">
<div class="read-more-btn-sec">
<a class="read-more-btn" href="#">Read More</a>
</div>
<div class="slider-social-icon-sec">
<div class="facebook-link">
<a class="" href="#">
<img class="social-icon" src="/images/referral-facebook.svg" alt="">
</a>
</div>
<div class="facebook-link">
<a class="" href="#">
<img class="social-icon" src="/images/referral-whatsapp.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="row slider-item-content">
<div class="col-lg-9 slider-img-sec col-12">
<img class="slider-main-img" src="images/slider-2.jpg" alt="Slide 2">
</div>
<div class="col-lg-3 slider-content-sec col-12">
<div class="slider-sub-title">
2 Apr 2014
</div>
<div class="slider-text">
Buy Valorant Points exclusively on UniPin.com with the speed and security of bKash.
</div>
<div class="slider-footer-content">
<div class="read-more-btn-sec">
<a class="read-more-btn" href="#">Read More</a>
</div>
<div class="slider-social-icon-sec">
<div class="facebook-link">
<a class="" href="#">
<img class="social-icon" src="/images/referral-facebook.svg" alt="">
</a>
</div>
<div class="facebook-link">
<a class="" href="#">
<img class="social-icon" src="/images/referral-whatsapp.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="row slider-item-content">
<div class="col-lg-9 slider-img-sec col-12">
<img class="slider-main-img" src="images/slider-3.jpg" alt="Slide 3">
</div>
<div class="col-lg-3 slider-content-sec col-12">
<div class="slider-sub-title">
23 Dec 2023
</div>
<div class="slider-text">
Buy Valorant Points exclusively on UniPin.com with the speed and security of bKash.
</div>
<div class="slider-footer-content">
<div class="read-more-btn-sec">
<a class="read-more-btn" href="#">Read More</a>
</div>
<div class="slider-social-icon-sec">
<div class="facebook-link">
<a class="" href="#">
<img class="social-icon" src="/images/referral-facebook.svg" alt="">
</a>
</div>
<div class="facebook-link">
<a class="" href="#">
<img class="social-icon" src="/images/referral-whatsapp.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="row slider-item-content">
<div class="col-lg-9 slider-img-sec col-12">
<img class="slider-main-img" src="images/slider-4.jpg" alt="Slide 4">
</div>
<div class="col-lg-3 slider-content-sec col-12">
<div class="slider-sub-title">
15 Jan 2025
</div>
<div class="slider-text">
Buy Valorant Points exclusively on UniPin.com with the speed and security of bKash.
</div>
<div class="slider-footer-content">
<div class="read-more-btn-sec">
<a class="read-more-btn" href="#">Read More</a>
</div>
<div class="slider-social-icon-sec">
<div class="facebook-link">
<a class="" href="#">
<img class="social-icon" src="/images/referral-facebook.svg" alt="">
</a>
</div>
<div class="facebook-link">
<a class="" href="#">
<img class="social-icon" src="/images/referral-whatsapp.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="row slider-item-content">
<div class="col-lg-9 slider-img-sec col-12">
<img class="slider-main-img" src="images/slider-5.jpg" alt="Slide 5">
</div>
<div class="col-lg-3 slider-content-sec col-12">
<div class="slider-sub-title">
18 Mar 2024
</div>
<div class="slider-text">
Buy Valorant Points exclusively on UniPin.com with the speed and security of bKash.
</div>
<div class="slider-footer-content">
<div class="read-more-btn-sec">
<a class="read-more-btn" href="#">Read More</a>
</div>
<div class="slider-social-icon-sec">
<div class="facebook-link">
<a class="" href="#">
<img class="social-icon" src="/images/referral-facebook.svg" alt="">
</a>
</div>
<div class="facebook-link">
<a class="" href="#">
<img class="social-icon" src="/images/referral-whatsapp.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="popular-section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="popular-title">
Popular Games
</div>
<div class="trending-title">
Now Trending
</div>
</div>
</div>
<div class="row mt-5 d-none">
<div class="col-lg-2">
<div class="popular-games-items">
<div class="popular-games-img-sec">
<img class="popular-games-img" src="/images/p1.png" alt="">
</div>
<div class="game-publisher-sec">
<div class="publisher-name">
Pren Goorl
</div>
<div class="game-title">
UniPin Voucher
</div>
</div>
<div class="card-action-sec text-center">
<a class="top-up-btn" href="#">Top Up</a>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="popular-games-items">
<div class="popular-games-img-sec">
<img class="popular-games-img" src="/images/p2.jpg" alt="">
</div>
<div class="game-publisher-sec">
<div class="publisher-name">
Pren Goorl
</div>
<div class="game-title">
UniPin Voucher
</div>
</div>
<div class="card-action-sec text-center">
<a class="top-up-btn" href="#">Top Up</a>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="popular-games-items">
<div class="popular-games-img-sec">
<img class="popular-games-img" src="/images/p3.png" alt="">
</div>
<div class="game-publisher-sec">
<div class="publisher-name">
Pren Goorl
</div>
<div class="game-title">
UniPin Voucher
</div>
</div>
<div class="card-action-sec text-center">
<a class="top-up-btn" href="#">Top Up</a>
</div>
</div>
</div>
<div class="col-lg-2">
<div class="popular-games-items">
<div class="popular-games-img-sec">
<img class="popular-games-img" src="/images/p4.jpg" alt="">
</div>
<div class="game-publisher-sec">
<div class="publisher-name">
Pren Goorl
</div>
<div class="game-title">
UniPin Voucher
</div>
</div>
<div class="card-action-sec text-center">
<a class="top-up-btn" href="#">Top Up</a>
</div>
</div>
</div>
</div>
<div class="custom-carousel owl-carousel owl-theme mt-5">
<div class="custom-carousel-item">
<div class="popular-games-items">
<div class="popular-games-img-sec">
<img class="popular-games-img" src="/images/p1.png" alt="">
</div>
<div class="game-publisher-sec">
<div class="publisher-name">Pren Goorl</div>
<div class="game-title">UniPin Voucher</div>
</div>
<div class="card-action-sec text-center">
<a class="top-up-btn" href="#">Top Up</a>
</div>
</div>
</div>
<div class="custom-carousel-item">
<div class="popular-games-items">
<div class="popular-games-img-sec">
<img class="popular-games-img" src="/images/p2.jpg" alt="">
</div>
<div class="game-publisher-sec">
<div class="publisher-name">Pren Goorl</div>
<div class="game-title">UniPin Voucher</div>
</div>
<div class="card-action-sec text-center">
<a class="top-up-btn" href="#">Top Up</a>
</div>
</div>
</div>
<div class="custom-carousel-item">
<div class="popular-games-items">
<div class="popular-games-img-sec">
<img class="popular-games-img" src="/images/p3.png" alt="">
</div>
<div class="game-publisher-sec">
<div class="publisher-name">Pren Goorl</div>
<div class="game-title">UniPin Voucher</div>
</div>
<div class="card-action-sec text-center">
<a class="top-up-btn" href="#">Top Up</a>
</div>
</div>
</div>
<div class="custom-carousel-item">
<div class="popular-games-items">
<div class="popular-games-img-sec">
<img class="popular-games-img" src="/images/p4.jpg" alt="">
</div>
<div class="game-publisher-sec">
<div class="publisher-name">Pren Goorl</div>
<div class="game-title">UniPin Voucher</div>
</div>
<div class="card-action-sec text-center">
<a class="top-up-btn" href="#">Top Up</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mobile-games-n-game-voucher">
<div class="container">
<div class="row">
<div class="col-lg-12 mt-5">
<ul class="nav nav-pills" id="myTabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="mobile-games-tab" data-bs-toggle="pill" href="#mobile-games"
role="tab" aria-controls="mobile-games" aria-selected="true">Mobile Games</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="game-vouchers-tab" data-bs-toggle="pill" href="#game-vouchers"
role="tab" aria-controls="game-vouchers" aria-selected="false">Game Vouchers</a>
</li>
</ul>
<!-- Tab content -->
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="mobile-games" role="tabpanel"
aria-labelledby="mobile-games-tab">
<div class="row mt-5">
<div class="col-lg-2 col-md-6 col-6 mt-4">
<div class="popular-games-items">
<div class="popular-games-img-sec">
<img class="popular-games-img" src="/images/p1.png" alt="">
</div>
<div class="game-publisher-sec">
<div class="publisher-name">
Pren Goorl
</div>
<div class="game-title">
UniPin Voucher
</div>
</div>
<div class="card-action-sec text-center">
<a class="top-up-btn" href="#">Top Up</a>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 col-6 mt-4">
<div class="popular-games-items">
<div class="popular-games-img-sec">
<img class="popular-games-img" src="/images/p2.jpg" alt="">
</div>
<div class="game-publisher-sec">
<div class="publisher-name">
Pren Goorl
</div>
<div class="game-title">
UniPin Voucher
</div>
</div>
<div class="card-action-sec text-center">
<a class="top-up-btn" href="#">Top Up</a>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 col-6 mt-4">
<div class="popular-games-items">
<div class="popular-games-img-sec">
<img class="popular-games-img" src="/images/p3.png" alt="">
</div>
<div class="game-publisher-sec">
<div class="publisher-name">
Pren Goorl
</div>
<div class="game-title">
UniPin Voucher
</div>
</div>
<div class="card-action-sec text-center">
<a class="top-up-btn" href="#">Top Up</a>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 col-6 mt-4">
<div class="popular-games-items">
<div class="popular-games-img-sec">
<img class="popular-games-img" src="/images/p4.jpg" alt="">
</div>
<div class="game-publisher-sec">
<div class="publisher-name">
Pren Goorl
</div>
<div class="game-title">
UniPin Voucher
</div>
</div>
<div class="card-action-sec text-center">
<a class="top-up-btn" href="#">Top Up</a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="game-vouchers" role="tabpanel"
aria-labelledby="game-vouchers-tab">
<div class="row mt-5">
<div class="col-lg-2 col-md-6 col-6 mt-4">
<div class="popular-games-items">
<div class="popular-games-img-sec">
<img class="popular-games-img" src="/images/p5.png" alt="">
</div>
<div class="game-publisher-sec">
<div class="publisher-name">
Pren Goorl
</div>
<div class="game-title">
UniPin Voucher
</div>
</div>
<div class="card-action-sec text-center">
<a class="top-up-btn" href="#">Top Up</a>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 col-6 mt-4">
<div class="popular-games-items">
<div class="popular-games-img-sec">
<img class="popular-games-img" src="/images/p6.jpg" alt="">
</div>
<div class="game-publisher-sec">
<div class="publisher-name">
Pren Goorl
</div>
<div class="game-title">
UniPin Voucher
</div>
</div>
<div class="card-action-sec text-center">
<a class="top-up-btn" href="#">Top Up</a>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 col-6 mt-4">
<div class="popular-games-items">
<div class="popular-games-img-sec">
<img class="popular-games-img" src="/images/p7.jpg" alt="">
</div>
<div class="game-publisher-sec">
<div class="publisher-name">
Pren Goorl
</div>
<div class="game-title">
UniPin Voucher
</div>
</div>
<div class="card-action-sec text-center">
<a class="top-up-btn" href="#">Top Up</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="learn-more-btn-sec">
<button class="learn-more-btn">Learn more</button>
</div>
</div>
</div>
</div>
</div>
<div class="customer-suport-sec">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="customer-support-sub-title-sec popular-title">
Customer Support
</div>
<div class="customer-support-title trending-title">
Reach Us At
</div>
</div>
<div class="col-lg-2">
<div class="support-icon-sec">
<a href="#" class="email-icon-card-link">
<div class="email-icon-card">
<i class="fa fa-envelope support-card-icon" aria-hidden="true"></i>
<div class="support-icon-text">
Email
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-2">
<div class="support-icon-sec">
<a href="#" class="email-icon-card-link">
<div class="email-icon-card">
<i class="fa fa-question-circle support-card-icon" aria-hidden="true"></i>
<div class="support-icon-text">
FAQ
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-2">
<div class="support-icon-sec">
<a href="#" class="email-icon-card-link">
<div class="email-icon-card">
<i class="fa fa-commenting support-card-icon" aria-hidden="true"></i>
<div class="support-icon-text">
Give Feedback
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="subscribe-sec">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="subscribe-sub-title">
Subscribe
</div>
<div class="subscribe-title">
Get The Best Deals Now!
</div>
<div class="instagram-icon-sec text-center">
<a href="#"><i class="fa fa-instagram instagram-icon" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer-section">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="footer-about-sec">
<div class="footer-logo-sec">
<img src="/images/logo.svg" class="footer-logo" alt="">
</div>
<div class="footer-logo-text">
Universal Pin is the leading Digital Content Enabler that focus only on online games and
digital products across the world.
</div>
</div>
</div>
<div class="col-lg-9">
<div class="site-map-sec">
Sitemap
</div>
<div class="site-map-link-sec">
<a href="#" class="site-map-link-text">Flash Top-Up</a>
<a href="#" class="site-map-link-text">Voucher Purchase</a>
<a href="#" class="site-map-link-text">sdf</a>
<a href="#" class="site-map-link-text">Voucher Purchase</a>
<a href="#" class="site-map-link-text">Voucher Purchase</a>
<a href="#" class="site-map-link-text">Voucher Purchase</a>
<a href="#" class="site-map-link-text">sg</a>
<a href="#" class="site-map-link-text">Voucher Purchase</a>
<a href="#" class="site-map-link-text">Voucher Purchase</a>
<a href="#" class="site-map-link-text">Voucher Purchase</a>
<a href="#" class="site-map-link-text">Voucher Purchase</a>
<a href="#" class="site-map-link-text">Voucher Purchase</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer-end-sec">
<div class="container">
<div class="row">
<div class="col-lg-3 col-12 text-center">
<div class="copyright-sec">
<span class="copyright-text">© 2025 UniPin. All Rights Reserved </span>
</div>
</div>
<div class="col-lg-3 col-12 text-center important-link-p">
<span class="important-link">
<a class="important-link-text" href="#">Privecy & Policy</a>
</span>
</div>
<div class="col-lg-3 col-12 text-center important-link-p">
<span class="important-link">
<a class="important-link-text" href="#">Terms & Condition</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="custom-sidebar-overlay"></div>
<div class="custom-sidebar">
<a href="#" class="custom-sidebar-close-btn d-none">X</a>
<div class="custom-sidebar-content">
<div class="custom-sidebar-content-link-sec">
<a href="#" class="custom-sidebar-content-link">
<i class="fa fa-gift menu-side-bar-icon-mb"></i>
<div class="menu-side-bar-mb-text">
Rewards
</div>
</a>
<a href="#" class="custom-sidebar-content-link">
<i class="fa fa-handshake-o menu-side-bar-icon-mb"></i>
<div class="menu-side-bar-mb-text">
Partnership Program
</div>
</a>
<a href="#" class="custom-sidebar-content-link">
<i class="fa fa-headphones menu-side-bar-icon-mb"></i>
<div class="menu-side-bar-mb-text">
Customer Support
</div>
</a>
<a href="#" class="custom-sidebar-content-link">
<i class="fa fa-question-circle menu-side-bar-icon-mb"></i>
<div class="menu-side-bar-mb-text">
FAQ
</div>
</a>
<a href="#" class="custom-sidebar-content-link">
<i class="fa fa-gift menu-side-bar-icon-mb"></i>
<div class="menu-side-bar-mb-text">
Reseller Program
</div>
</a>
<a href="#" class="custom-sidebar-content-link">
<i class="fa fa-gift menu-side-bar-icon-mb"></i>
<div class="menu-side-bar-mb-text">
Reseller Program
</div>
</a>
</div>
</div>
</div>
<div class="footer-mobile-responsive">
<div class="footer-nav-icon-list">
<div class="footer-nav-home footer-nav-home-active">
<a href="#" class="footer-nav-link">
<i class="fa fa-home side-bar-icon-mb"></i>
</a>
</div>
<div class="footer-nav-home">
<a href="#" class="footer-nav-link">
<i class="fa fa-home side-bar-icon-mb"></i>
</a>
</div>
<div class="footer-nav-home">
<a href="#" class="footer-nav-link">
<i class="fa fa-home side-bar-icon-mb"></i>
</a>
</div>
<div class="footer-nav-home">
<a href="#" id="footer-collapse-mb" class="footer-nav-link">
<i class="fa fa-bars side-bar-icon-mb"></i>
</a>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script>
$(document).ready(function () {
$('.side-bar-content-text-sec').click(function () {
$('.side-bar-content-text-sec').removeClass('sidebar-active');
$(this).addClass('sidebar-active');
});
});
$(document).ready(function () {
$('.footer-nav-home').click(function () {
$('.footer-nav-home').removeClass('footer-nav-home-active');
$(this).addClass('footer-nav-home-active');
});
});
$(function() {
$('#footer-collapse-mb').on('click', function() {
$('.custom-sidebar').addClass('open');
$('.custom-sidebar-overlay').addClass('show');
});
$('.custom-sidebar-overlay').on('click', function() {
$('.custom-sidebar').removeClass('open');
$(this).removeClass('show');
});
$('.custom-sidebar-close-btn').on('click', function() {
$('.custom-sidebar').removeClass('open');
$('.custom-sidebar-overlay').removeClass('show');
});
});
</script>
<script>
$(document).ready(function () {
$(".owl-carousel").owlCarousel({
loop: true,
margin: 10,
nav: true,
responsive: {
0: { items: 1 },
600: { items: 1 },
1000: { items: 1 }
}
});
});
$(document).ready(function(){
$(".custom-carousel").owlCarousel({
loop: true,
margin: 10,
nav: true,
responsive:{
0:{ items: 1 },
600:{ items: 2 },
1000:{ items: 4 }
}
});
});
</script>
<script>
function toggleSidebar() {
let sidebar = document.getElementById("sidebar");
let textElements = document.querySelectorAll(".sidebar-nav-collapsed-text");
let textElementsTwo = document.querySelectorAll(".side-bar-icon-text");
sidebar.classList.toggle("closed");
let siteLogo = document.querySelector(".site-logo");
if (sidebar.classList.contains("closed")) {
siteLogo.style.display = "none";
} else {
siteLogo.style.display = "block";
}
if (sidebar.classList.contains("closed")) {
textElements.forEach(el => {
el.style.opacity = "1";
el.style.padding = "8px 0px 10px 0px";
});
textElementsTwo.forEach(el => {
el.style.opacity = "0";
});
} else {
textElements.forEach(el => {
el.style.opacity = "0";
el.style.padding = "0";
});
textElementsTwo.forEach(el => {
el.style.opacity = "1";
});
}
}
</script>
</body>
</html><?php /**PATH /Users/user/Desktop/Mines/Picotech-P/ecommerce1/core/resources/views/front/index.blade.php ENDPATH**/ ?>
|