Gecko [ gandhischool.edu.np ]

Name	Size	Permission
.git	[ DIR ]	drwxrwxr-x
.vscode	[ DIR ]	drwxrwxr-x
assets	[ DIR ]	drwxrwxr-x
css	[ DIR ]	drwxrwxr-x
sass	[ DIR ]	drwxrwxr-x
vendor	[ DIR ]	drwxrwxr-x
bsd.html	89.38 KB	-rw-rw-r--
index.html	34.17 KB	-rw-rw-r--
prepros.config	22.04 KB	-rw-rw-r--
privacy-policy.html	22.75 KB	-rw-rw-r--
terms-conditions.html	27.11 KB	-rw-rw-r--

Code Editor : index.html

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

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <meta name="description" content="" />
  <meta name="author" content="" />
  <link rel="preconnect" href="https://fonts.gstatic.com" />
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"
    rel="stylesheet" />
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
  <title>Smartsoft Network</title>
  <meta name="description" content="EdTech Solutions that shapes Brighter Futures " />
  <meta name="keywords"
    content="Smartsoft networks, IT company, Smartsikshya, BSD, software development, App Development, Software consulting, School management software" />
  <link rel="icon" href="assets/images/icon-a2.png" type="image/x-icon" />
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
  
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
  
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/owl.carousel@2.3.4/dist/assets/owl.carousel.min.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/owl.carousel@2.3.4/dist/assets/owl.theme.default.min.css" />
  
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
  <link rel="stylesheet" href="assets/css/fontawesome.css" />
  <link rel="stylesheet" href="assets/css/templatemo-space-dynamic.css" />
  <link rel="stylesheet" href="assets/css/animated.css" />
  <link rel="stylesheet" href="css/style.css" />
  <link rel="stylesheet" href="css/style2.css" />

<!--
    
TemplateMo 562 Space Dynamic

https://templatemo.com/tm-562-space-dynamic

-->
<style>
   .main-top {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 16vh;
      /* Added to fill the viewport height */
      position: relative;

}

.main-box {
      position: absolute;
      top: -130%;
      left: 18%;
      transform: translate(-50%, -50%);
    }

.box1,
    .box2,
    .box3,
    .box4,
    .box5,
    .box6 {
      width: 90px;
      height: 90px;
      background: #ffffff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      /* Box shadow */
      padding: 20px;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform-origin: center center;
    }

.box1,
    .box2,
    .box3,
    .box4,
    .box5,
    .box6 img {
      animation: rotateAnimation1 15s linear infinite;
      -webkit-animation: rotateAnimation1 15s linear infinite;
      z-index: 9999;
    }

.mainn-box {
      width: 400px;
      height: 400px;
      animation: rotateAnimation 15s linear infinite;
      -webkit-animation: rotateAnimation 15s linear infinite;
      position: absolute;
      border: 1px solid #c9c9c9;
      border-radius: 50%;
      padding: 200px;
    }

@keyframes rotateAnimation1 {
      from {
        transform: rotate(0deg);
      }

to {
        transform: rotate(360deg);
      }
    }

@keyframes rotateAnimation {
      from {
        transform: rotate(-0deg);
      }

to {
        transform: rotate(-360deg);
      }
    }

.box1 {
      top: 136px;
      left: -44px;
    }

.box2 {
      top: calc(14% - 98px);
      left: 159px;
    }

.box3 {
      top: calc(30% - 82px);
      left: 308px;
    }

.box3 {
      top: calc(55% - 82px);
      /* right: 432px !important; */
      left: 349px;
    }

.box4 {
      top: calc(89% - 8px);
      right: 13px;
      left: 153px;
    }

/* .box5 {
            bottom: calc(2% - 23px);
            right: 59px;
            left: 342px;
        } */
    .box5 {
      bottom: calc(2% - 29px);
      right: 59px;
      top: 259px;
      left: 319px;
    }

.box6 {
      top: calc(98% - 40px);
      left: 132px;
    }

.img-box img {
      width: 400px;
      /* height: 200px; */
    }

.img-box {
      width: 400px;
      height: 400px;
      position: absolute;
      overflow: hidden;
      border-radius: 50%;
      z-index: 0;
    }
</style>
</head>

<header class="header-area header-sticky wow slideInDown" data-wow-duration="0.75s" data-wow-delay="0s">
    <div class="container">
      <div class="row d-flex justify-content-between align-items-lg-center align-items-md-center">

