Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-611.55.1.el9_7.x86_64

PHP Version:

8.2.31

User:

u891914234

Directory:

/home/u891914234/domains/jacolivol.com/public_html

Free Space:

7.65 TB

🔧 Quick Actions

✏️ Editing: about.html

<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />

<title>Jac Olivol</title>

<link rel="shortcut icon" href="images/logo.png">

<link rel="stylesheet" href="css/plugins.css">

<link rel="stylesheet" href="css/search.css">

<link rel="stylesheet" href="css/base.css">

<link rel="stylesheet" href="css/scrollbar.css">
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
    
    <link href="css/styles.css" rel="stylesheet">
     <link rel="stylesheet" href="css/repsonsive.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/themify-icons/0.1.2/css/themify-icons.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css">

/* sons slider */
/* ===== Testimonials Swiper ===== */

.testimonial-swiper {
  width: 85%;
  /* max-width: 900px; */
  margin: 70px auto;
  /* background: linear-gradient(90deg, #0B0B0B 0%, #2e291e 50%, #0B0B0B 100%); */
  padding: 25px;
  border-radius: 25px;
  min-height: 800px;
  height: auto;
  /* height: 750px; */
  /* position: relative; */
  box-shadow: rgb(228 197 151 / 11%) 0px 7px 24px 0px;
 
}

/* IMPORTANT: control visibility for fade */
.testimonial-swiper .swiper-slide {
  opacity: 0 !important;
  pointer-events: none;
}

.testimonial-swiper .swiper-slide-active {
  opacity: 1 !important;
  pointer-events: auto;
}

/* Slide layout */
.testimonial-item {
  display: flex;
  align-items: center;
  gap: 40px;
}

@media (max-width: 768px) {
  .testimonial-item {
    flex-direction: column;
  }
}

/* Image */
.testimonial-img {
  width: 300px;
  height: 300px;
  flex-shrink: 0;
  border-radius: 20px;
  overflow: hidden;
  /* margin-left: -80px;  */
}

.testimonial-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 20px;
    filter: grayscale(100%);
}

/* Content */
.testimonial-content {
  padding-right: 25px;
}

@media (max-width: 768px) {
  .testimonial-content {
    text-align: center;
    padding-top: 20px !important;
    margin-top: -60px;
  }
  .testimonial-content {
  padding-right: 0px;
}
}

.testimonial-date {
  display: block;
  color: #7b7992;
  margin-bottom: 15px;
}

.testimonial-title {
  font-size: 30px;
  font-weight: 400;
  /* margin-bottom: 20px; */
  color: #cca980;
}

.testimonial-text {
  color: #c7c7c7;
  margin-bottom: 30px;
  line-height: 1.6;
}

/* Button */
.testimonial-btn {
  display: inline-flex;
  padding: 15px 35px;
  border-radius: 50px;
  color: #fff;
  background: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
  text-decoration: none;
  font-weight: 500;
}

/* Pagination */
.testimonial-pagination {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: row;
  z-index: 10;
  margin: 0 auto;
  
}

.testimonial-pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  background: #ffffff;
  opacity: 0.3;
  margin: 8px 0;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.testimonial-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #cca980;
  height: 11px;
  border-radius: 10px;
}

/* Mobile pagination */
@media (max-width: 768px) {
  .testimonial-pagination {
    left: 50%;
    right: auto;
    bottom: 15px;
    top: auto;
    transform: translateX(-50%);
    flex-direction: row;
  }

.testimonial-pagination .swiper-pagination-bullet {
    margin: 0 5px;
  }

.testimonial-pagination .swiper-pagination-bullet-active {
    width: 30px;
    height: 11px;
  }
}
/* vision section */
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 50%;
    width: 100%;
}
@media screen and (min-width: 768px) and (max-width:1199px){

.navbar-header-custom{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
}

.glogo{
    margin:0 auto;
    display:block;
}

}
@media screen and (min-width:1200px){

.navbar-header-custom{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
}

.glogo{
    margin:0 auto;
    display:block;
}

}
    </style>
