JezK
Edit File: events_Tamil.html
<!DOCTYPE html> <html lang="en"> <!-- Project :- iBhagavatam Animutyalu Version :- 3.4 File Name :- index.html Date Name Comments ==== ==== ======== 10APR2021 Sarmada Multicare 1. Developed on top of previous Version. 28MAY2021 Sarmada Multicare 1. Modified code to decrease the time. 07JUL2023 Sarmada Multicare 1. Modified code to decrease the time and content appropriately. --> <head> <br> <title>iBam భాగవతం ఆణిముత్యాలు</title> <link rel="shortcut icon" href="images/favicon.png"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <link href="../assets/css/bootstrap.min.css" rel="stylesheet"> <link href="../assets/css/fontmontsarratcss.css" rel="stylesheet"> <link href="../assets/css/fontslatocss.css" rel="stylesheet"> <script src="../assets/js/jquery.min.js"></script> <script src="../assets/js/bootstrap.min.js"></script> <script src="../assets/js/jquery.poptrox.min.js"></script> <script src="../assets/js/browser.min.js"></script> <script src="../assets/js/breakpoints.min.js"></script> <script src="../assets/js/util.js"></script> <script src="../assets/js/main.js"></script> <link href="../assets/css/main.css" rel="stylesheet"> <link href="../assets/css/ibam.css" rel="stylesheet"> </head> <body class="is-preload" id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60"> <div> <header id="header"> <div class="inner"> <h1><strong>iBam</strong></h1><br> <a href="../a_animutyalu_Telugu/iBam1.html" target="_self"> <h1><strong>భాగవతం ఆణిముత్యాలు</strong></h1></a> <a> <h4><strong>Bhagavatam Animutyalu</strong></h4></a> </div> </header> <div id="main" style="padding: 0em 2em 2em 2em;"> <nav class="navbar navbar-expand-lg navbar-default navbar-dark fixed-top"> <a class="navbar-brand" href="../index.html">iBam</a> <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#myNavbar" aria-controls="myNavbar" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse justify-content-end" id="myNavbar"> <ul class="navbar-nav mr-auto mt-2 mt-lg-0 nav-pills"> <li class="nav-item"> <a class="nav-link" href="about_Tel.html#about">Genesis <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="services_Tel.html#services">Purpose</a> </li> <li class="nav-item"> <a class="nav-link" href="portfolio_Tel.html#portfolio">IBam Team</a> </li> <li class="nav-item"> <a class="nav-link" href="events_Tel.html#events">Events</a> </li> <li class="nav-item"> <a class="nav-link" href="contact_Tel.html#contact">Contact</a> </li> </ul> <ul class="navbar-nav mr-auto mt-2 mt-lg-0 nav-pills"> <!-- <li class="nav-item"><a class="nav-link fas fa-download" href="../documents/IBam.pdf" target="_blank"><b>Download IBam PDF</b></a></li> --> </ul> <ul class="navbar-nav mr-auto mt-2 mt-lg-0 nav-pills"> <li class="nav-item"> <a class="nav-link fab fa-twitter" aria-label="Twitter" title="ట్విట్టర్" href="https://twitter.com/BhagavatamAnimu?s=20" target="_blank" style="font-size: large;"></a> </li> <li class="nav-item"> <a class="nav-link fab fa-youtube" aria-label="Youtube" title="యూట్యూబ్" href="https://youtube.com/playlist?list=PLbxmm_6FFhkHjCuJYQv05p0ASX7svEysn" target="_blank" style="font-size: large;"></a> </li> <li class="nav-item"> <a class="nav-link fab fa-facebook" aria-label="facebook" title="ఫేస్బుక్" href="https://www.facebook.com/Bhagavatam-Animutyalu-790640617663057" target="_blank" style="font-size: large;"></a> </li> </ul> </div> </nav> <!-- <div class="row"> --> <div id="events" class="container-fluid" style="padding: 0px 0px;"> <h2 class="text-center">కార్యక్రమాలు</h2> <div class="container-fluid"> <div class="container mt-5 carousel-container"> <div id="photoSlider" class="carousel slide" data-ride="carousel"> <!-- Slides --> <div class="carousel-inner"> <!-- Indicators --> <!-- class="image fit" <br><br><br>--> <div class="carousel-item active"> <a class="image fit inner aln-top"> <img src="../a_events/images/iBAM_CD_Front.JPG" alt="Image 1" /> </a> <figcaption>2014 మే 6 రాజమండ్రిలో ఐబిఎఎం ప్రథమ ఉత్పత్తి విడుదల మహోత్సవం అని నిర్ణయం</figcaption> </div> <div class="carousel-item"> <a class="image fit inner aln-top"> <img src="../a_events/images/Mallik@Awards.JPG" alt="Image 2" /> </a> <figcaption>ఐ భాగవతం ఆణిముత్యాలు తిరుమల తిరుపతిలో ఆవిష్కరణ</figcaption> </div> <div class="carousel-item"> <a class="image fit inner aln-top"> <img src="../a_events/images/iBAM_Rel.JPG" alt="Image 3" /> </a> <figcaption>ఐ భాగవతం ఆణిముత్యాలు తిరుమల తిరుపతిలో ఆవిష్కరణ</figcaption> </div> <div class="carousel-item"> <a class="image fit inner aln-top"> <img src="../a_events/images/iBATP1.jpg" alt="Image 4" /> </a> <figcaption>ఐ భాగవతం ఆణిముత్యాలు తిరుమల తిరుపతిలో ఆవిష్కరణ</figcaption> </div> <div class="carousel-item"> <a class="image fit inner aln-top"> <img src="../a_events/images/IBAM_Flyer_032315.JPG" alt="Image 5" /> </a> <figcaption>ఐ భాగవతం ఆణిముత్యాలు ఐ భాగవతం ఆణిముత్యాలు యాప్, వెబ్సైటు మరియు తాళపత్ర గ్రంధం -- హ్యూస్టన్ ఆవిష్కరణ 29 మార్చ్ 2015</figcaption> </div> <div class="carousel-item"> <a class="image fit inner aln-top"> <img src="../a_events/images/IBAM-01122018-PROOF.jpg" alt="" /> </a> <figcaption>భాగవతం ఆణిముత్యాలు" - మొట్టమొదటి పద్యాల పోటీ, డిసెంబర్ 9, 2017, హ్యూస్టన్ లోని శ్రీ అష్టలక్ష్మి దేవాలయ ప్రాంగణంలో</figcaption> </div> <!-- Add more carousel-item divs for additional images --> </div> <br><br><br> <ul class="carousel-indicators"> <li data-target="#photoSlider" data-slide-to="0" class="active"></li> <li data-target="#photoSlider" data-slide-to="1"></li> <li data-target="#photoSlider" data-slide-to="2"></li> <li data-target="#photoSlider" data-slide-to="3"></li> <li data-target="#photoSlider" data-slide-to="4"></li> <li data-target="#photoSlider" data-slide-to="5"></li> <!-- Add more li elements for additional images --> </ul> <!-- Controls --> <!-- <a class="carousel-control-prev" href="#photoSlider" role="button" data-slide="prev"> --> <!-- <span class="carousel-control-prev-icon" aria-hidden="true"></span> --> <!-- <span class="sr-only">Previous</span> --> <!-- </a> --> <!-- <a class="carousel-control-next" href="#photoSlider" role="button" data-slide="next"> --> <!-- <span class="carousel-control-next-icon" aria-hidden="true"></span> --> <!-- <span class="sr-only">Next</span> --> <!-- </a> --> </div> </div> </div> </div> <!-- </div> --> </div> <script> // Function to set the selected language and update the dropdown text function selectLanguage(language) { // Set the selected language localStorage.setItem('selectedLanguage', language); // Update the dropdown text var dropdownText = document.getElementById('languageDropdown'); dropdownText.textContent = language; } // Function to load the previously selected language or set the default language function loadSelectedLanguage() { var selectedLanguage = localStorage.getItem('selectedLanguage'); if (selectedLanguage) { // Set the selected language in the dropdown text var dropdownText = document.getElementById('languageDropdown'); dropdownText.textContent = selectedLanguage; // Add active class to the selected language option var selectedOption = document.getElementById(selectedLanguage.toLowerCase() + 'Option'); selectedOption.classList.add('active'); } else { // Default language is Telugu selectLanguage('Telugu'); } } // Load the previously selected language or set the default language on page load $(document).ready(function() { loadSelectedLanguage(); }); </script> </div> </body> </html>