MMCT TEAM
Server IP : 217.21.85.138  /  Your IP : 216.73.216.103
Web Server : LiteSpeed
System : Linux in-mum-web906.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64
User : u915722082 ( 915722082)
PHP Version : 7.4.33
Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : OFF  |  Python : OFF
Directory (0755) :  /home/u915722082/.nvm/../public_html/rkeventandmedia/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home/u915722082/.nvm/../public_html/rkeventandmedia/contact.html
<!DOCTYPE html>
<html lang="zxx">
<head>
        <!-- Meta Tags -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
        <meta name="description" content="RK MEDIA Photography Agency">
        <meta name="author" content="">

        <!-- Favicon and touch Icons -->
        <!-- <link href="./assets/img/favicon.png" rel="shortcut icon" type="image/png">
        <link href="./assets/img/apple-touch-icon.html" rel="apple-touch-icon">
        <link href="./assets/img/apple-touch-icon-72x72.html" rel="apple-touch-icon" sizes="72x72">
        <link href="./assets/img/apple-touch-icon-114x114.html" rel="apple-touch-icon" sizes="114x114">
        <link href="./assets/img/apple-touch-icon-144x144.html" rel="apple-touch-icon" sizes="144x144"> -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
        <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.1/assets/owl.carousel.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.1/assets/owl.theme.default.min.css"> -->

        <!-- Page Title -->
        <title>RK Media & Events</title>    
        
        <!-- Styles Include -->
        <link rel="stylesheet" href="./assets/css/main.css">
        <style>
       .header.color-fixed .mainnav ul.main-menu > li > a, .header.color-fixed .mr_menu_toggle, .header.color-fixed .modal_search_icon, .header.color-fixed .overlay_menu_toggle {
    color: #000000;
}
.header.color-fixed .aside_open span {
    background: #000000;
}
       </style>
    </head>


    <body class="theme-style--light">
       
        <!-- Preloader -->
        <!-- <div id="preloader">
			<div class="preloader-inner">
				<div class="spinner">
                    <img src="./assets/img/preloader-logo.svg" alt="img">
                    <img src="./assets/img/preloader-wheel.svg" alt="img" class="wheel">
                </div>
				
			</div>
		</div> -->

        <!-- pointer start -->
		<div class="pointer bnz-pointer" id="bnz-pointer"></div>
        
          <!-- <div class="grid_lines">
            <div class="grid_line"></div>
            <div class="grid_line"></div>
            <div class="grid_line"></div>
            <div class="grid_line"></div>
            <div class="grid_line"></div>
            <div class="grid_line"></div>
            <div class="grid_line"></div>
        </div> -->
        
          <!-- Main Header -->
       <header class="header color-fixed">
            <!-- Lower Bar -->
            <div class="header-inner">
                <div class="container-fluid pe-0">
                    <div class="d-flex align-items-center justify-content-between">
                        <!-- Left Part -->
                        <div class="header_left_part d-flex align-items-center">
                            <div class="logo">
                                <!-- <a href="#" class="light_logo"><img src="./assets/img/logo.svg" alt="logo"></a>
                                <a href="#" class="dark_logo"><img src="./assets/img/logo-dark.svg" alt="logo"></a> -->
                                <a href="#" class="light_logo">RK MEDIA</a>
                                <!-- <a href="#" class="dark_logo">RK MEDIA</a> -->
                            </div>
                        </div>

                        <!-- Center Part -->
                        <div class="header_center_part d-none d-xl-block">
                            <div class="mainnav">
                                <ul class="main-menu">
                                    <li class="menu-item  menu-item-has-children  active"><a href="#">Our Work</a>
                                  <ul class="sub-menu" data-lenis-prevent="">
                                            <li class="menu-item"><a href="wedding.html">Wedding</a></li>
                                          
                                            <li class="menu-item"><a href="event.html">Event</a></li>
                                            <li class="menu-item"><a href="commercial.html">Commercial</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item"><a href="#"><i class="bi bi-instagram" style="color: #B90808;"></i> Instagram</a></li>

                                    
                                  
                                    <li class="menu-item "><a href="contact.html">Contact us</a>
                                       
                                    </li>                         
                                  
                                </ul>
                            </div>
                        </div>

                        <div class="header_right_part d-flex align-items-center">
                            <div class="aside_open wptb-element">
                                <div class="aside-open--inner">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </div>