</head>

<div id="preloader"></div>

<div class="main-wrapper">

<header class="header-style1 menu_area-light">

</ul></div>
                                    
                                    
                                    <div class="col-md-6 text-center">
                                    <div class="navbar-header navbar-header-custom">
                                        
                                        <a href="index.html"><img class="glogo" src="images/logo.png"
                                                alt="logo" /></a>
                                        
                                    </div></div>

<div class="col-md-3">
                                    <div class="attr-nav align-items-xl-center ms-xl-auto main-font">
                                        <ul>
                                            <li class="nav-item">
                                                
                                                        <button class="navbar-toggler custom-toggler" type="button">
                                                            <i class="fas fa-bars"></i>
                                                        </button>

</li>
                                        </ul>
                                    </div></div>
</div>
                                    
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

<div id="slideNav" class="slide-nav">
    <span class="close-btn">
        <i class="fas fa-times"></i>
    </span>

<ul class="slide-menu">
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        
        
        <li><a href="contact.html">Contact Us</a></li>
    </ul>
</div>

<section class="cinematicc founders-section">
    <div class="container">
        <div class="row align-items-center">
            
            <div class="col-md-12 col-lg-12 col-xl-6">
                <img src="images/founder2.webp" class="img-fluid founder-img" style="border-radius:20px;">
            </div>
            <div class="col-md-12 col-lg-12 col-xl-6 founder-content">
                <div class="section-title-04 mb-5 position-relative">
                                
                        <h2 class="display-20 display-sm-15 display-xl-9 mb-0 head">
                          <span class="text-gray">Pure Elegance</span> 
                          <span class="text-white">Refined</span></h2>
                                
                                <div class="line mob-line"></div>
                            </div>

<p class="color-white">Hahnemann Laboratory Ltd. was founded by Late. Sri Rashmoy Das (Ayurveda Ratna), who began his journey in homeopathy at just 17. By 18, he became a Super Stockist for a German pharma company and, in 1969, transformed his father's dispensary into a five-story clinic. After moving to Kolkata, he set up the first production unit and registered office, incorporating the company in 1980. By 1985, it had become India's largest manufacturer of homeopathic medicines. His legacy is now led by his son, Mr. Rajarshi Das, who draws inspiration from his father, Late Sri Rashmoy Das the creator of JAC OLIVOL Body Oil. Under Rajarshi's leadership, the brand has grown into a household name in personal care, blending heritage with modern innovation.</p>

<h5 class="late-h5 text-gray">Late. Sri Rashmoy Das</h5>
                            <h6 class="late-h6">Founder</h6>
            </div>
        </div>
    </div>
</section>

<section class="bg-banner1"></section>

<div class="testimonial-swiper swiper">
  <div class="testimonial-wrapper swiper-wrapper">

<div class="testimonial-slide swiper-slide">
      <div class="testimonial-item">
        <div class="testimonial-img">
          <img src="images/raj.png" alt="">
        </div>
        <div class="testimonial-content">
          
          <h3 class="testimonial-title head"><span class="text-gray">Rajarshi </span>
            <span class="text-white">Das</span></h3>
            <p class="post">Managing Director, Jac Olivol Group</p>
          <p class="text-white/60 leading-relaxed font-light para color-white mt-4">
                         <strong>“Jac Olivol is not just a company to me it is a living legacy, a responsibility, and a promise.”</strong>
                         Founded by my late father, Mr. Rashmoy Das, Jac Olivol was built on trust, integrity, and a deep commitment to improving everyday lives. What began as a humble yet purposeful initiative has today grown into a diversified group spanning pharmaceuticals, FMCG, wellness, personal care, and global trade while staying rooted in the same values that shaped its foundation.
          </br>My journey with Jac Olivol has been one of learning, innovation, and reinvention. In an ever-evolving world, our focus has remained clear: to blend science with tradition, quality with affordability, and scale with responsibility. Every product we create carries the trust of millions of families who have welcomed our brand into their homes for generations.
          </br>At Jac Olivol Group, we believe growth must be meaningful. Our expansion across India and international markets is guided by ethical practices, sustainable manufacturing, and an unwavering respect for consumers. We invest in people, technology, and research not just to stay relevant, but to lead with purpose.
           </br>As we move forward, my vision is to transform Jac Olivol into a globally respected Indian enterprise—one that honors its legacy while fearlessly shaping the future. The journey continues, driven by innovation, inspired by heritage, and strengthened by trust.               
          </p>
          
        </div>
      </div>
    </div>