<div class="col-3 col-md-2">
          <a href="index.html" class="logo d-flex align-self-center">
            <img src="assets/images/smartsoft-logo3.png" alt="logo" />
          </a>
        </div>
        <div class="col-9 col-md-10">
          <nav class="main-nav ">

<ul class="nav">
              <li class="scroll-to-section">
                <a href="#top">Home</a>
              </li>
              <li class="scroll-to-section"><a href="#about">About Us</a></li>
              
              <li>
                <div class="for-posation">
                  <div class="product"><a href="#product">
                      Products
                      <i style="font-size: 10px" class="bi bi-caret-down-fill"></i></a>

<ul class="product-li   text-center text-lg-center">
                      <li><a class="sub-list1" href="bsd.html">Bsd Coding</a>

</li>
                      <li>
                        <a class="sub-list1" target="_blank" href="https://smartsikshya.com/">Smartsikshya</a>
                      </li>
                      <li style="display: none;">
                        <a class="sub-list1" href="https://smartsikshya.com/">Smartsikshya</a>
                      </li>
                      
                    </ul>
                  </div>
                </div>

<ul class="product-li3 d-lg-none d-md-none d-block   text-center text-lg-center">
                  <li><a class="sub-list1" href="bsd.html">Bsd Coding</a>

</li>
                  
                  <li>
                    <a class="sub-list1" href="index.html#Products">LMS</a>
                  </li>
                  <li>
                    <a class="sub-list1" href="index.html#Products">ERP</a>
                  </li>
                  <li>
                    <a class="sub-list1" href="https://smartsikshya.com/">Smartsikshya</a>
                  </li>
                  <li style="display: none;">
                    <a class="sub-list1" href="https://smartsikshya.com/">Smartsikshya</a>
                  </li>
                  
                </ul>
              </li>
              <li class="scroll-to-section"><a href="#blog">Why-us</a></li>
              <li class="scroll-to-section">
                <a href="#contact">Message Us</a>
              </li>
              <li class=" main-red-button scroll-to-section">

<a href="#contact">Contact Now</a>

</li>
            </ul>
            <a class="menu-trigger">

<div class="col-lg-6 topp">
              <div class="left-content header-text wow fadeInLeft" data-wow-duration="1s" data-wow-delay="1s">
                <h6>Welcome to smartsoft network</h6>
                <h2>
                  EdTech<em> Solutions</em> that shapes<span> Brighter</span>
                  Futures
                </h2>
                <div class="col-lg-6 d-lg-none d-block">
                  <div class="right-image wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
                    <img src="assets/images/banner-right.png" alt="team meeting" />
                  </div>
                </div>
                <div>
                  <p>
                    Welcome to SmartSoft Networks! We're a youth-driven
                    startup on a mission to make high-quality education
                    affordable for every child in Nepal. Join us in
                    transforming education through innovative technology.
                  </p>
                  <form id="search" action="#" method="GET">
                    <fieldset>
                      <input type="address" name="address" class="email"
                        placeholder="How technology is transforming schools" autocomplete="on" required disabled />
                    </fieldset>
                    <fieldset>
                      <button type="submit" id="" class="main-button scroll-to-section">
                        <a href="#Products">View Now</a>
                      </button>

</fieldset>
                  </form>
                </div>
              </div>
            </div>
            <div class="col-lg-6 d-none d-lg-block">
              
              <div class="main-top">
                <div class="main-box">
                  <div class="img-box">
                    <div>

</div>
                  </div>
                  <div class="mainn-box">
                    <div class="box1">
                      <div>

</div>
                    </div>
                    <div class="box2">
                      <div>

</div>
                    </div>
                    <div class="box3">
                      <div>

</div>
                    </div>
                    <div class="box4">
                      <div>

<div id="about" class="about-us section">
    
    <div class="container">
      <div class="row">
        <div class="col-lg-4">
          <div class="left-image wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
            <img src="assets/images/about-left-image.png" alt="person graphic" />
          </div>
        </div>
        <div class="col-lg-4">
          <div class="services">
            <div class="row">
              <div class="col-lg-12">
                <div class="item about-us-content wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
                  <div class="icon">
                    <img src="assets/images/service-icon-01.png" alt="reporting" />
                  </div>
                  <div class="right-text about-us-contentA pb-5 pt-3">
                    <h4>ABOUT SMARTSOFT NETWORK</h4>
                    <p class="pt-1">
                      SmartSoft Networks is a edtech startup
                      committed to driving the digital
                      transformation of educational institutions in
                      Nepal. Established in 2073 BS. with a
                      vision to make quality education accessible
                      to all, we specialize in developing and
                      providing innovative and affordable
                      software solutions tailored to the needs of
                      educators and students. Our core team
                      brings over 10 years of experience in
                      software development and management.
                    </p>

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

