JezK
Edit File: index_Sanskrit.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_Sanskrit/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_Sanskrit/about_Sanskrit.html#about">Genesis <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="a_animutyalu_Sanskrit/services_Sanskrit.html#services">Purpose</a> </li> <li class="nav-item"> <a class="nav-link" href="a_animutyalu_Sanskrit/portfolio_Sanskrit.html#portfolio">IBam Team</a> </li> <li class="nav-item"> <a class="nav-link" href="a_animutyalu_Sanskrit/events_Sanskrit.html#events">Events</a> </li> <li class="nav-item"> <a class="nav-link" href="a_animutyalu_Sanskrit/contact_Sanskrit.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 <span class="sr-only">(current)</span></a> <a class="dropdown-item" href="index_Tamil.html" onclick="selectLanguage('Tamil')" id="tamilOption">Tamil</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>