<div class="testimonial-slide swiper-slide">
      <div class="testimonial-item">
        <div class="testimonial-img">
          <img src="images/raj2.jpeg" alt="">
        </div>
        <div class="testimonial-content">
          
          <h3 class="testimonial-title head"><span class="text-gray">Ritesh</span>
             <span class="text-white">Das</span></h3>
             <p class="post">Chairman, Jac Olivol Group</p>
          <p class="text-white/60 leading-relaxed font-light para color-white mt-4">
                         At Jac Olivol, excellence is not an aspiration, it is our standard.
                         <br>From sourcing the finest Ayurvedic ingredients to implementing state-of-the-art automated production systems, every step reflects our commitment to quality, consistency, and customer trust.
                          <br>Being recognised as a leading Ayurvedic herbal body oil brand in Eastern India is a testament to the loyalty of our consumers and the dedication of our entire team.
                          <br>We believe in building not just products, but lasting relationships grounded in authenticity and results.
                          <br>Jac Olivol is more than a brand, it is a promise.
                        </p>   
        </div>
      </div>
    </div>

</div>
<div class="testimonial-pagination"></div>
</div>

<section class="creative-fullpage--slider">
  <div class="banner-horizental">
    <div class="swiper swiper-container-h">
      <div class="swiper-wrapper">

<div class="swiper-slide">
          <div class="slider-inner" data-swiper-parallax-x="100">
            <img src="images/history1.jpg" alt="full_screen-image">
            <div class="swiper-content default-slide" data-swiper-parallax-x="2000">
              <div class="title-area">
                <p class="title def-title">Our Story is more than </br>Ingredients. </p>
                <p class="tag subtitle">IT'S CARE PASSED DOWN</p>
              </div>
              
            </div>
          </div>
        </div>
        
        <div class="swiper-slide">
          <div class="slider-inner" data-swiper-parallax-x="100">
            <img src="images/history-def.jpg" alt="full_screen-image">
            <div class="swiper-content" data-swiper-parallax-x="2000">
              <div class="title-area">
                <p class="title">1960–1970</p>
                <p class="tag">Humble Beginnings</p>
              </div>
              <p class="disc">
                It all began with a young 17-year-old visionary, Late Sri Rashmoy Das, whose passion for natural healing set the foundation for something extraordinary. By 1969, he transformed his father's dispensary into a five-story homeopathic clinic, marking the humble beginnings of Hahnemann Laboratory.
              </p>
            </div>
          </div>
        </div>

<div class="swiper-slide">
          <div class="slider-inner" data-swiper-parallax-x="100">
            <img src="images/history2.jpg" alt="full_screen-image">
            <div class="swiper-content" data-swiper-parallax-x="2000">
              <div class="title-area">
                <p class="title">1970–1980</p>
                <p class="tag">Building the Foundation</p>
              </div>
              <p class="disc">
               In 1970, the first production unit was established at Dum Dum, Kolkata, alongside the first registered office at Chittaranjan Avenue. By 1980, the company was officially incorporated as Hahnemann Laboratory Pvt. Ltd., setting the stage for future growth.
              </p>
            </div>
          </div>
        </div>