<div class=" col-lg-4">
          <div class=" services">
            <div class="row">
              
              <div class=" col-lg-12">
                <div class="item wow fadeIn about-us-content" data-wow-duration="1s" data-wow-delay="0.7s">
                  <div class="icon">
                    <img src="assets/images/service-icon-02.png" alt="" />
                  </div>
                  <div class="right-text pt-4 about-us-contentA">
                    <h4>VISION</h4>
                    <p class="pt-4">
                      To revolutionize the educational
                      landscape by providing cutting-edge software solutions that
                      enhance learning outcomes,
                      foster creativity, and bridge the
                      digital divide, ultimately
                      contributing to the development
                      of a knowledge-driven society.
                    </p>
                  </div>
                </div>
              </div>
              <div class="col-lg-12 push-image">
                <div class="item wow about-us-content fadeIn" data-wow-duration="1s" data-wow-delay="0.9s">
                  <div class="icon">

<img src="assets/images/service-icon-03.png" alt="" />
                  </div>
                  <div class="right-text pt-4 about-us-contentA">
                    <h4 class="">MISSION</h4>
                    <p class="pt-4">
                      To democratize education through
                      innovative and accessible
                      technology solutions, empowering
                      educators and students to thrive in
                      the digital age.
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

<div id="Products" class="our-portfolio section">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 offset-lg-3 pb-0 mb-0">
          <div class="section-heading wow bounceIn pb-0 mb-0" data-wow-duration="1s" data-wow-delay="0.2s">
            <h2><span>Our Products</span></h2>
          </div>
        </div>
      </div>

<div class="owl-carousel d-flex justify-content-center">
        <div class="col-lg-12 px-2 col-sm-12 slider1">
          <a target="_blank" href="https://smartsikshya.com/">
            <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.3s">
              <div class="hidden-content z-3">
                <h4>SMARTSIKSHYA SOFTWARE</h4>
                <p>
                  Affordable school software: Smartsikshya, a cloud-based
                  solution, efficiently manages educational operations for
                  institutions, ensuring complete functionality and
                  cost-effectiveness.
                </p>
              </div>
              <div class="showed-content text-center">
                <img src="assets/images/new-logo.jpg" alt="" />
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-12 px-2 col-sm-12 slider1">
          <a href="#">
            <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.4s">
              <div class="hidden-content">
                <h4>LEARNING MANAGEMENT SYSTEM SOFTWARE</h4>
                <p>
                  Elevate your School's learning and training initiatives with
                  our user-friendly LMS software, designed for seamless
                  education management
                </p>
              </div>
              <div class="showed-content">
                <img src="assets/images/lms1.jpg" alt="" />
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-12 px-2 col-sm-12 slider1">
          <a href="#">
            <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.5s">
              <div class="hidden-content">
                <h4>CONTINUOUS ASSESSMENT SYSTEM SOFTWARE</h4>
                <p>
                  Continuous Assessment System, your dynamic tool for
                  monitoring and enhancing student performance and progress
                  throughout every educational journey.
                </p>
              </div>
              <div class="showed-content">
                <img src="assets/images/cas1.jpg" alt="" />
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-12 px-2 col-sm-12 slider1">
          <a href="#">
            <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.6s">
              <div class="hidden-content">
                <h4>SMARTACCOUNTING (ERP) SOFTWARE</h4>
                <p>
                  SmartAccounting (ERP) streamlines financial tasks, covering
                  management, bookkeeping, invoicing, inventory, and reporting
                  for businesses in one efficient software.
                </p>
              </div>
              <div class="showed-content">
                <img src="assets/images/erp1.jpg" alt="" />
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-12 px-2 col-sm-12 slider1">
          <a href="bsd.html">
            <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.6s">
              <div class="hidden-content">
                <h4>BUILD SOMETHING DIFFERENT (BSD) EDUCATION</h4>
                <p>
                  BSD Education provides content, software, training and
                  support that enables any educator to teach students coding
                  and digital skills.
                </p>
              </div>
              <div class="showed-content">
                <img src="assets/images/bsd1.jpg" alt="" />
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>

