{"id":235,"date":"2024-11-29T15:25:16","date_gmt":"2024-11-29T15:25:16","guid":{"rendered":"https:\/\/rvdca.co.in\/?page_id=235"},"modified":"2024-11-29T15:42:41","modified_gmt":"2024-11-29T15:42:41","slug":"photo-gallery","status":"publish","type":"page","link":"https:\/\/rvdca.co.in\/?page_id=235","title":{"rendered":"Photo Gallery"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Event Photos<\/title>\n    <style>\n        body {\n            margin: 0;\n            font-family: Arial, sans-serif;\n            background-color: #f4f4f4;\n        }\n\n        .slideshow-container {\n            position: relative;\n            max-width: 100%;\n            margin: auto;\n            overflow: hidden;\n            border-radius: 10px;\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .slides {\n            display: none;\n        }\n\n        .slides img {\n            width: 100%;\n            display: block;\n        }\n\n        .prev, .next {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background-color: rgba(0, 0, 0, 0.5);\n            color: white;\n            border: none;\n            padding: 10px 15px;\n            cursor: pointer;\n            border-radius: 50%;\n        }\n\n        .prev {\n            left: 10px;\n        }\n\n        .next {\n            right: 10px;\n        }\n\n        .prev:hover, .next:hover {\n            background-color: rgba(0, 0, 0, 0.8);\n        }\n\n        .dots {\n            text-align: center;\n            margin: 15px 0;\n        }\n\n        .dot {\n            height: 12px;\n            width: 12px;\n            margin: 0 5px;\n            background-color: #ccc;\n            border-radius: 50%;\n            display: inline-block;\n            cursor: pointer;\n            transition: background-color 0.3s;\n        }\n\n        .active, .dot:hover {\n            background-color: #717171;\n        }\n\n        @media (max-width: 600px) {\n            .prev, .next {\n                padding: 8px 12px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"slideshow-container\">\n\n        <!-- Slide 1 -->\n        <div class=\"slides\">\n            <img decoding=\"async\" src=\"https:\/\/rvdca.co.in\/wp-content\/uploads\/2024\/11\/WhatsApp-Image-2024-11-29-at-8.37.44-PM.jpeg\" alt=\"Slide 1\">\n        <\/div>\n\n        <!-- Slide 2 -->\n        <div class=\"slides\">\n            <img decoding=\"async\" src=\"https:\/\/rvdca.co.in\/wp-content\/uploads\/2024\/11\/WhatsApp-Image-2024-11-29-at-8.37.44-PM-1.jpeg\" alt=\"Slide 2\">\n        <\/div>\n\n        <!-- Slide 3 -->\n        <div class=\"slides\">\n            <img decoding=\"async\" src=\"https:\/\/rvdca.co.in\/wp-content\/uploads\/2024\/11\/WhatsApp-Image-2024-11-29-at-8.37.42-PM.jpeg\" alt=\"Slide 3\">\n        <\/div>\n  <div class=\"slides\">\n            <img decoding=\"async\" src=\"https:\/\/rvdca.co.in\/wp-content\/uploads\/2024\/11\/WhatsApp-Image-2024-11-29-at-8.37.42-PM-1.jpeg\" alt=\"Slide 4\">\n        <\/div>\n  <div class=\"slides\">\n            <img decoding=\"async\" src=\"https:\/\/rvdca.co.in\/wp-content\/uploads\/2024\/11\/WhatsApp-Image-2024-11-29-at-8.37.41-PM.jpeg\" alt=\"Slide 5\">\n        <\/div>\n  <div class=\"slides\">\n            <img decoding=\"async\" src=\"https:\/\/rvdca.co.in\/wp-content\/uploads\/2024\/11\/WhatsApp-Image-2024-11-29-at-8.37.41-PM-2.jpeg\" alt=\"Slide 6\">\n        <\/div>\n <div class=\"slides\">\n            <img decoding=\"async\" src=\"https:\/\/rvdca.co.in\/wp-content\/uploads\/2024\/11\/WhatsApp-Image-2024-11-29-at-8.37.41-PM-1.jpeg\" alt=\"Slide 7\">\n        <\/div>\n <div class=\"slides\">\n            <img decoding=\"async\" src=\"https:\/\/rvdca.co.in\/wp-content\/uploads\/2024\/11\/WhatsApp-Image-2024-11-29-at-8.37.40-PM-1.jpeg\" alt=\"Slide 8\">\n        <\/div>\nhttps:\/\/rvdca.co.in\/wp-content\/uploads\/2024\/11\/WhatsApp-Image-2024-11-29-at-8.37.42-PM-1.jpeg\n        <!-- Navigation Buttons -->\n        <button class=\"prev\">&#10094;<\/button>\n        <button class=\"next\">&#10095;<\/button>\n    <\/div>\n\n    <!-- Dots -->\n    <div class=\"dots\">\n        <span class=\"dot\" onclick=\"currentSlide(1)\"><\/span>\n        <span class=\"dot\" onclick=\"currentSlide(2)\"><\/span>\n        <span class=\"dot\" onclick=\"currentSlide(3)\"><\/span>\n    <\/div>\n\n    <script>\n        let slideIndex = 0;\n        showSlides();\n\n        \/\/ Function to show slides\n        function showSlides() {\n            let slides = document.querySelectorAll(\".slides\");\n            let dots = document.querySelectorAll(\".dot\");\n\n            \/\/ Hide all slides\n            slides.forEach(slide => slide.style.display = \"none\");\n\n            \/\/ Reset active dots\n            dots.forEach(dot => dot.classList.remove(\"active\"));\n\n            slideIndex++;\n            if (slideIndex > slides.length) { slideIndex = 1; }\n\n            \/\/ Show the current slide\n            slides[slideIndex - 1].style.display = \"block\";\n            dots[slideIndex - 1].classList.add(\"active\");\n\n            \/\/ Change slide every 5 seconds\n            setTimeout(showSlides, 5000);\n        }\n\n        \/\/ Manual navigation\n        document.querySelector(\".prev\").onclick = () => changeSlide(-1);\n        document.querySelector(\".next\").onclick = () => changeSlide(1);\n\n        function changeSlide(n) {\n            slideIndex += n - 1;\n            showSlides();\n        }\n\n        function currentSlide(n) {\n            slideIndex = n - 1;\n            showSlides();\n        }\n    <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Event Photos https:\/\/rvdca.co.in\/wp-content\/uploads\/2024\/11\/WhatsApp-Image-2024-11-29-at-8.37.42-PM-1.jpeg &#10094; &#10095;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-235","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rvdca.co.in\/index.php?rest_route=\/wp\/v2\/pages\/235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rvdca.co.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rvdca.co.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rvdca.co.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rvdca.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=235"}],"version-history":[{"count":4,"href":"https:\/\/rvdca.co.in\/index.php?rest_route=\/wp\/v2\/pages\/235\/revisions"}],"predecessor-version":[{"id":263,"href":"https:\/\/rvdca.co.in\/index.php?rest_route=\/wp\/v2\/pages\/235\/revisions\/263"}],"wp:attachment":[{"href":"https:\/\/rvdca.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}