<div class="swiper-slide">
          <div class="slider-inner" data-swiper-parallax-x="100">
            <img src="images/histroy3.webp">
            <div class="swiper-content" data-swiper-parallax-x="2000">
              <div class="title-area">
                <p class="title">1980–1990</p>
                <p class="tag">Rising as a Leader</p>
              </div>
              <p class="disc">
               With a steadfast commitment to quality, Hahnemann Laboratory became India's largest homeopathic medicines manufacturer by 1985. This decade cemented the company’s reputation as a trusted name in natural healthcare.
              </p>
            </div>
          </div>
        </div>

<div class="swiper-slide">
          <div class="slider-inner" data-swiper-parallax-x="100">
            <img src="images/history4.webp">
            <div class="swiper-content" data-swiper-parallax-x="2000">
              <div class="title-area">
                <p class="title">1990–2000</p>
                <p class="tag">Entering FMCG</p>
              </div>
              <p class="disc">
               In 1990, the company diversified into personal care by launching the Boro Calendula Antiseptic Cream in the Eastern Region market, marking its first steps into FMCG (Fast Moving Consumer Goods)
              </p>
            </div>
          </div>
        </div>

<div class="swiper-slide">
          <div class="slider-inner" data-swiper-parallax-x="100">
            <img src="images/history5.jpg">
            <div class="swiper-content" data-swiper-parallax-x="2000">
              <div class="title-area">
                <p class="title">2000–2010</p>
                <p class="tag">Birth of a Household Name</p>
              </div>
              <p class="disc">
                In 2003, the company introduced Jac Olivol Body Oil in West Bengal and Assam. Supported by an innovative Super-Stockist distribution model, Jac Olivol quickly became a trusted name in urban and rural households.
              </p>
            </div>
          </div>
        </div>

<div class="swiper-slide">
          <div class="slider-inner" data-swiper-parallax-x="100">
            <img src="images/history6.jpg">
            <div class="swiper-content" data-swiper-parallax-x="2000">
              <div class="title-area">
                <p class="title">2010–2020</p>
                <p class="tag">A Landmark Decade</p>
              </div>
              <p class="disc">
                By FY 2018–2019, Jac Olivol Body Oil achieved a ₹100 crore annual turnover, proudly earning the title of India’s Largest Selling Herbal Body Oil. Building on decades of legacy and consumer trust, Jac Olivol Products Private Limited was formally incorporated in 2019, marking a strategic step towards structured growth. The brand’s slow but steady evolution has since stood as a symbol of trust, authenticity, and quality across generations.
              </p>
            </div>
          </div>
        </div>

<div class="swiper-slide">
          <div class="slider-inner" data-swiper-parallax-x="100">
            <img src="images/history7.jpg">
            <div class="swiper-content" data-swiper-parallax-x="2000">
              <div class="title-area">
                <p class="title">2020 – Onwards</p>
                <p class="tag">Carrying Forward a Legacy</p>
              </div>
              <p class="disc">
                Today, under the leadership of Mr Rajarshi Das, son of the founder, Jac Olivol continues to blend traditional wisdom with modern innovation. With a strong vision for 2030, Jac Olivol Corporation was formed as a Group Company to execute this next phase of growth, enabling structured expansion, global partnerships, and long-term value creation while remaining deeply rooted in the brand’s core values of trust, excellence, and customer satisfaction.
              </p>
            </div>
          </div>
        </div>

</div>

<div class="slider-pagination-area">
        <h5 class="slide-range one">01</h5>
        <div class="swiper-pagination"></div>
        <h5 class="slide-range three">07</h5>
      </div>

</div>
  </div>
</section>

<section class="bg-vision"></section>

<section class="bg-black vis d-none">
<div class="container">
  
  <div class="vision-grid">

<div class="vision-section">
      <i class="fas fa-map-marked-alt vision-icon"></i>
      <div class="vision-content">
        <div class="vision-title"><span class="text-gray">I. National Presence &</span>
           <span class="text-white">Product Leadership</span></div>
        <div class="vision-subtitle">From Eastern India to a Pan-India Brand</div>
        <div class="vision-text text-white/60 leading-relaxed para color-white">
