EVOLUTION-NINJA
Edit File: admin-user-guide_v.php
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>Medusys</title> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <!-- <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet"> --> <link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;1,400&family=Montserrat&family=Ms+Madi&family=My+Soul&family=Open+Sans&family=Roboto&family=Updock&display=swap" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="css/web-style.css"> <link rel="stylesheet" type="text/css" href="css/userstyle.css"> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> <link rel="stylesheet" type="text/css" href="css/simpleMobileMenu.css" /> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel='shortcut icon' type='image/x-icon' href='images/fav_icon_new.jpg' /> <link rel="stylesheet" type="text/css" href="public/assets/GameCss/Flownew.css" /> <!---------------------------------JS---------------------------------> <script type="text/javascript" src="js/jquery-3.6.0.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/simpleMobileMenu.js"></script> <link rel="stylesheet" href="public/assets/css/blog.css" /> </head> <body onload="usergud()"> <!--------------------------------------------------------------------> <section class="head"> <div class="container"> <div class="row"> <div class="col-sm-8"> <div class="head-left"> <ul> <li><span><img src="images/header-icon-1.png"></span>Mon-Sun 0900-2100</li> <li><span><img src="images/header-icon-2.png"></span><a href="tel:+91 9686200393">+91 9686200393, +61 424357122</a></li> <li><span><img src="images/header-icon-3.png"></span><a href="mailto:contact@medusys.in">contact@medusys.in</a></li> </ul> </div> </div> <div class="col-sm-4"> <div class="social-icons"> <ul> <li><a href=""><img src="images/header-icon-4.png"></a></li> <li><a href=""><img src="images/header-icon-5.png"></a></li> <li><a href=""><img src="images/header-icon-6.png"></a></li> </ul> </div> </div> </div> </div> </section> <!---------------------------------------------------------------------> <!---------------------------------------------------------------------> <section class="head-nav"> <div class="container"> <div class="row"> <div class="col-sm-6"> <a href="index.html"><img src="images/web-logo.png"></a> </div> <div class="col-sm-2"> <div class="head-nav-right"> <p><img src="images/tick.png">Trusted By<br><span>30,000+ Doctors</span></p> </div> </div> <div class="col-sm-2"> <div class="head-nav-right"> <p><img src="images/tick.png">Countries<br><span>70+</span></p> </div> </div> <div class="col-sm-2"> <div class="head-nav-right"> <p><img src="images/tick.png">Number #1<br><span>Best E-Health Care App</span></p> </div> </div> </div><!--row--> <div class="container-fluid"> <div class="row pt-4"> <div class="col-sm-10"></div> <!--col-10--> <div class="col-sm-2 mt-2"> <button class="custom-btn btn-2" onclick="back()">Back</button> </div> </div> </div> <!--row--> </div> </section> <!---------------------------------------------------------------------> <!---------------------------------------------------------------------> <section class="banner1 pt-4"> <!-- <img src="images/user-banner.jpg" class="img-fluid d-block mx-auto"> --> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active"> <img src="public/assets/images/Admin User Guide.png" class="d-block mx-auto w-100" alt="..."> </div> <div class="carousel-item"> <img src="public/assets/images/Modular User Guide.png" class="d-block mx-auto w-100" alt="..."> </div> <div class="carousel-item"> <img src="public/assets/images/Faculty User Guide.png" class="d-block mx-auto w-100" alt="..."> </div> </div> <!-- <button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </button> <button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </button> --> </div> </section> <!---------------------------------------------------------------------> <!----------------- new user-guide section -----------------------------> <section class="user-guide" id="user-section"> <div class="container-fluid m-5"> <div class="row"> <div class="col-sm-4 user-Head"> <h4 > Admin,Modular-Admin and Faculty User Guides</h4> </div> <div class="col-sm-1"> <!-- <div class="border-user"></div> --> </div> </div> <div class="row m-2"> <div class="col-sm-12 user-width-video"> <!-- Tab links --> <div class="tab"> <button id="defaultOpen" class="v1 tablinks" onclick="openCity(event, 'admin'); rotateArrow('arrowadmin')">Admin Features and Dashboard<img id="arrowadmin" class="rotate-image" src="images/In.png" alt="Arrow button"> </button> <button class="v2 tablinks" onclick="openCity(event, 'landing'); rotateArrow('arrowlanding')">Landing Page Dashboard<img id="arrowlanding" class="rotate-image" src="images/In.png" alt="Arrow button"></button> <button class="v3 tablinks" onclick="openCity(event, 'online'); rotateArrow('arrowonline')">Online Exam-Prep <img id="arrowonline" class="rotate-image" src="images/In.png" alt="Arrow button"></button> <button class="v4 tablinks" onclick="openCity(event, 'elearning'); rotateArrow('arrowelearning')">Video E-Learning <img id="arrowelearning" class="rotate-image" src="images/In.png" alt="Arrow button"></button> <button class="v5 tablinks" onclick="openCity(event, 'faculty'); rotateArrow('arrowfaculty')">Admin/Faculty Features <img id="arrowfaculty" class="rotate-image" src="images/In.png" alt="Arrow button"></button> <button class="v6 tablinks" onclick="openCity(event, 'e-library'); rotateArrow('arrowe-library')">How to add files to e-library <img id="arrowe-library" class="rotate-image" src="images/In.png" alt="Arrow button"></button> </div> <!-- Tab content 1--> <!-- <div class="container"> --> <div id="admin" class="tabcontent"> <div class="row"> <div class="col-sm-12 videos_website"> <h4>Video</h4> <div class="boder-Vid"></div> </div> </div> <div class="row"> <div class="col-sm-12"> <video controls controlsList="nodownload" class="video1 admin-videos" > <source src="public/video/Admin features and dashboard.mp4" type="video/mp4"> </video> </div> </div> </div> <!-- </div> --> <!-- <div class="container"> --> <!-- Tab content 2--> <div id="landing" class="tabcontent"> <div class="row"> <div class="col-sm-12 videos_website"> <h4>Video</h4> <div class="boder-Vid"></div> </div> </div> <div class="row"> <div class="col-sm-12"> <video controls controlsList="nodownload" class="video2 admin-videos" > <source src="public/video/Login and landing page dashboard.mp4" type="video/mp4"> </video> </div> </div> </div> <!-- </div> --> <!-- <div class="container"> --> <!-- Tab content 3--> <div id="online" class="tabcontent"> <div class="row"> <div class="col-sm-12 videos_website"> <h4>Video</h4> <div class="boder-Vid"></div> </div> </div> <div class="row"> <div class="col-sm-12"> <video controls controlsList="nodownload" class="video3 admin-videos" > <source src="public/video/Online exam prep.mp4" type="video/mp4"> </video> </div> </div> </div> <!-- </div> --> <!-- <div class="container"> --> <!-- Tab content 4--> <div id="elearning" class="tabcontent"> <div class="row"> <div class="col-sm-12 videos_website"> <h4>Video</h4> <div class="boder-Vid"></div> </div> </div> <div class="row"> <div class="col-sm-12"> <video controls controlsList="nodownload" class="video4 admin-videos" > <source src="public/video/video elearning.mp4" type="video/mp4"> </video> </div> </div> </div> <!-- Tab content 5--> <div id="faculty" class="tabcontent"> <div class="row"> <div class="col-sm-12 videos_website"> <h4>Video</h4> <div class="boder-Vid"></div> </div> </div> <div class="row"> <div class="col-sm-12"> <video controls controlsList="nodownload" class="video5 admin-videos" > <source src="public/video/admin-faculty features.mp4" type="video/mp4"> </video> </div> </div> </div> <!-- Tab content 6--> <div id="e-library" class="tabcontent"> <div class="row"> <div class="col-sm-12 videos_website"> <h4>Video</h4> <div class="boder-Vid"></div> </div> </div> <div class="row"> <div class="col-sm-12"> <video controls controlsList="nodownload" class="video6 admin-videos" > <source src="public/video/more files to be added.mp4" type="video/mp4"> </video> </div> </div> </div> </div> </div> </div> </section> <!-- --------------deskot------------- --> <footer class="blog-footer blog-footer-desktop"> <div class="container-fluid"> <div class="row pt-5"> <div class="col-sm-1"></div> <div class="col-sm-10"> <div class="row fot-header"> <div class="col-sm-2 foot-pplur"> <h4>Popular Links</h4> <ul> <a href="https://medusys.in/aboutus" target="_blank"><li>Our Story</li></a> <a href="https://medusys.in/aboutus" target="_blank"><li>About Us</li></a> <a href="https://medusys.in/discover" target="_blank"><li>Discover</li></a> <a href="https://medusys.in/blog" target="_blank"><li>Blogs</li></a> <a href="https://medusys.in/faq" target="_blank"><li>FAQ</li></a> <a href=""><li>News & Media</li></a> </ul> </div> <div class="col-sm-2 foot-solu"> <h4>Solutions</h4> <ul> <a href="https://medusys.in/products" target="_blank"><li>Our Products</li></a> <a href="https://medusys.in/doctors" target="_blank"><li>For Doctors</li></a> <a href="https://medusys.in/trainees" target="_blank"><li>For PG Trainees</li></a> <a href="https://medusys.in/associations" target="_blank"><li>For Associations</li></a> <a href="https://medusys.in/colleges" target="_blank"><li>For Medical Colleges</li></a> <a href="https://medusys.in/hospitals" target="_blank"><li>For Hospitals</li></a> </ul> </div> <div class="col-sm-2 foot-resourse"> <h4>Resources</h4> <ul> <a href="https://medusys.in/contact" target="_blank"><li>Help Center</li></a> <a href="https://medusys.in/downloads" target="_blank"><li>Downloads</li></a> <a href="https://medusys.in/products" target="_blank"><li>Product Demos</li></a> <a href="https://medusys.in/discover" target="_blank"><li>Case Studies</li></a> <a href="https://medusys.in/contact" target="_blank"><li>Partner with us</li></a> <a href="https://medusys.in/privacy-policy.html" target="_blank"><li>Privacy & Security</li></a> </ul> </div> <div class="col-sm-1"></div> <div class="col-sm-3 foot-cnt"> <h4>Contact us</h4> <div class="row foo-address"> <div class="col-sm-12"> <h6>Address</h6> <p>AUSTRALIA <br> #36, Caloroga Street Wattle Park SA 5066, Australia</p> <h6>Address</h6> <p>INDIA <br> INDIA 537, Shaan. 11th A Cross, 4th main BEL Layout 3rd Blk, Vidyaranyapura Bangalore 560097, India </p> </div> <!-- <div class="col-sm-5 blog-phone"> </div> --> </div> </div> <div class="col-sm-2 blog-phone"> <h6 >Phone</h6> <a href="tel:+61 424357122">+61 424357122</a><br> <a href="tel:+91 9686200393">+91 9686200393</a> <h6 class="blog-email">E-Mail</h6> <a class="blog-emailid" href="mailto:drgmurthy@medusys.in">drgmurthy@medusys.in</a> <a class="blog-emailid" href="mailto:contact@medusys.in">contact@medusys.in</a> <a class="blog-emailid" href="mailto:prashanth@medusys.in">prashanth@medusys.in</a> </div> </div> <!-- --> <div class="row blog-icon"> <ul> <a href="https://www.facebook.com/Medusysonline" target="_blank"><li><i class="fa fa-facebook" aria-hidden="true"></i></li></a> <a href="https://www.facebook.com/Medusysonline" target="_blank"><li><i class="fa fa-instagram" aria-hidden="true"></i></li></a> <a href="https://www.linkedin.com/in/medusys" target="_blank"><li><i class="fa fa-linkedin" aria-hidden="true"></i></li></a> <a href="https://www.youtube.com/@medusys" target="_blank"><li><i class="fa fa-youtube-play" aria-hidden="true"></i></li></a> <a href="https://wa.me/6364301941" target="_blank"><li><i class="fa fa-whatsapp" aria-hidden="true"></i></li></a> </ul> </div> </div> <div class="col-sm-1"></div> </div> <!-- --> <div class="row"> <div class="col-sm-1"></div> <div class="col-sm-10 footerborder"></div> <div class="col-sm-1"></div> </div> <div class="row "> <div class="col-sm-1"></div> <div class="col-sm-3 copy-blg"> <p>Copyright © 2016</p> </div> <div class="col-sm-8 res-blog"> <p>All Rights Reserved | <a href="https://medusys.in/refund.html" target="_blank"> Refund Policy</a> | <a href="https://medusys.in/aboutus" target="_blank" >About Us</a> | <a href="https://medusys.in/privacy-policy.html" target="_blank">Privacy Policy </a>| <a href="https://medusys.in/terms-of-service.html" target="_blank"> Terms & Policy</a></p> </div> </div> </div> </footer> <!-------------- mobile ---------------> <footer class="blog-footer blog-footer-mobile"> <div class="container-fluid"> <div class="row pt-5"> <div class="col-sm-1"></div> <div class="col-sm-10"> <div class="row fot-header"> <div class="col-sm-3 foot-cnt"> <h4>Contact us</h4> <div class="row foo-address"> <div class="col-sm-12"> <h6>Address</h6> <p>AUSTRALIA <br> #36, Caloroga Street Wattle Park SA 5066, Australia</p> <h6>Address</h6> <p>INDIA <br> INDIA 537, Shaan. 11th A Cross, 4th main BEL Layout 3rd Blk, Vidyaranyapura Bangalore 560097, India </p> </div> <!-- <div class="col-sm-5 blog-phone"> </div> --> </div> </div> <div class="col-sm-2 blog-phone"> <h6 >Phone</h6> <a href="tel:+61 424357122">+61 424357122</a><br> <a href="tel:+91 9686200393">+91 9686200393</a> <h6 class="blog-email">E-Mail</h6> <a class="blog-emailid" href="mailto:drgmurthy@medusys.in">drgmurthy@medusys.in</a> <a class="blog-emailid" href="mailto:contact@medusys.in">contact@medusys.in</a> <a class="blog-emailid" href="mailto:prashanth@medusys.in">prashanth@medusys.in</a> </div> <div class="col-sm-2 foot-pplur"> <h4>Popular Links</h4> <ul> <a href="https://medusys.in/aboutus" target="_blank"><li>Our Story</li></a> <a href="https://medusys.in/aboutus" target="_blank"><li>About Us</li></a> <a href="https://medusys.in/discover" target="_blank"><li>Discover</li></a> <a href="https://medusys.in/blog" target="_blank"><li>Blogs</li></a> <a href="https://medusys.in/faq" target="_blank"><li>FAQ</li></a> <a href=""><li>News & Media</li></a> </ul> </div> <div class="col-sm-2 foot-solu"> <h4>Solutions</h4> <ul> <a href="https://medusys.in/products" target="_blank"><li>Our Products</li></a> <a href="https://medusys.in/doctors" target="_blank"><li>For Doctors</li></a> <a href="https://medusys.in/trainees" target="_blank"><li>For PG Trainees</li></a> <a href="https://medusys.in/associations" target="_blank"><li>For Associations</li></a> <a href="https://medusys.in/colleges" target="_blank"><li>For Medical Colleges</li></a> <a href="https://medusys.in/hospitals" target="_blank"><li>For Hospitals</li></a> </ul> </div> <div class="col-sm-2 foot-resourse"> <h4>Resources</h4> <ul> <a href="https://medusys.in/contact" target="_blank"><li>Help Center</li></a> <a href="https://medusys.in/downloads" target="_blank"><li>Downloads</li></a> <a href="https://medusys.in/products" target="_blank"><li>Product Demos</li></a> <a href="https://medusys.in/discover" target="_blank"><li>Case Studies</li></a> <a href="https://medusys.in/contact" target="_blank"><li>Partner with us</li></a> <a href="https://medusys.in/privacy-policy.html" target="_blank"><li>Privacy & Security</li></a> </ul> </div> <!-- <div class="col-sm-1"></div> --> </div> <!-- --> <div class="row blog-icon"> <ul> <a href="https://www.facebook.com/Medusysonline" target="_blank"><li><i class="fa fa-facebook" aria-hidden="true"></i></li></a> <a href="https://www.facebook.com/Medusysonline" target="_blank"><li><i class="fa fa-instagram" aria-hidden="true"></i></li></a> <a href="https://www.linkedin.com/in/medusys" target="_blank"><li><i class="fa fa-linkedin" aria-hidden="true"></i></li></a> <a href="https://www.youtube.com/@medusys" target="_blank"><li><i class="fa fa-youtube-play" aria-hidden="true"></i></li></a> <a href="https://wa.me/6364301941" target="_blank"><li><i class="fa fa-whatsapp" aria-hidden="true"></i></li></a> </ul> </div> </div> <div class="col-sm-1"></div> </div> <!-- --> <div class="row"> <div class="col-sm-1"></div> <div class="col-sm-10 footerborder"></div> <div class="col-sm-1"></div> </div> <div class="row "> <div class="col-sm-1"></div> <div class="col-sm-3 copy-blg"> <p>Copyright © 2016</p> </div> <div class="col-sm-8 res-blog"> <p>All Rights Reserved | <a href="https://medusys.in/refund.html" target="_blank"> Refund Policy</a> | <a href="https://medusys.in/aboutus" target="_blank">About Us</a> | <a href="https://medusys.in/privacy-policy.html" target="_blank">Privacy Policy </a>| <a href="https://medusys.in/terms-of-service.html" target="_blank"> Terms & Policy</a></p> </div> </div> </div> </footer> <script> function openCity(evt, cityName) { // Declare all variables var i, tabcontent, tablinks; // Get all elements with class="tabcontent" and hide them tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } // Get all elements with class="tablinks" and remove the class "active" tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } // Show the current tab, and add an "active" class to the button that opened the tab document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } </script> <!-- --------------------------------------------------------------- --> <script> function rotateArrow(arrowId) { const selectedArrow = document.getElementById(arrowId); // Get the current rotation state const currentRotation = selectedArrow.style.transform.replace(/[^0-9.-]/g, ''); // Reset rotation for all arrows document.querySelectorAll('.rotate-image').forEach((arrow) => { arrow.style.transform = 'rotate(0deg)'; }); // Calculate the new rotation const newRotation = (currentRotation === '') ? 180 : (parseFloat(currentRotation) + 180) % 360; // Apply the new rotation selectedArrow.style.transform = `rotate(${newRotation}deg)`; } </script> <script> // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click(); </script> <!---------------------------------Faq----------------------------------> <!----------------------------------Contact-------------------------------> <!-- <section class="contact-header"> <div class="container"> <div class="row"> <div class="col-sm-3"></div> <div class="col-sm-6"> <h4><b>Contact Us</b></h4> </div> <div class="col-sm-3"></div> </div> </div> </section> --> <!----------------------------------Contact-------------------------------> <!-------------------------------------Footer-----------------------------> <!-- <footer> <div class="container"> <a href="index.html"><img src="images/web-logo.png"></a> <div class="row"> <div class="col-sm-3"> <h3><b>Address</b></h3> <p class="mb-0" style="font-weight:500;">AUSTRALIA</p> <p style="font-weight:500;"># 36, Caloroga Street Wattle Park SA <br> 5066, Australia</p> <h3><b>Address</b></h3> <p class="mb-0" style="font-weight:500;">INDIA</p> <p style="font-weight:500;">537, Shaan, 11th A Cross, 4th Main <br> BEL Layout 3rd Blk, Vidyaranyapura <br>Bangalore 560097, India</p> <div class="social-icons-2"> <ul> <li><a href=""><img src="images/header-icon-4.png"></a></li> <li><a href=""><img src="images/header-icon-5.png"></a></li> <li><a href=""><img src="images/header-icon-6.png"></a></li> </ul> </div> </div> <div class="col-sm-3"> <h3><b>Phone</b></h3> <p><a href="tel:+61 424357122">+61 424357122</a></p> <p><a href="tel:+91 9686200393">+91 9686200393</a></p> <h3 class="mt-4"><b>E-Mail</b></h3> <p><a href="mailto:drgmurthy@medusys.in">drgmurthy@medusys.in</a></p> <p><a href="mailto:contact@medusys.in">contact@medusys.in</a></p> </div> <div class="col-sm-3"> <a href=""><img src="images/android-link.png" class="pt-4"></a> </div> <div class="col-sm-3"> <a href=""><img src="images/mobile-img.png" style="height:265px;"></a> </div> </div> </div> </footer> --> <!------------------------------------Footer------------------------------> <!--------------------------------------Copy----------------------------> <!-- <section class="copy"> <div class="row"> <div class="col-sm-4"> <p>COPYRIGHT 2018 MEDUSYS, ALL RIGHT RESERVED</p> </div> <div class="col-sm-5"> <div class="policies"> <ul> <li><a href="refund.html" target="_blank">Refund Policy </a>|</li> <li><a href="about-us.html" target="_blank">About Us </a>|</li> <li><a href="privacy-policy.html" target="_blank">Privacy Policy </a>|</li> <li><a href="terms-of-service.html" target="_blank">Terms & Policy </a></li> </ul> </div> </div> <div class="col-sm-3"> <div class="comp"> <p><a href="https://jayblues.com/" target="_blank">Developed by : Jayblues Technologies</a></p> </div> </div> </div> </section> --> <!--------------------------------------Copy----------------------------> </body> </html> <!-- back button link --> <script> function back(){ window.location.href="<?php echo base_url('Super-Admin-Dashboard'); ?>" } </script> <!-------------------------------------------Menu Plugin------------------------> <script type="text/javascript"> jQuery(document).ready(function($) { $('.smobitrigger').smplmnu(); }); </script> <!---------------- Menu Drodown ---------------------> <script type="text/javascript"> jQuery(document).ready(function($) { $('.mobimenu li.dropdown').hover(function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500); }, function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500); }); }); </script> <!---------------- Menu Drodown ---------------------> <script> function usergud(){ window.location.href="#user-section" } </script> <script> var video1 = document.getElementsByClassName('video1')[0]; var video2 = document.getElementsByClassName('video2')[0]; var video3 = document.getElementsByClassName('video3')[0]; var video4 = document.getElementsByClassName('video4')[0]; var video5 = document.getElementsByClassName('video5')[0]; var video6 = document.getElementsByClassName('video6')[0]; document.getElementsByClassName('v1')[0].addEventListener('click', function(){ video2.pause(); video3.pause(); video4.pause(); video5.pause(); video6.pause(); }); document.getElementsByClassName('v2')[0].addEventListener('click', function(){ // alert('134 are paused'); video1.pause(); video3.pause(); video4.pause(); video5.pause(); video6.pause(); }); document.getElementsByClassName('v3')[0].addEventListener('click', function(){ video2.pause(); video1.pause(); video4.pause(); video5.pause(); video6.pause(); }); document.getElementsByClassName('v4')[0].addEventListener('click', function(){ video2.pause(); video3.pause(); video1.pause(); video5.pause(); video6.pause(); }); document.getElementsByClassName('v5')[0].addEventListener('click', function(){ video2.pause(); video3.pause(); video1.pause(); video4.pause(); video6.pause(); }); document.getElementsByClassName('v6')[0].addEventListener('click', function(){ video2.pause(); video3.pause(); video1.pause(); video5.pause(); video4.pause(); }); </script> <style type="text/css"> .banner img{ width: 1600px; height: 450px; } .tablinks { padding: 5px; margin: 5px; cursor: pointer; background-color: #f1f1f1; } .rotate-image { transition: transform 0.5s ease; } .tab button{ width: 31%; margin-left: 20px; } /* --------- */ .admin-videos{ width: 100%; height: auto; } .banner1 img{ height:auto !important; width:100% !important; } @media only screen and (min-width: 320px) and (max-width: 640px){ .tab button { width: 100% !important; /* margin-left: -18px; */ } .user-Head{ margin-left:-40px; } } .custom-btn { width: 100px; height: 35px; color: #fff; border-radius: 5px; /* padding: 10px; */ font-family: 'Lato', sans-serif; font-weight: 500; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; box-shadow: inset 2px 2px 2px 0px rgba(159, 160, 221, 0.5), 7px 7px 20px 0px rgba(149, 179, 224, 0.1), 4px 4px 5px 0px rgba(28, 133, 151, 0.1); outline: none; font-size: 20px; float: right; } .btn-2 { background: linear-gradient(to left,#0160A2, #0198CD,#0160A2); border: none; } .btn-2:before { height: 0%; width: 2px; } .btn-2:hover { border: none; box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(114, 162, 221, 0.5), inset -4px -4px 6px 0 rgba(137, 145, 212, 0.2), inset 4px 4px 6px 0 rgba(81, 138, 204, 0.4); } </style>