<button type="button" class="mr_menu_toggle wptb-element d-xl-none">
                                <i class="bi bi-list"></i>
                            </button>
                        </div>
                    </div>
                </div>
			</div>
		</header>

	<div class="mr_menu" data-lenis-prevent>
			<button type="button" class="mr_menu_close"><i class="bi bi-x-lg"></i></button>
            <div class="logo"></div> 
			
            <h6>Menu</h6>
            <div class="mr_navmenu"></div> 

            <h6>Contact Us</h6>
            <div class="wptb-icon-box1 style2">
                <div class="wptb-item--inner flex-start">
                    <div class="wptb-item--icon"><i class="bi bi-envelope"></i></div>
                    <div class="wptb-item--holder">
                        <p class="wptb-item--description"><a href="mailto:rkmedia@gmail.com">rkmedia@gmail.com</a></p>
                    </div>
                </div>
            </div>

            <div class="wptb-icon-box1 style2">
                <div class="wptb-item--inner flex-start">
                    <div class="wptb-item--icon"><i class="bi bi-geo-alt"></i></div>
                    <div class="wptb-item--holder">
                        <p class="wptb-item--description"><a href="#">Lorem ipsum dolor sit.</a></p>
                    </div>
                </div>
            </div>

            <div class="wptb-icon-box1 style2">
                <div class="wptb-item--inner flex-start">
                    <div class="wptb-item--icon"><i class="bi bi-phone"></i></div>
                    <div class="wptb-item--holder">
                        <p class="wptb-item--description"><a href="tel:+1234567899">+91 123 4567 889</a></p>
                    </div>
                </div>
            </div>

            <h6>Find Our Page</h6>
            <div class="social-box">
                <ul>
                   <li><a href="#"><i class="bi bi-facebook"></i></a></li>
                        <li><a href="#"><i class="bi bi-instagram"></i></a></li>
                        <li><a href="#"><i class="bi bi-linkedin"></i></a></li>
                        <li><a href="#"><i class="bi bi-youtube"></i></a></li>
                </ul>
            </div>  
		</div>

          <div class="aside_info_wrapper" data-lenis-prevent>
			<button class="aside_close">Close <i class="bi bi-x-lg"></i></button>

            <div class="aside_logo logo">
                <a href="#" class="light_logo">RK MEDIA</a>
                <a href="#" class="dark_logo">RK MEDIA</a>
            </div>

			<div class="aside_info_inner">

                <h6> Instagram</h6>
                <div class="insta-logo">
                    <i class="bi bi-instagram"></i>Lorem, ipsum.
                </div>
                <div class="wptb-instagram--gallery">
                    <div class="wptb-item--inner d-flex align-items-center justify-content-center flex-wrap">
                        <div class="wptb-item">
                            <div class="wptb-item--image">
                                <img src="./assets/images/rk-weds-insta-01.png" alt="instagram-gallery-img">
                            </div>
                        </div>
    
                        <div class="wptb-item">
                            <div class="wptb-item--image">
                                <img src="./assets/images/rk-weds-insta-02.png" alt="instagram-gallery-img">
                            </div>
                        </div>
    
                        <div class="wptb-item">
                            <div class="wptb-item--image">
                                <img src="./assets/images/rk-weds-brand-insta-03.png" alt="instagram-gallery-img">
                            </div>
                        </div>
    
                        <div class="wptb-item">
                            <div class="wptb-item--image">
                                <img src="./assets/images/rk-weds-brand-insta-04.png" alt="instagram-gallery-img">
                            </div>
                        </div>
    
                        <div class="wptb-item">
                            <div class="wptb-item--image">
                                <img src="./assets/images/rk-weds-brand-insta-05.png" alt="instagram-gallery-img">
                            </div>
                        </div>
                        
                        <div class="wptb-item">
                            <div class="wptb-item--image">
                                <img src="./assets/images/rk-weds-brand-insta-06.png" alt="instagram-gallery-img">
                            </div>
                        </div>
                    </div>
                </div>


                <div class="wptb-icon-box1 style2">
                    <div class="wptb-item--inner flex-start">
                        <div class="wptb-item--icon"><i class="bi bi-envelope"></i></div>
                        <div class="wptb-item--holder">
                            <p class="wptb-item--description"><a href="mailto:rkmedia@gmail.com">rkmedia@gmail.com</a></p>
                        </div>
                    </div>
                </div>

                <div class="wptb-icon-box1 style2">
                    <div class="wptb-item--inner flex-start">
                        <div class="wptb-item--icon"><i class="bi bi-geo-alt"></i></div>
                        <div class="wptb-item--holder">
                            <p class="wptb-item--description"><a href="#">28 Street, ABC colony</a></p>
                        </div>
                    </div>
                </div>

                <div class="wptb-icon-box1 style2">
                    <div class="wptb-item--inner flex-start">
                        <div class="wptb-item--icon"><i class="bi bi-phone"></i></div>
                        <div class="wptb-item--holder">
                            <p class="wptb-item--description"><a href="tel:+1234567890">+1234567890</a></p>
                        </div>
                    </div>
                </div>

                <h6>Follow Us</h6>
                <div class="social-box style-square">
                    <ul>
                        <li><a href="#"><i class="bi bi-facebook"></i></a></li>
                        <li><a href="#"><i class="bi bi-instagram"></i></a></li>
                        <li><a href="#"><i class="bi bi-linkedin"></i></a></li>
                        <li><a href="#"><i class="bi bi-youtube"></i></a></li>
                    </ul>
                </div>
			</div>
		</div>
        
        <!-- Modal Search -->
		<div class="search-modal">
			<div class="modal fade" id="modalSearch">
				<div class="modal-dialog modal-dialog-centered modal-lg">
					<div class="modal-content">
						<div class="search_overlay">
							<form class="credential-form" method="post">
                                <div class="form-group">
                                    <input type="text" name="search" class="keyword form-control" placeholder="Search Here">
                                </div>
                                <button type="submit" class="btn-search">
                                    <span class="text-first"> <i class="bi bi-arrow-right"></i> </span>
                                </button>
                            </form>
						</div>
					</div>
				</div>
			</div>
		</div>
        
       
        <main class="wrapper">
           <section class="rkmedia-contact-wrapper pt-150px pb-50px ">
        <div class="rkmedia-container">
            <div class="rkmedia-content">
                <div class="rkmedia-photos">
                    <div class="media-img1">
                        <img src="assets/images/Rk-contact-01.png" alt="">
                    </div>
                    <div class="media-img2">
                        <img src="assets/images/Rk-contact-02.png" alt="">
                    </div>
                </div>
                <h1 class="rkmedia-heading-primary">
                    Contact us <i>today</i> for your <i>special occasion</i>
                </h1>
                
                <!-- <div class="rkmedia-quote-section">
                    <h2 class="rkmedia-quote-text">Get your quote today</h2>
                    <div class="rkmedia-pill-wrapper">
                        <div class="rkmedia-pill"></div>
                        <div class="rkmedia-pill rkmedia-pill-two"></div>
                        <div class="rkmedia-pill rkmedia-pill-three"></div>
                    </div>
                </div> -->
                
                <div class="rkmedia-description">
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur voluptates libero iure quam at tenetur reprehenderit. Asperiores eveniet aspernatur rerum eos voluptatum dolorem repellat delectus</p>
                </div>
                
                <div class="rkmedia-contact-info">
                    <div class="rkmedia-contact-label">Speak to our friendly team</div>
                    <a href="tel:+00001111000
                    " class="rkmedia-phone-link">+91 0000 1111 000</a>
                </div>
            </div>
        </div>
    </section>
        <div class="photography-inquiry-wrapper">
        <div class="wedding-form-container">
            <div class="inquiry-header-section">
                <h1 class="couple-greeting-title">Dear Greeting Member </h1>
            </div>
            
            <form id="weddingContactInquiry">
                <div class="inquiry-details-row">
                    <span class="detail-label-text">My name is</span>
                    <input type="text" class="client-info-field" placeholder="Your Name" required>
                    <span class="detail-label-text">and I am planning a</span>
                    <input type="text" class="client-info-field" placeholder="Wedding" value="WEDDING" readonly>
                    <span class="detail-label-text">in</span>
                    <input type="text" class="client-info-field" placeholder="Location" required>
                    <span class="detail-label-text">on</span>
                </div>
                
                <div class="inquiry-details-row">
                    <input type="date" class="client-info-field" required>
                    <span class="detail-label-text">My wedding planner is</span>
                    <input type="text" class="client-info-field" placeholder="Planner Name">
                    <span class="detail-label-text">and I'm</span>
                    <input type="text" class="client-info-field" placeholder="@instagram" required>
                    <span class="detail-label-text">on Instagram</span>
                </div>
                
                <div class="contact-email-block">
                    <div class="email-request-label">Please email me your proposal at</div>
                    <input type="email" class="primary-email-input" placeholder="your.email@gmail.com" required>
                </div>
                
                <div class="additional-details-area">
                    <label class="details-prompt-label">Tell us more about your special day</label>
                    <textarea class="vision-description-field" placeholder="Share your vision, style preferences, must-have shots, or any special details about your wedding day that you'd like us to know..." rows="5"></textarea>
                </div>
                
                <!-- <div class="verification-captcha-zone">
                    <div class="mock-captcha-widget">
                        ☐ I'm not a robot<br>
                        <small style="color: #999;">reCAPTCHA</small>
                    </div>
                </div> -->
                
                <!-- <div class="elegant-divider-line"></div> -->
                
                <div class="form-submission-area">
                    <h2 class="connection-invitation-title">Let's Connect</h2>
                      <div class="header_right_part ">
                            <a class="btn btn-two creative" href="#">
                                <span class="btn-wrap">
                                    <span class="text-first">Explore Now</span>
                                    <span class="text-second"> <i class="bi bi-arrow-up-right"></i> <i class="bi bi-arrow-up-right"></i> </span>
                                </span>
                            </a>
                              
                        </div>
                </div>
            </form>
        </div>
    </div>

    <!-- <div class="gmapbox wow fadeInUp">
                <div id="googleMap" class="map"></div>
            </div> -->