Our primary vision is to expand Jac Olivol beyond its strong roots in Eastern India and establish a meaningful, nationwide presence.
Anchored by our hero body oil and strengthened by a carefully curated pipeline of new wellness products, we aim to build a trusted, India-wide brand that combines therapeutic efficacy, consistent quality, and contemporary relevance, reaching households, professionals, and wellness seekers across the country.
        </div>
      </div>
    </div>

<div class="vision-section">
      <i class="fas fa-globe vision-icon"></i>
      <div class="vision-content">
        <div class="vision-title"><span class="text-gray">II. Global Expansion & </span>
          <span class="text-white">Cultural Relevance</span></div>
        <div class="vision-subtitle">Taking Indian Wellness to the World</div>
        <div class="vision-text text-white/60 leading-relaxed para color-white">
Our secondary vision is to extend Jac Olivol’s footprint beyond national borders and establish the brand across key international markets, beginning with Southeast Asia, middle East and Europe.
Through thoughtful market entry, regulatory alignment, and culturally attuned storytelling, we seek to position Jac Olivol as a credible, modern expression of Indian Ayurvedic wisdom, resonating with global consumers, wellness ecosystems, and professional channels alike.
        </div>
      </div>
    </div>

<div class="vision-section">
      <i class="fas fa-leaf vision-icon"></i>
      <div class="vision-content">
        <div class="vision-title"><span class="text-gray">III. Lifestyle Brand for a</span>
           <span class="text-white">Global Audience</span></div>
        <div class="vision-subtitle">Making Ayurveda a Way of Life</div>
        <div class="vision-text text-white/60 leading-relaxed para color-white">
Our long-term vision is to evolve Jac Olivol into a global lifestyle brand; one that seamlessly integrates Ayurveda into everyday living.
By bridging tradition with modern design, accessibility, and sensorial appeal, we aspire to serve both niche connoisseurs and mass consumers worldwide, making Ayurvedic wellness intuitive, desirable, and relevant across cultures, generations, and lifestyles.
        </div>
      </div>
    </div>

</div>
</div>
</section>

<div class="swiper-slide">
<div class="vision-slide-inner">
<img src="images/VVision1.png">
<div class="vision-overlay"></div>
<div class="vision-content">
<h2 class="title">I. National Presence <br>& Product Leadership</h2>
<p class="tag">From Eastern India to a Pan-India Brand</p>
<p class="disc">Our primary vision is to expand Jac Olivol beyond its strong roots in Eastern India and establish a meaningful, nationwide presence.
Anchored by our hero body oil and strengthened by a carefully curated pipeline of new wellness products, we aim to build a trusted, India-wide brand that combines therapeutic efficacy, consistent quality, and contemporary relevance, reaching households, professionals, and wellness seekers across the country.</p>
</div>
</div>
</div>

<div class="swiper-slide">
<div class="vision-slide-inner">
<img src="images/Vision2.jpg">
<div class="vision-overlay"></div>
<div class="vision-content">
<h2 class="title">II. Global Expansion <br>& Cultural Relevance</h2>
<p class="tag">Taking Indian Wellness to the World</p>
<p class="disc">Our secondary vision is to extend Jac Olivol’s footprint beyond national borders and establish the brand across key international markets, beginning with Southeast Asia, Middle East and Europe.
Through thoughtful market entry, regulatory alignment, and culturally attuned storytelling, we seek to position Jac Olivol as a credible, modern expression of Indian Ayurvedic wisdom, resonating with global consumers, wellness ecosystems, and professional channels alike.</p>
</div>
</div>
</div>

<div class="swiper-slide">
<div class="vision-slide-inner">
<img src="images/vision3.png">
<div class="vision-overlay"></div>
<div class="vision-content">
<h2 class="title">III. Lifestyle Brand for <br>a Global Audience</h2>
<p class="tag">Making Ayurveda a Way of Life</p>
<p class="disc">Our long-term vision is to evolve Jac Olivol into a global lifestyle brand; one that seamlessly integrates Ayurveda into everyday living.
By bridging tradition with modern design, accessibility, and sensorial appeal, we aspire to serve both niche connoisseurs and mass consumers worldwide, making Ayurvedic wellness intuitive, desirable, and relevant across cultures, generations, and lifestyles.</p>
</div>
</div>
</div>