<div id="blog" class="feat">
    <div class="container">
      <div class="section-head col-sm-12">
        <h2><span>Why Choose</span> Us?</h2>
        <p>SmartSoft revolutionizes Nepal's education with advanced
          tech, ensuring affordable, accessible education for all
          Nepalese children. Our data-driven solutions transform
          school operations, supporting communities and businesses.
          Experience the Smart Soft difference—join us today for
          accessible and affordable education.</p>
      </div>

<div class="row">
        <div class="col-lg-4 col-sm-6" style="padding: 15px;">
          <div class="why-us-main">
            <div class="why-us">
              <div class="right-image">
                <a href="#"><img src="assets/images/why-us1.png" alt="" /></a>
              </div>
              <h4>Integrated School Management</h4>
              <p>Introducing Comprehensive Solutions: Our integrated
                cloud-based platform simplifies school management by
                combining LMS, ERP, and technology education curriculum.
                Streamline processes and reduce complexity in one
                convenient platform.</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6" style="padding: 15px;">
          <div class="why-us-main">
            <div class="why-us">
              <div class="right-image">
                <a href="#"><img src="assets/images/why-us2.png" alt="" /></a>
              </div>
              <h4>SSN: Efficiency & Connectivity for Education</h4>
              <p>SSN's integrated technology platform streamlines student
                record management, lesson delivery, and parent-teacher
                communication for efficient collaboration among all
                stakeholders.</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6" style="padding: 15px;">
          <div class="why-us-main">
            <div class="why-us">
              <div class="right-image">
                <a href="#"><img src="assets/images/database-cloud.png" alt="" /></a>
              </div>
              <h4>Cloud Learning: SSN Revolutionizes Education</h4>
              <p>SS enables flexible cloud-based learning. Accessible from
                any device with internet, it promotes remote collaboration
                and resource accessibility. Embrace the future of
                education with SSN.</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6" style="padding: 15px;">
          <div class="why-us-main">
            <div class="why-us">
              <div class="right-image">
                <a href="#"><img src="assets/images/why-us4.png" alt="" /></a>
              </div>
              <h4>Proven Expertise</h4>
              <p>With over a decade of experience in software development and management,
                our core team brings unparalleled knowledge and skills to the table.
                We understand the unique challenges faced by educational
                institutions and are equipped to provide solutions that work.
              </p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6" style="padding: 15px;">
          <div class="why-us-main">
            <div class="why-us">
              <div class="right-image">
                <div href="#"><img src="assets/images/why-us5.png" alt="" /></div>
              </div>
              <h4>Focus on Innovation</h4>
              <p>We are commited to revolutionizing the educational landscape with
                our forward-thinking approach. Our solutions are designed to foster
                creativity, enhance learning experiences,and bridge the
                digital divide, contributing to a knowledge-driven society.</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6" style="padding: 15px;">
          <div class="why-us-main">
            <div class="why-us">
              <div class="right-image">
                <div href="#"><img src="assets/images/why-us6.jpg" alt="" /></div>
              </div>
              <h4>Tailored Solutions</h4>
              <p>We specialize in developing innovative and affordable
                software solutions designed to meet the specific needs
                of educators and students. Our products are crafted to enhance
                learning outcomes and make quality education accessible to all.</p>
            </div>
          </div>
        </div>
      </div>

<div class="main-blue-button dicover-trigger" style="padding-top: 10px">
        <p class="text-light">
          Discover More
          <i class="bi bi-caret-down-fill" style="font-size: 12px"></i>
        </p>
      </div>
      <div class="dicover-more-content">
        <div class="row">
          <div class="col-lg-12" style="padding-top: 30px">
            <div class="dicover-moree">
              <h4>Tech-Driven Classroom Excellence</h4>
              <p>
                Cutting-Edge Tools: Elevate your classrooms with our
                exceptional tech products, including smart boards and other
                innovative solutions. Transform traditional learning
                environments into dynamic spaces where creativity and
                exploration thrive. Moreover, SSN offers comprehensive support
                services to ensure schools can effectively implement and
                utilize these technologies
              </p>
            </div>
          </div>
          <div class="col-lg-12">
            <div class="py-4 dicover-moree">
              <h4>SSN: Your Trusted Education Partner</h4>
              <p>
                Security and Reliability: Trust in SSN's robust security
                measures and reliable infrastructure to safeguard your
                school's data and ensure uninterrupted access to our services.
                With SSN, you can focus on what matters most educating
                tomorrow's leaders.
              </p>
            </div>
          </div>
          <div class="col-lg-12">
            <div class="dicover-moree">
              <h4>Maximize ROI: SSN's All-in-One Solution</h4>
              <p>
                Value for Money: Maximize your investment with SSN's
                all-in-one solution. By consolidating your technology needs
                into a single platform, you'll save time, resources,and
                headaches.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

