JezK
Edit File: index_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 class="overlay"></div> <div class="popup"> <span class="close">x</span> <h4 style="text-align: center"><b>எல்லோருக்கும் வணக்கம்🙏🙏,<br> <br> பாகவதம் ஆணிமுத்யாலுவின் இணையதளத்திற்கு வரவேற்கிறோம்!</b></h4><br> <p>இந்த பாப்அப்பை மூடிய பிறகு <b>"கவிதைகள்"</b> என்பதற்குச் செல்ல விரும்பினால், தயவுசெய்து <b>"பாகவதம் ஆணிமுத்யாலு"</b> இணைப்பைக் கிளிக் செய்யவும்.</p> </div> <div> <header id="header"> <div class="inner"> <h1><strong>iBam</strong></h1><br> <a href="a_animutyalu_Tamil/iBam1.html" target="_self"><h1><strong>பாகவதம் ஆணிமுத்யாலு</strong></h1></a> <a><h4><strong>Bhagavatam Animutyalu</strong></h4></a> </div> </header> <div id="main" style="padding: 4em 4em 4em 4em;"> <nav class="navbar navbar-expand-lg navbar-default navbar-dark fixed-top"> <a class="navbar-brand" href="#myPage">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="a_animutyalu_Tamil/about_Tamil.html#about">Genesis <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="a_animutyalu_Tamil/services_Tamil.html#services">Purpose</a> </li> <li class="nav-item"> <a class="nav-link" href="a_animutyalu_Tamil/portfolio_Tamil.html#portfolio">IBam Team</a> </li> <li class="nav-item"> <a class="nav-link" href="a_animutyalu_Tamil/events_Tamil.html#events">Events</a> </li> <li class="nav-item"> <a class="nav-link" href="a_animutyalu_Tamil/contact_Tamil.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> <ul class="navbar-nav mr-auto mt-2 mt-lg-0 nav-pills"> <li class="nav-item"> <div class="dropdown"> <button class="btn dropdown-toggle" type="button" id="languageDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color: white;">Language</button> <div class="dropdown-menu" aria-labelledby="languageDropdown" style="background-color: #f4511e;"> <a class="dropdown-item" href="index.html" onclick="selectLanguage('Telugu')" id="teluguOption">Telugu </a> <a class="dropdown-item" href="index_Devanagari.html" onclick="selectLanguage('Devanagari')" id="devanagariOption">Devanagari</a> <a class="dropdown-item" href="index_English.html" onclick="selectLanguage('English')" id="englishOption">English</a> <a class="dropdown-item" href="index_Malayalam.html" onclick="selectLanguage('Malayalam')" id="malayalamOption">Malayalam</a> <a class="dropdown-item" href="index_Sanskrit.html" onclick="selectLanguage('Sanskrit')" id="sanskritOption">Sanskrit</a> <a class="dropdown-item" href="index_Tamil.html" onclick="selectLanguage('Tamil')" id="tamilOption">Tamil<span class="sr-only">(current)</span></a> </div> </div> </li> </ul> </div> </nav> <div class="inner image fit aln-top" style="margin-top: -30px; background-color: white; z-index: 99; position: relative;"> <img src="images/iBam.png" alt="iBam"> </div> <div class="jumbotron1 text-center"> <div class="row"> <div class="col-md-12 col-sm-12 peacock inner image"> <header class="major"> <div class="align-center "> <img class="image inner fit aln-top" src="images/097.jpg" style="left: 0" alt="097"> </div> </header> </div> <div class="col-md-12 col-sm-12 "> <div class="padyam" style="font-size: 20px;font-weight: bold;color: #94191c;"><br> అల వైకుంఠపురంబులో నగరిలో నా మూలసౌధంబు దా<br> పల మందార వనాంత రామృతసరఃప్రాం తేందుకాం తోప లో<br> త్పల పర్యంక రమావినోది యగు నాపన్నప్రసన్నుండు వి<br> హ్వలనాగేంద్రము "పాహి పాహి" యనఁ గు య్యాలించి సంరంభి యై.<br> </div> </div> </div> </div> <!-- <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 "> <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 "> <img src="a_events/images/Mallik@Awards.JPG" alt="Image 2" /> </a> <figcaption>ఐ భాగవతం ఆణిముత్యాలు తిరుమల తిరుపతిలో ఆవిష్కరణ</figcaption> </div> <div class="carousel-item"> <a class="image fit "> <img src="a_events/images/iBAM_Rel.JPG" alt="Image 3" /> </a> <figcaption>ఐ భాగవతం ఆణిముత్యాలు తిరుమల తిరుపతిలో ఆవిష్కరణ</figcaption> </div> <div class="carousel-item"> <a class="image fit "> <img src="a_events/images/iBATP1.jpg" alt="Image 4" /> </a> <figcaption>ఐ భాగవతం ఆణిముత్యాలు తిరుమల తిరుపతిలో ఆవిష్కరణ</figcaption> </div> <div class="carousel-item"> <a class="image fit "> <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 "> <img src="a_events/images/IBAM-01122018-PROOF.jpg" alt="" /> </a> <figcaption>ఐ భాగవతం ఆణిముత్యాలు ఐ భాగవతం ఆణిముత్యాలు యాప్, వెబ్సైటు మరియు తాళపత్ర గ్రంధం -- హ్యూస్టన్ ఆవిష్కరణ 29 మార్చ్ 2015</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> --> <img src="images/image1.jpeg" class="w3-image w3-greyscale-min" style="width: 100%" alt="image1"> <footer class="text-center"> <a href="#myPage" title="To Top"></a><br> <br> <p>Sponsered by Hansa Solutions India Pvt. Ltd.</p> <p>Developed by Sarmada Multi Care</p> <p>V 3.4</p> </footer> </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>