</div>

</div>
</section>

<section class="cinematicc founders-section"> 
    <div class="container">
        <div class="section-title-04 center text-center mb-5 position-relative wow fadeInUp" data-wow-delay="100ms" style="visibility: visible; animation-delay: 100ms; animation-name: fadeInUp;">
                    
                    <h2 class="display-20 display-sm-15 display-xl-9 lh-1 mb-0 w-sm-80 w-md-60 w-lg-45 mx-auto head">
                        <span class="text-gray">Awards & </span>
                        <span class="text-white">Recognitions</span>
                      </h2>
                    <div class="line"></div>
                </div>
  <div class="awardsSlider-wrapper">

<div class="awardsSlider-slide active">
          <img src="images/tv9-health.jpeg" alt="">
          <div class="awardsSlider-caption">TV9 Health Conclave Award</div>
        </div>

<div class="awardsSlider-slide">
          <img src="images/timesnow.jpeg" alt="">
          <div class="awardsSlider-caption">Times Now Business Excellence Award East 2024</div>
        </div>

<div class="awardsSlider-slide">
          <img src="images/ET-Now-Industry.jpeg" alt="">
          <div class="awardsSlider-caption">ET Now Industry Icons Award East 2025</div>
        </div>

<div class="awardsSlider-slide">
          <img src="images/news18.png" alt="">
          <div class="awardsSlider-caption">News18 Leadership Conclave 2025</div>
        </div>

<div class="awardsSlider-slide">
          <img src="images/republic-shilper.jpeg" alt="">
          <div class="awardsSlider-caption">Republic Shilper Gourav</div>
        </div>

<div class="awardsSlider-slide">
          <img src="images/bharat-chamber.jpeg" alt="">
          <div class="awardsSlider-caption">Baijnath Bhiwaniwalla Memorial Trophy Awarded by Bharat Chamber of Commerce</div>
          
        </div>

</div>

<button class="awardsSlider-nav prev">&#10094;</button>
      <button class="awardsSlider-nav next">&#10095;</button>

</div>
  </div>
</section>

<footer class="footer-new">
    <div class="container">

<div class="col-md-6 col-lg-6 col-xl-4 footer-col">
                <img src="images/logo.png" class="footer-logo" alt="Jac Olivol">
                <p class="footer-text color-white">
                    Rooted in Ayurvedic wisdom since the 1960s, Jac Olivol blends
                    heritage formulations with modern science for holistic body care.
                </p>

<div class="col-md-6 col-lg-6 col-xl-2 footer-col">
                <h4 class="footer-title"><span class="text-gray">Quick </span>
                <span class="text-white">Links</span></h4>
                <ul class="footer-links">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="about.html">About Us</a></li>
                    
                    <li><a href="contact.html">Contact Us</a></li>
                </ul>
            </div>

<div class="col-md-6 col-lg-6 col-xl-3 footer-col">
                <h4 class="footer-title"><span class="text-gray">Registered </span>
                <span class="text-white">Office</span></h4>
                <div class="footer-contact">
                    <div class="d-flex">
                        <div class="icon-divv">
                            <i class="fas fa-map-marker-alt"></i>
                        </div>
                        <div class="content-divv">
                            <p class="color-white">285A, B.B.<br> Ganguly Street,<br> Kolkata - 700012,<br> West Bengal,<br> India</p>
                        </div>
                    </div>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                     <div class="d-flex con1">
                        <div class="icon-divv">
                            <i class="fas fa-envelope"></i>
                        </div>
                        <div class="content-divv">
                            <p>info@jacolivol.com</p>
                        </div>
                    </div>
                </div>
              
            </div>