<h2>SMARTSOFT</h2>
            <p class="line-height">
              SmartSoft is a versatile and intelligent software solution
              empowering efficient automation and enhanced decision-making for
              school.
            </p>
            <div class="phone-info">
              
              <div class="row">
                <div class="col-lg-6 col-md-6">
                  <h4>USEFUL LINK</h4>
                  <ul class="mt-2 usefull-link">
                    <li class="scroll-to-section">
                      <a href="#top" class="active">Home</a>
                    </li>
                    <li class="scroll-to-section">
                      <a href="#about">About Us</a>
                    </li>
                    
                    <li class="scroll-to-section">
                      <a href="#Products">Products</a>
                    </li>
                    <li class="scroll-to-section">
                      <a href="#blog">Why-us</a>
                    </li>
                    <li class="scroll-to-section">
                      <a href="#contact">Message Us</a>
                    </li>
                    <li>
                      <a href="terms-conditions.html">Terms & Conditions</a>
                    </li>
                    <li><a href="privacy-policy.html">Privacy Policy</a></li>
                  </ul>
                </div>
                <div class="col-lg-6 col-md-6 contact1-us">
                  <h4>CONTACT US</h4>
                  <div class="text-light mt-2">
                    <div>
                      <h6><b>MAIL</b></h6>
                      <p class="mt-1">
                        <a href="mailto:info@smartsoft.com.np"><i class="bi bi-envelope-fill"></i>
                          info@smartsoft.com.np</a>
                      </p>
                      <p>
                        <a href="mailto:smartsoftnetworks@gmail.com"><i class="bi bi-envelope-fill"></i>
                          smartsoftnetworks@gmail.com</a>
                      </p>
                    </div>
                  </div>
                  <div class="text-light mt-2">
                    <div>
                      <h6><b>Call Us</b></h6>
                      <p class="mt-1">
                        <a href="tel:9801902471"><i class="bi bi-telephone-fill"></i> 9801902471</a>
                      </p>
                      <p class="mt-1">
                        <a href="tel:9818034888"><i class="bi bi-telephone-fill"></i> 9818034888</a>
                      </p>
                      <p class="mt-1">
                        <a href="tel:9702650878"><i class="bi bi-telephone-fill"></i> 9702650878</a>
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 wow fadeInRight" data-wow-duration="0.5s" data-wow-delay="0.25s">
          <form id="contact" action="" method="post">
            <div class="row">

<footer>
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <p>
            &copy; 2024 Copyright SmartSoft Networks. All Rights Reserved.
            <br />
            
          </p>
        </div>
      </div>
    </div>
  </footer>
  
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
    crossorigin="anonymous"></script>
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/js/owl-carousel.js"></script>
  <script src="assets/js/animation.js"></script>
  <script src="assets/js/imagesloaded.js"></script>
  <script src="assets/js/templatemo-custom.js"></script>
  <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/owl.carousel@2.3.4/dist/owl.carousel.min.js"></script>
  <script src="assets/js/slider.js"></script>
  <script src="vendor/jquery/jquery-s.js"></script>
  <script>
    // $(".menu-trigger ").click(function () {
    //   $(".topp").toggleClass("topp2");
    // });
    $(".dicover-trigger").click(function () {
      $(".dicover-more-content").slideToggle();
    });

$(document).ready(function () {
      const $productLink = $('.product a');
      const $productList = $('.product-li3');

$productLink.on('click', function (e) {
        if ($(window).width() < 993) {
          e.preventDefault();
          $productList.toggleClass('active');
        }
      });

// Reset the product list state on window resize
      $(window).on('resize', function () {
        if ($(window).width() >= 992) {
          $productList.removeClass('active');
        }
      });
    });

//> $(".product").click(function () {
    // $('.product-li').slideToggle()
    // $(".product-li3").toggleClass("product-li2");
    // });
    $(window).scroll(function () {
      $(".product-li3").removeClass("product-li2"); // Hides dropdown content on scroll
    });

</script>
</body>

</html>

${this.title}

Code Editor : index.html