<!-- <iframe 
  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3153.8363518497694!2d-122.42177868468194!3d37.77492977975979!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8085809c2fdbb3d3%3A0xd032d2e6cc2c37fd!2sSan+Francisco%2C+CA%2C+USA!5e0!3m2!1sen!2sin!4v1682818418235!5m2!1sen!2sin" 
  width="100%" 
  height="450" 
  style="border:0;" 
  allowfullscreen="" 
  loading="lazy" style="filter: grayscale(40px);"
  referrerpolicy="no-referrer-when-downgrade">
</iframe> -->
<iframe src="https://www.google.com/maps/embed?pb=!1m23!1m12!1m3!1d125035.0812066847!2d78.15422342098753!3d11.669852462203817!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m8!3e6!4m0!4m5!1s0x3babf1b65c940927%3A0x78da427bc0b0384d!2sBTR%20Nagar%2C%20BTR%20Layout%2C%20Ayothiapattinam%2C%20Salem%2C%20Tamil%20Nadu%20636103!3m2!1d11.6698642!2d78.2366253!5e0!3m2!1sen!2sin!4v1754310394490!5m2!1sen!2sin"  width="100%" 
  height="450" 
  style="border:0;" 
  allowfullscreen="" 
  loading="lazy" style="filter: grayscale(40px);"
  referrerpolicy="no-referrer-when-downgrade"></iframe>
         

    
       <!-- Main three images section -->
    

    </div>

        </main>

        <!-- Footer -->
      <!-- Footer -->
      <footer class="footer style1 bg-image-2 footer__common footer-area before-shape" style="z-index: 0 !important;">
            <div class="footer-top">
                <div class="container">
                    <div class="footer--inner">
                     
                                <div class=" widget-left-area">
                                    <div class="widget-left-title">
                                        <h3>@inforkmedia.com</h3>
                                    </div>
                                    <div class="wptb-instagram--gallery ">
                                        <div class="wptb-item--inner  d-flex align-items-center justify-content-center flex-wrap flex-md-nowrap">
                                            <div class="wptb-item">
                                                <div class="wptb-item--image2">
                                                    <img src="assets/images/NEW_IMAGE/Rk-insta-01.png" alt="img">
                                                </div>
                                            </div>
                        
                                            <div class="wptb-item">
                                                <div class="wptb-item--image2">
                                                    <img src="assets/images/NEW_IMAGE/Rk-insta-02.png" alt="img">
                                                </div>
                                            </div>
                        
                                            <div class="wptb-item">
                                                <div class="wptb-item--image2">
                                                    <img src="assets/images/NEW_IMAGE/Rk-insta-03.png" alt="img">
                                                </div>
                                            </div>
                        
                                        </div>
                                        <div class="wptb-item--button">
                                            <a class="btn btn-two" href="#" style="background: none !important;">
                                                <span class="btn-wrap">
                                                    <span class="text-first" style="height: 50px;">Follow Us on Instagram</span>
                                                    <span class="text-second"> <i class="bi bi-instagram"></i> <i class="bi bi-instagram"></i> </span>
                                                </span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="">
                                    <div class=" footer-center-block mb-5 mb-md-0 order-1 order-md-0">
                                        <div class="footer-widget ">
                                            <div class="logo mr-bottom-20">
                                                <!-- <a href="#" class=""><img src="./assets/img/logo.svg" alt="logo"></a> -->
                                                <a href="#" class="" style="color: #FFF;font-family: var(--font-family-base);
    font-size: 40px;">RK MEDIA</a>
                                            </div>
                                            <div class="hero-photostudio__info " style="display: block !important;">
                                              
                                                <div class="mr-bottom-20  ">
                                                    <div class="wptb-item--inner  ">
                                                       <div class="hero-photostudio__info2">
                                                        <span class="photo-text text-white">
                                                            <i class="fa-solid fa-circle"></i>
                                                            Lorem ipsum
                                                        </span>
                                                       </div>
                                                    </div>
                                                </div>
                                               
                                            </div>
                                            <h6 class="widget-title">Sign up for all the latest <br> news and offers </h6>
                                           <div class="col-md-12">
                                            <div class="row">
                                                <!-- <div class="col-md-3"></div> -->
                                                <div class="col-md-12">
                                                    <form class="newsletter-form" method="post">
                                                        <div class="form-group">
                                                            <input type="email" name="email" class="form-control" placeholder="Enter your email" required>
                                                        </div>
                                                        <button type="submit" class="btn btn-two" style="border: 0 !important;">
                                                            <span class="btn-wrap">
                                                                <span class="text-first">Subscribe</span>
                                                                <span class="text-second"><i class="bi bi-arrow-up-right"></i> <i class="bi bi-arrow-up-right"></i></span>
                                                            </span>
                                                        </button>
                                                    </form>
                                                </div>
                                                <!-- <div class="col-md-3"></div> -->
                                            </div>
                                           </div>
                                        </div>
                                    </div>
                                </div>
                          
                    </div>
                </div>
            </div>

            <!-- Footer Bottom Part -->
            <div class="footer-bottom">
                <div class="container">
                    <div class="footer-bottom-inner">
                        <div class="copyright">
                            <p >RK Media All Rights Reserved.Designed with <i class="fa fa-heart" style="color:red !important;"></i> by <a href="https://thedotstudios.com/" class=" text-primary-hover" target="_blank">TheDotStudios.com</a> </p>
                        </div>
                        <div class="social-box social-mb style-oval">
                            <ul>
                                <li><a href="#">Our Work</a></li>
                                <li><a href="#">Instagram</a></li>
                                <li><a href="#">Contact us</a></li>
                          
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </footer>

        <div class="totop">
            <a href="#"><i class="bi bi-chevron-up"></i></a>
        </div>
        

        <!-- Core JS -->
        <script src="./assets/js/jquery-3.6.0.min.js"></script>

        <!-- Framework -->
        <script src="./assets/js/bootstrap.min.js"></script>
        
        <!-- WOW Scroll Effect -->
        <script src="./plugins/wow/wow.min.js"></script>

        <!-- Swiper Slider -->
        <script src="./plugins/swiper/swiper-bundle.min.js"></script>
        <script src="./plugins/swiper/swiper-gl.min.js"></script>

         <!-- Odometer Counter -->
         <!-- <script src="./plugins/odometer/appear.js"></script>
         <script src="./plugins/odometer/odometer.js"></script> -->
 
         <!-- Projects -->
         <script src="./plugins/isotope/isotope.pkgd.min.js"></script>
         <script src="./plugins/isotope/imagesloaded.pkgd.min.js"></script>
         
         <script src="./plugins/isotope/tilt.jquery.js"></script>
         <script src="./plugins/isotope/isotope-init.js"></script>
 
         <!-- Fancybox -->
         <!-- <script src="./plugins/fancybox/jquery.fancybox.min.js"></script> -->
 
         <!-- Flatpickr -->
         <!-- <script src="./plugins/flatpickr/flatpickr.min.js"></script> -->

        <!-- Nice Select -->
        <script src="./plugins/nice-select/jquery.nice-select.min.js"></script>

        <script src="./assets/js/smooth-s.js"></script>

        <!-- Cursor Effect -->
        <script src="./plugins/cursor-effect/cursor-effect.js"></script>

        <!-- Theme Custom JS -->
        <script src="./assets/js/theme.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.2/gsap.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.1/owl.carousel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/ScrollTrigger.min.js"></script>

  <script>
        document.getElementById('weddingContactInquiry').addEventListener('submit', function(e) {
            e.preventDefault();
            
            // Get form data
            const formData = new FormData(this);
            const formObject = {};
            
            // Convert FormData to object
            for (let [key, value] of formData.entries()) {
                formObject[key] = value;
            }
            
            // Add animation to submit button
            const submitBtn = this.querySelector('.inquiry-submit-button');
            submitBtn.style.transform = 'scale(0.95)';
            submitBtn.textContent = 'Sending...';
            
            // Simulate form submission
            setTimeout(() => {
                submitBtn.style.transform = 'scale(1)';
                submitBtn.textContent = 'Message Sent!';
                submitBtn.style.background = 'linear-gradient(135deg, #4CAF50, #45a049)';
                
                setTimeout(() => {
                    submitBtn.textContent = 'Send Inquiry';
                    submitBtn.style.background = 'linear-gradient(135deg, #d4af37, #b8941f)';
                }, 2000);
            }, 1000);
            
            console.log('Form submitted:', formObject);
        });
        
        // Add smooth focus transitions
        document.querySelectorAll('.client-info-field, .primary-email-input, .vision-description-field').forEach(input => {
            input.addEventListener('focus', function() {
                this.style.transform = 'translateY(-1px)';
            });
            
            input.addEventListener('blur', function() {
                this.style.transform = 'translateY(0)';
            });
        });
    </script>
    </body>
</html>

MMCT - 2023