<div class="col-md-6 col-lg-6 col-xl-3 footer-col">
                <h4 class="footer-title"><span class="text-gray">Corporate </span>
                <span class="text-white">Office</span>
                </h4>
                 <div class="footer-contact">
                  <div class="d-flex">
                        <div class="icon-divv">
                            <i class="fas fa-map-marker-alt"></i>
                        </div>
                        <div class="content-divv">
                            <p class="color-white"> Jac Olivol Group<br> 1, Lower Rawdon St.<br> Sreepally, Ballygunge<br> Kolkata - 700020<br> West Bengal</p>
                        </div>
                    </div>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                     <div class="d-flex con">
                        <div class="icon-divv">
                            <i class="fas fa-envelope"></i>
                        </div>
                        <div class="content-divv">
                            <p>contact@jacolivol.com</p>
                        </div>
                    </div>
                </div>
               
            </div>

</div>

<div class="footer-bottom">
            <p>© 2026 Jac Olivol. Designed By Verse.</p>
        </div>

</div>
</footer>

</div>

<script src="js/jquery.min.js"></script>

<script src="js/popper.min.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="js/jquery.scrollbar.min.js"></script>

<script src="js/core.min.js"></script>

<script src="js/search.js"></script>

<script src="js/main.js"></script>

<script src="js/plugins.js"></script>

<script src="js/scripts.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>

<script>
        new Swiper(".productSwiper", {
            slidesPerView: 2,
            spaceBetween: 60,
            loop: true,
            autoplay: {
                delay: 2000,
                disableOnInteraction: false,
            },
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
            }
        });
    </script>

toggler.addEventListener('click', () => {
    slideNav.classList.add('active');
    overlay.classList.add('active');
    icon.classList.replace('fa-bars', 'fa-times');
});

function closeNav() {
    slideNav.classList.remove('active');
    overlay.classList.remove('active');
    icon.classList.replace('fa-times', 'fa-bars');
}

overlay.addEventListener('click', closeNav);
closeBtn.addEventListener('click', closeNav);

</script>

<script>
  const testimonialSwiper = new Swiper('.testimonial-swiper', {
    effect: 'fade',
    loop: true,
    speed: 5000,

fadeEffect: {
      crossFade: false
    },

autoplay: {
      delay: 7000,
      disableOnInteraction: false
    },

pagination: {
      el: '.testimonial-pagination',
      clickable: true
    }
  });

/* ===============================
   PAUSE AUTOPLAY ON HOVER
================================= */

const testimonialContainer = document.querySelector('.testimonial-swiper');

testimonialContainer.addEventListener('mouseenter', () => {
  if (testimonialSwiper.autoplay) {
    testimonialSwiper.autoplay.stop();
  }
});

testimonialContainer.addEventListener('mouseleave', () => {
  if (testimonialSwiper.autoplay) {
    testimonialSwiper.autoplay.start();
  }
});
</script>

<script>
        gsap.registerPlugin(ScrollTrigger);

// Animate each section with staggered, bouncy entry
        gsap.utils.toArray('.vision-section').forEach((section, index) => {
            gsap.to(section, {
                scrollTrigger: {
                    trigger: section,
                    start: 'top 85%',
                    end: 'bottom 15%',
                    toggleClass: 'animate',
                },
                duration: 1,
                ease: 'back.out(1.7)', // Bouncy effect for attractiveness
                delay: index * 0.2, // Staggered delay
            });
        });
 </script>

const visionSwiper=new Swiper(".vision-swiper",{
loop:true,
speed:1200,
autoplay:{
delay:4000,
disableOnInteraction:false
},
pagination:{
el:".vision-pagination",
clickable:true
}
});

});
</script>

const slider = document.querySelector(".creative-fullpage--slider");
  const html = document.documentElement;
  const body = document.body;

const swiper = new Swiper(".swiper-container-h", {
    direction: "horizontal",
    speed: 1600,
    loop: true,
    rtl: true,
    parallax: true,
    mousewheel: false,

autoplay: false, // ❌ stop autoplay on load

pagination: {
      el: ".swiper-pagination",
      type: "progressbar"
    }
  });

