JezK
Edit File: index_English.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 Bhagavatam Animutyalu</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>Hello everyone🙏🙏,<br> <br> Welcome to the website of Bhagwatham Animuthyalu!</b></h4><br> <p>If you want to navigate to<b>"Poems"</b> after closing this popup, please click on <b>"Bhagavatam Animutyalu"</b> "Bhagavatam Animuthyalu" link.</p> </div> <div> <header id="header"> <div class="inner"> <h1><strong>iBam</strong></h1><br> <a href="a_animutyalu_English/iBam1.html" target="_self"><h1><strong>Bhagavatam Animutyalu</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_English/about_Eng.html#about">Genesis <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="a_animutyalu_English/services_Eng.html#services">Purpose</a> </li> <li class="nav-item"> <a class="nav-link" href="a_animutyalu_English/portfolio_Eng.html#portfolio">IBam Team</a> </li> <li class="nav-item"> <a class="nav-link" href="a_animutyalu_English/events_Eng.html#events">Events</a> </li> <li class="nav-item"> <a class="nav-link" href="a_animutyalu_English/contact_Eng.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 <span class="sr-only">(current)</span></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</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> Ala vaikuṇṭhapurambulō nagarilō nā mūlasaudhambu dā<br> Pala mandāra vanānta rāmr̥tasaraḥprāṁ tēndukāṁ tōpa lō<br> Tpala paryaṅka ramāvinōdi yagu nāpannaprasannuṇḍu vi<br> Hvalanāgēndramu"pāhi pāhi" yanam̐ gu yyālin̄ci sanrambhi yai.<br> </div> <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;"> <br><br><h2 class="text-center">Programs</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>May 6, 2014 IBAM's first product release celebration in Rajahmundry</figcaption> </div> <div class="carousel-item"> <a class="image fit "> <img src="a_events/images/Mallik@Awards.JPG" alt="Image 2" /> </a> <figcaption>I Bhagavatam Animutyalu Opening at Tirumala Tirupati</figcaption> </div> <div class="carousel-item"> <a class="image fit "> <img src="a_events/images/iBAM_Rel.JPG" alt="Image 3" /> </a> <figcaption>I Bhagavatam Animutyalu Opening at Tirumala Tirupati</figcaption> </div> <div class="carousel-item"> <a class="image fit "> <img src="a_events/images/iBATP1.jpg" alt="Image 4" /> </a> <figcaption>I Bhagavatam Animutyalu Opening at Tirumala Tirupati</figcaption> </div> <div class="carousel-item"> <a class="image fit "> <img src="a_events/images/IBAM_Flyer_032315.JPG" alt="Image 5" /> </a> <figcaption>I Bhagavatam Animutyalu, I Bhagavatam Animutyalu App, Website and Palm Book -- Houston Launch 29 March 2015</figcaption> </div> <div class="carousel-item"> <a class="image fit "> <img src="a_events/images/IBAM-01122018-PROOF.jpg" alt="" /> </a> <figcaption>Bhagavatham Animuthyalu” – First Poetry Competition, December 9, 2017, at Sri Ashtalakshmi Temple Premises, Houston</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>