let isAnimating = false;
  let active = false;

function lockScroll() {
    html.classList.add("lock-scroll");
    body.classList.add("lock-scroll");
  }

function unlockScroll() {
    html.classList.remove("lock-scroll");
    body.classList.remove("lock-scroll");
  }

/* ===============================
     OBSERVE SLIDER VISIBILITY
  =============================== */
  const observer = new IntersectionObserver(
    ([entry]) => {
      if (entry.isIntersecting) {
        active = true;
        lockScroll();

// ✅ START AUTOPLAY WHEN VISIBLE
        swiper.params.autoplay = {
          delay: 5000,
          disableOnInteraction: false
        };
        swiper.autoplay.start();

} else {
        active = false;
        unlockScroll();

// ✅ STOP AUTOPLAY WHEN NOT VISIBLE
        if (swiper.autoplay) {
          swiper.autoplay.stop();
        }
      }
    },
    { threshold: 0.8 }
  );

observer.observe(slider);

/* ===============================
   PAUSE AUTOPLAY ON HOVER
  =============================== */
  slider.addEventListener("mouseenter", function () {
    if (swiper.autoplay) swiper.autoplay.stop();
  });

slider.addEventListener("mouseleave", function () {
    if (swiper.autoplay && active) swiper.autoplay.start();
  });

/* ===============================
     SCROLL CONTROL
  =============================== */
  slider.addEventListener("wheel", function (e) {
    if (!active) return;

e.preventDefault();
    e.stopPropagation();

if (isAnimating) return;

if (e.deltaY > 0) {
      isAnimating = true;
      swiper.slideNext();
      setTimeout(() => isAnimating = false, 1700);
    }
  }, { passive: false });

slider.addEventListener("touchmove", function (e) {
    if (active) {
      e.preventDefault();
      e.stopPropagation();
    }
  }, { passive: false });

});
</script>

<script>
(function () {
  const slides = document.querySelectorAll(".awardsSlider-slide");
  const nextBtn = document.querySelector(".awardsSlider-nav.next");
  const prevBtn = document.querySelector(".awardsSlider-nav.prev");

let current = 0;
  let timer;
  let isAnimating = false;
  const DURATION = 700;

slides.forEach((slide, i) => {
    slide.style.transform = i === 0 ? "translateX(0)" : "translateX(100%)";
    slide.classList.toggle("active", i === 0);
  });

function cleanClasses() {
    slides.forEach(slide =>
      slide.classList.remove("to-left", "to-right")
    );
  }

function goToSlide(next, direction) {
    if (isAnimating || next === current) return;
    isAnimating = true;

cleanClasses();

const currentSlide = slides[current];
    const nextSlide = slides[next];

/* 🔑 position incoming slide based on direction */
    nextSlide.style.transition = "none";
    nextSlide.style.transform =
      direction === "next" ? "translateX(100%)" : "translateX(-100%)";

requestAnimationFrame(() => {
      requestAnimationFrame(() => {
        nextSlide.style.transition = "transform 0.7s ease";
        nextSlide.style.transform = "translateX(0)";
      });
    });

currentSlide.classList.remove("active");
    currentSlide.classList.add(
      direction === "next" ? "to-left" : "to-right"
    );

nextSlide.classList.add("active");

setTimeout(() => {
      current = next;
      isAnimating = false;
    }, DURATION);
  }

function nextSlide() {
    goToSlide((current + 1) % slides.length, "next");
  }

function prevSlide() {
    goToSlide((current - 1 + slides.length) % slides.length, "prev");
  }

function startAuto() {
    timer = setInterval(nextSlide, 3000);
  }

function resetAuto() {
    clearInterval(timer);
    startAuto();
  }

nextBtn.addEventListener("click", () => {
    nextSlide();
    resetAuto();
  });

prevBtn.addEventListener("click", () => {
    prevSlide();
    resetAuto();
  });

startAuto();
})();
</script>
</body>

</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: about.html

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation