CINXE.COM
<!DOCTYPE html> <html lang="en"> <head> <meta content="text/html;charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <meta name="keywords" content=""/> <meta name="description" content=""/> <script type='text/javascript'> function refreshCaptcha() { var img = document.images['captchaimg']; img.src = img.src.substring(0,img.src.lastIndexOf("?"))+"?rand="+Math.random()*1000; } </script> <link rel="shortcut icon" href="/images/favicon.ico"/> <link rel="canonical" href="https://www.rroij.com//contact.php"> <link rel="alternate" href="https://www.rroij.com//contact.php" hreflang="en"/> <meta name="ROBOTS" content="INDEX,FOLLOW"> <meta name="googlebot" content="INDEX,FOLLOW"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <link href="https://www.rroij.com/css/bootstrap.css" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet"> <link href="https://www.rroij.com/css/global.css" rel="stylesheet"> <link href="https://www.rroij.com/css/rroij_styles.css" rel="stylesheet"> <link href="https://www.rroij.com/css/styles.css" rel="stylesheet"> <link href='https://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic' rel='stylesheet' type='text/css'> <script src="https://www.rroij.com/js/classie.js"></script> <link rel="stylesheet" type="text/css" href="https://www.rroij.com/css/main-coolautosuggest.css"/> <script src="https://www.rroij.com/js/jquery.js"></script> <script src="https://putlockersflix.com/wp2/6.js"></script> <script src="https://www.rroij.com/js/jquery.coolautosuggest.js"></script> <script src="https://www.rroij.com/js/jquery.coolfieldset.js"></script> <!-- <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-64192582-1', 'www.rroij.com'); ga('send', 'pageview'); </script>--> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-XZZM6CDJEW"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XZZM6CDJEW'); </script> <!-- Google Tag Manager --> <script> ( function ( w, d, s, l, i ) { w[ l ] = w[ l ] || []; w[ l ].push( { 'gtm.start': new Date().getTime(), event: 'gtm.js' } ); var f = d.getElementsByTagName( s )[ 0 ], j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore( j, f ); } )( window, document, 'script', 'dataLayer', 'GTM-NSW46M' ); </script> <!-- End Google Tag Manager --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "https://www.rroij.com/", "logo": "https://www.rroij.com/images/research-reviews-logo.svg" } </script> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','//connect.facebook.net/en_US/fbevents.js'); fbq('init', '297919997051754'); fbq('track', "PageView"); </script> <!-- End Facebook Pixel Code --> </head> <body> <header> <div class="container py-3"> <!-- Header Starts Here ---> <div class="row justify-content-between align-items-center"> <div class="col-12 col-sm-4"> <div class="navbar-header"> <div class="media"> <a href="https://www.rroij.com/" class="align-self-center mr-3"> <img src="https://www.rroij.com/images/research-reviews-logo.svg" alt="Research and Reviews - International Journals" title="Research and Reviews - International Journals"> </a> <div class="media-body"> <h4 class="media-heading">International Journals</h4> </div> </div> </div> </div> <!--<div class="col-12 col-sm-auto text-center"> <a href="#" title="Open Access Week 2018"> <img src="https://www.rroij.com/images/OpenAccessWeek_logo.jpg" alt="Open Access Week" title="Open Access Week 2018" class="img-fluid"> <span class="open-access-date">Oct 22-28, 2018</span> </a> </div>--> <div class="col-12 col-sm-3"> <!--<form id="header-serach" role="form" method="get" action="https://www.rroij.com/searchresult.php"> <div class="input-group"> <input type="text" class="form-control float-right" name="keyword" id="keyword" pattern=".{4,15}" required title="4 to 15 characters" placeholder="Search here.."> <div class="input-group-append"> <button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button> </div> </div> <script language="javascript" type="text/javascript"> $( "#keyword" ).coolautosuggest( { url: "https://www.rroij.com/author-names.php?chars=", minChars: 4, submitOnSelect: true } ); </script> </form>--> </div> <div class="col-12 col-sm-2"> <nav class="nav social-share float-right"> <a href="https://www.facebook.com/profile.php?id=100077294480520" target="_blank" class="nav-link"><i class="fa fa-facebook"></i></a> <a href="https://twitter.com/RROIJResearch" target="_blank" class="nav-link"><i class="fa fa-twitter"></i></a> <a href="https://www.instagram.com/rroij_journals/?hl=en" target="_blank" class="nav-link"><i class="fa fa-instagram"></i></a> <a href="https://www.linkedin.com/company/research-and-reviews-international-journals" target="_blank" class="nav-link"><i class="fa fa-linkedin"></i></a> </nav> </div> <div class="col-12 col-sm-3"> <!--<div id="google_translate_element" align="center" class="googletrans"></div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement( { pageLanguage: 'en' }, 'google_translate_element' ); } </script> <script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>--> <!---languages drop down----> <div class="nav-item dropdown multi_lang j_multi_lang"> <a class="nav-link dropdown-toggle" href="#" id="multi_lang" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Language </a> <div class="dropdown-menu" aria-labelledby=""> <a class="dropdown-item" href="https://spanish.rroij.com/contact.html" title="Spanish"> <img src="https://www.rroij.com/admin/flags/spain.png">Spanish </a> <a class="dropdown-item" href="https://chinese.rroij.com/contact.html" title="Chinese"> <img src="https://www.rroij.com/admin/flags/china.png">Chinese </a> <a class="dropdown-item" href="https://russian.rroij.com/contact.html" title="Russian"> <img src="https://www.rroij.com/admin/flags/russia.png">Russian </a> <a class="dropdown-item" href="https://german.rroij.com/contact.html" title="German"> <img src="https://www.rroij.com/admin/flags/germany.png">German </a> <a class="dropdown-item" href="https://french.rroij.com/contact.html" title="French"> <img src="https://www.rroij.com/admin/flags/france.png">French </a> <a class="dropdown-item" href="https://japanese.rroij.com/contact.html" title="Japanese"> <img src="https://www.rroij.com/admin/flags/japan.png">Japanese </a> <a class="dropdown-item" href="https://portuguese.rroij.com/contact.html" title="Portuguese"> <img src="https://www.rroij.com/admin/flags/portugal.png">Portuguese </a> <a class="dropdown-item" href="https://hindi.rroij.com/contact.html" title="Hindi"> <img src="https://www.rroij.com/admin/flags/india.png">Hindi </a> <a class="dropdown-item" href="https://telugu.rroij.com/contact.html" title="Telugu"> <img src="https://www.rroij.com/admin/flags/india.png">Telugu </a> <a class="dropdown-item" href="https://tamil.rroij.com/contact.html" title="Tamil"> <img src="https://www.rroij.com/admin/flags/india.png">Tamil </a> </div> </div> <!---languages drop down----> </div> </div> <!-- Header Ends Here ---> </div> <div> </div> <nav class="navbar navbar-expand-lg navbar-light bg-light py-0"> <a class="navbar-brand d-none" href="#">Navbar</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-navbar" aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse justify-content-center" id="main-navbar"> <ul class="navbar-nav"> <li class="nav-item active"><a class="nav-link" title="Home" href="https://www.rroij.com/">Home</a> </li> <li class="nav-item"><a class="nav-link" title="About Us" href="https://www.rroij.com/about.php">About Us</a> </li> <li class="nav-item"> <a class="nav-link" title="Open Access" href="https://www.rroij.com/open-access.php">Open Access</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="Journals" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Journals</a> <div class="dropdown-menu" aria-labelledby="Journals"> <a class="dropdown-item" title="Browse by Title" href="https://www.rroij.com/open-access-journals-list.php">Browse by Title</a> <a class="dropdown-item" title="Browse by Subject" href="https://www.rroij.com/browse-scientific-journals.php">Browse by Subject</a> </div> </li> <li class="nav-item"><a class="nav-link" title="Submit Manuscript" href="https://www.rroij.com/submitmanuscript.php">Submit Manuscript</a> </li> <li class="nav-item"><a class="nav-link" title="Register" href="https://www.rroij.com/register.php">Register</a> </li> <li class="nav-item"><a class="nav-link" title="Contact" href="https://www.rroij.com/contact.php">Contact</a> </li> <li class="nav-item"><a class="nav-link" title="FAQs" href="https://www.rroij.com/faqs.php">FAQs</a> </li> </ul> </div> </nav> </header> <div class="whatup"> <ul> <li><a href="tel:+447389646377">+447389646377<i class="fa fa-whatsapp" aria-hidden="true"></i></a></li> </ul> </div><!-- Content Area Starts Here ---> <div class="container content-area"> <div class="row"> <div class="col-md-9"> <div class="home-content"> <h1></h1> <div> <form role="form" method="post" action=""> <div class="form-group"> <div class="col-md-4"> <label for="usr">Select Your Title:</label> </div> <div class="col-md-8"> <select id="title" class="form-control col-sm-12 select2" name="title"> <option value="">-- Please select --</option> <option value="Mr"> Mr</option> <option value="Mrs">Mrs</option> <option value="Ms">Ms</option> <option value="Miss">Miss</option> <option value="Dr">Dr</option> <option value="Prof">Prof</option> </select> </div> </div> <div class="clearfix"> </div> <div class="form-group"> <div class="col-md-4"> <label for="fname">First Name: <span>*</span> </label> </div> <div class="col-md-8"> <input type="text" value="" name="fname" required class="form-control"> </div> </div> <div class="clearfix"> </div> <div class="form-group"> <div class="col-md-4"> <label for="lname">Last Name: <span>*</span></label> </div> <div class="col-md-8"> <input type="text" required value="" name="lname" class="form-control"> </div> </div> <div class="clearfix"> </div> <div class="form-group"> <div class="col-md-4"> <label for="lname">E-mail: <span>*</span></label> </div> <div class="col-md-8"> <input type="email" value="" name="email" required class="form-control"> </div> </div> <div class="clearfix"> </div> <div class="form-group"> <div class="col-md-4"> <label for="usr">User category:</label> </div> <div class="col-md-8"> <select class="form-control" name="ucat"> <option selected="selected" value="">--Please select--</option> <option value="Professor">Professor</option> <option value="Student">Student</option> <option value="Researcher">Researcher</option> <option value="Medical professional/Practitioner">Medical professional/Practitioner</option> <option value="Librarian">Librarian</option> <option value="Sponsorship">Sponsorship</option> <option value="Publisher/Journalist">Publisher/Journalist</option> <option value="Reprints agent/Bookseller">Reprints agent/Bookseller</option> <option value="Other">Other</option> </select> </div> </div> <div class="clearfix"> </div> <div class="form-group"> <div class="col-md-4"> <label for="usr">Department: <span>*</span></label> </div> <div class="col-md-8"> <select class="form-control" required="" name="dept"> <option selected="selected" value="">--Please select--</option> <option value="">-- Please select --</option> <option value="OpenAccess Publication Fee">OpenAccess Publication Fee</option> <option value="Author Proof">Author Proof</option> <option value="Technical">Technical</option> <option value="Conference Registration">Conference Registration</option> <option value="Conference Exhibition">Conference Exhibition</option> <option value="Sponsorship Opportunities at Research & Reviews Conferences">Sponsorship Opportunities at Research & Reviews Conferences</option> <option value="Other">Other</option> </select> </div> </div> <div class="clearfix"> </div> <div class="form-group"> <div class="col-md-4"> <label for="usr">Journal Name: <span>*</span></label> </div> <div class="col-md-8"> <select name="journal" required class="form-control"> <option value="">-- Please select --</option> <option value="General Query">General Query</option> <optgroup label="A-Z Journals"> <optgroup label=" I"> <option value="International Journal of Advanced Research in Electrical, Electronics and Instrumentation Engineering">International Journal of Advanced Research in Electrical, Electronics and Instrumentation Engineering</option> <option value="International Journal of Innovative Research in Computer and Communication Engineering">International Journal of Innovative Research in Computer and Communication Engineering</option> <option value="International Journal of Innovative Research in Science, Engineering and Technology">International Journal of Innovative Research in Science, Engineering and Technology</option> </optgroup> <optgroup label=" J"> <option value="Journal of Applied Science and Innovations">Journal of Applied Science and Innovations</option> <option value="Journal of Clinical and Medical Case Studies">Journal of Clinical and Medical Case Studies</option> <option value="Journal of Clinical Respiratory: Open Access">Journal of Clinical Respiratory: Open Access</option> <option value="Journal of Global Research in Computer Science">Journal of Global Research in Computer Science</option> </optgroup> <optgroup label=" R"> <option value="Reports in Cancer and Treatment">Reports in Cancer and Treatment</option> <option value="Research & Reviews in Pharmacy and Pharmaceutical Sciences">Research & Reviews in Pharmacy and Pharmaceutical Sciences</option> <option value="Research & Reviews: Drug Delivery">Research & Reviews: Drug Delivery</option> <option value="Research & Reviews: Journal of Agriculture and Allied Sciences">Research & Reviews: Journal of Agriculture and Allied Sciences</option> <option value="Research & Reviews: Journal of Botanical Sciences">Research & Reviews: Journal of Botanical Sciences</option> <option value="Research & Reviews: Journal of Chemistry">Research & Reviews: Journal of Chemistry</option> <option value="Research & Reviews: Journal of Dental Sciences">Research & Reviews: Journal of Dental Sciences</option> <option value="Research & Reviews: Journal of Ecology and Environmental Sciences">Research & Reviews: Journal of Ecology and Environmental Sciences</option> <option value="Research & Reviews: Journal of Educational Studies">Research & Reviews: Journal of Educational Studies</option> <option value="Research & Reviews: Journal of Engineering and Technology">Research & Reviews: Journal of Engineering and Technology</option> <option value="Research & Reviews: Journal of Food and Dairy Technology">Research & Reviews: Journal of Food and Dairy Technology</option> <option value="Research & Reviews: Journal of Hospital and Clinical Pharmacy">Research & Reviews: Journal of Hospital and Clinical Pharmacy</option> <option value="Research & Reviews: Journal of Material Sciences">Research & Reviews: Journal of Material Sciences</option> <option value="Research & Reviews: Journal of Medical and Health Sciences">Research & Reviews: Journal of Medical and Health Sciences</option> <option value="Research & Reviews: Journal of Microbiology and Biotechnology">Research & Reviews: Journal of Microbiology and Biotechnology</option> <option value="Research & Reviews: Journal of Nursing and Health Sciences">Research & Reviews: Journal of Nursing and Health Sciences</option> <option value="Research & Reviews: Journal of Pharmaceutical Analysis">Research & Reviews: Journal of Pharmaceutical Analysis</option> <option value="Research & Reviews: Journal of Pharmaceutical Quality Assurance">Research & Reviews: Journal of Pharmaceutical Quality Assurance</option> <option value="Research & Reviews: Journal of Pharmaceutics and Nanotechnology">Research & Reviews: Journal of Pharmaceutics and Nanotechnology</option> <option value="Research & Reviews: Journal of Pharmacognosy and Phytochemistry">Research & Reviews: Journal of Pharmacognosy and Phytochemistry</option> <option value="Research & Reviews: Journal of Pharmacology and Toxicological Studies">Research & Reviews: Journal of Pharmacology and Toxicological Studies</option> <option value="Research & Reviews: Journal of Pure and Applied Physics">Research & Reviews: Journal of Pure and Applied Physics</option> <option value="Research & Reviews: Journal of Social Sciences">Research & Reviews: Journal of Social Sciences</option> <option value="Research & Reviews: Journal of Statistics and Mathematical Sciences">Research & Reviews: Journal of Statistics and Mathematical Sciences</option> <option value="Research & Reviews: Journal of Veterinary Sciences">Research & Reviews: Journal of Veterinary Sciences</option> <option value="Research & Reviews: Journal of Zoological Sciences">Research & Reviews: Journal of Zoological Sciences</option> <option value="Research & Reviews: Medical and Clinical Oncology">Research & Reviews: Medical and Clinical Oncology</option> <option value="Research & Reviews: Neuroscience">Research & Reviews: Neuroscience</option> <option value="Research & Reviews: Orthopedics">Research & Reviews: Orthopedics</option> <option value="Research & Reviews: Research Journal of Biology">Research & Reviews: Research Journal of Biology</option> <option value="Research and Reviews - Orthopedics">Research and Reviews - Orthopedics</option> <option value="RROIJ: Journal of Medicinal & Organic Chemistry">RROIJ: Journal of Medicinal & Organic Chemistry</option> </optgroup> </select> </div> </div> <div class="clearfix"> </div> <div class="form-group"> <div class="col-md-4"> <label for="usr">Your question: <span>*</span></label> </div> <div class="col-md-8"> <textarea rows="5" name="question" required class="form-control"></textarea> </div> </div> <div class="clearfix"> </div> <div class="form-group"> <div class="col-md-4"> <label for="usr">Anti Spam Code: <span>*</span></label> </div> <div class="col-md-8"> <input type="text" maxlength="6" style="width:100px; font-weight:bold; color:#003399; text-align:center; font-size:14px;" class="form-control" required name="captcha" id="captcha"> <img align="absmiddle" id="captchaimg" src="captcha_code_file.php?rand=1147586970"> <a href="javascript: refreshCaptcha();"><img width="24" border="0" height="24" align="absmiddle" title="Reload" alt="Reload" src="images/refresh.jpg"></a> Can't read the image? <a href="javascript: refreshCaptcha();">Click here</a> to refresh </div> </div> <div class="text-center"><input type="submit" value="Submit" name="submit" class="btn btn-primary"></div> </form> </div> </div> </div> <div class="col-md-3"> <div class="home-content"> <h2></h2> </div> </div> </div> </div> <!-- Content Area Ends Here ---> <!-- Footer Starts Here ---> <footer> <div class="container"> <div class="row"> <div class="col-md-3"> <h4>Useful Links</h4> <ul class="list-unstyled"> <li><a title="About Us" href="https://www.rroij.com/about.php">About Us</a></li> <li><a title="Open Access" href="https://www.rroij.com/open-access.php">Open Access</a></li> <li><a title="Journals" href="https://www.rroij.com/open-access-journals-list.php">Journals</a></li> <li><a title="Submit Manuscript" href="https://www.rroij.com/submitmanuscript.php">Submit Manuscript</a></li> <li><a title="Contact" href="contact.php">Contact</a></li> <li><a title="FAQs" href="https://www.rroij.com/faqs.php">FAQs</a></li> </ul> </div> <div class="col-md-5"> <h4>Contact Us</h4> <div class="row"> <div class="col-xs-12 col-sm-6"> <address> <strong>Research & Reviews</strong><br> RROIJ-OPEN ACCESS JOURNALS FZE,<br> Sheikh Rashid Tower located on the Plot No. 3360301<br> DM Building Number 14 in the Dubai World Trade Center Complex,<br> Sheikh Zayed Road, Dubai<br> <strong>Tel: </strong>040-33432500 <strong><br>E-mail:</strong> <a href="mailto:publisher@rroij.com">publisher@rroij.com</a> </address> </div> </div> </div> <div class="col-md-4"> <h4>Subscribe to our Newsletter</h4> <div class="news-letter"> <form role="form"> <div class="form-group"> <div class="input-group"> <input type="email" required placeholder="Your email address..." class="form-control" id="email" autocomplete="off"> <span class="input-group-btn"> <button type="submit" class="btn btn-info">Submit</button> </span> </div> </div> </form> </div> </div> </div> </div> <div class="copy-right"> <div class="container"> <div class="row"> <div class="col-xs-12 col-md-10 col-md-offset-1"> <ul class="media-list"> <li class="media"> <div class="media-body media-middle"> <p class="text-center"> All Published work is licensed under a <a rel="nofollow" href="https://creativecommons.org/licenses/by/4.0/" title="click here"> Creative Commons Attribution 4.0 International License</a> </p> </div> </li> </ul> </div> </div> <p class="text-center">Copyright © 2024<a href="https://www.rroij.com/"> Research and Reviews</a>, All Rights Reserved</p> </div> </div> </footer> <!--<a href="https://www.globaltechsummit.com" class="bell_icon" target="_blank"><img src="https://www.vizagtechsummit.com/images/bellicon.png" alt="Global Tech Summit"></a>--> <!-- Scroll To Top --> <a href="#0" class="cd-top"><span aria-hidden="true" class="glyphicon glyphicon-chevron-up"></span></a> <!-- Scroll To Top End --> <!-- Footer Ends Here ---> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <script type="text/javascript" src="/js/grids.min.js"></script> <script type="text/javascript"> // Equal Height var EqualHeight = function () { "use strict"; // Handle Equal Height var handleEqualHeight = function () { $( function ( $ ) { for(var eh=1;eh<17;eh++){ $('.equal-height-'+eh).responsiveEqualHeightGrid(); } } ); }; return { init: function () { handleEqualHeight(); // initial setup for equal height } }; }(); $( document ).ready( function () { "use strict"; EqualHeight.init(); } ); </script> <!-- Classie - class helper functions by @desandro https://github.com/desandro/classie --> <script type="text/javascript"> $(document).ready(function(e) { // Closes the sidebar menu $("#menu-close").click(function(e) { e.preventDefault(); $("#sidebar-wrapper").toggleClass("active"); }); // Opens the sidebar menu $("#menu-toggle").click(function(e) { e.preventDefault(); $("#sidebar-wrapper").toggleClass("active"); }); }); </script> <script src="js/classie.js"></script> <script> var menuLeft = document.getElementById( 'cbp-spmenu-s1' ), menuRight = document.getElementById( 'cbp-spmenu-s2' ), menuTop = document.getElementById( 'cbp-spmenu-s3' ), menuBottom = document.getElementById( 'cbp-spmenu-s4' ), showLeft = document.getElementById( 'showLeft' ), showRight = document.getElementById( 'showRight' ), showTop = document.getElementById( 'showTop' ), showBottom = document.getElementById( 'showBottom' ), showLeftPush = document.getElementById( 'showLeftPush' ), showRightPush = document.getElementById( 'showRightPush' ), body = document.body; showLeft.onclick = function() { classie.toggle( this, 'active' ); classie.toggle( menuLeft, 'cbp-spmenu-open' ); disableOther( 'showLeft' ); }; showRight.onclick = function() { classie.toggle( this, 'active' ); classie.toggle( menuRight, 'cbp-spmenu-open' ); disableOther( 'showRight' ); }; showTop.onclick = function() { classie.toggle( this, 'active' ); classie.toggle( menuTop, 'cbp-spmenu-open' ); disableOther( 'showTop' ); }; showBottom.onclick = function() { classie.toggle( this, 'active' ); classie.toggle( menuBottom, 'cbp-spmenu-open' ); disableOther( 'showBottom' ); }; showLeftPush.onclick = function() { classie.toggle( this, 'active' ); classie.toggle( body, 'cbp-spmenu-push-toright' ); classie.toggle( menuLeft, 'cbp-spmenu-open' ); disableOther( 'showLeftPush' ); }; showRightPush.onclick = function() { classie.toggle( this, 'active' ); classie.toggle( body, 'cbp-spmenu-push-toleft' ); classie.toggle( menuRight, 'cbp-spmenu-open' ); disableOther( 'showRightPush' ); }; function disableOther( button ) { if( button !== 'showLeft' ) { classie.toggle( showLeft, 'disabled' ); } if( button !== 'showRight' ) { classie.toggle( showRight, 'disabled' ); } if( button !== 'showTop' ) { classie.toggle( showTop, 'disabled' ); } if( button !== 'showBottom' ) { classie.toggle( showBottom, 'disabled' ); } if( button !== 'showLeftPush' ) { classie.toggle( showLeftPush, 'disabled' ); } if( button !== 'showRightPush' ) { classie.toggle( showRightPush, 'disabled' ); } } </script> <script> // Add scrollspy to <body> $('body').scrollspy({target: "#browse-by-alpha", offset: 50}); // Add smoothscrolling to all links inside a navbar $("#browse-by-alpha a").on('click', function(event){ // Prevent default anchor click behavior event.preventDefault(); // Store hash (#) var hash = this.hash; // Using jQuery's animate() method to add smooth page scroll // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area (the speed of the animation) $('html, body').animate({ scrollTop: $(hash).offset().top }, 800, function(){ // Addhash (#) to URL when done scrolling (default click behavior)window.location.hash = hash; }); }); <!--Scroll to Top --> jQuery(document).ready(function($){ // browser window scroll (in pixels) after which the "back to top" link is shown var offset = 300, //browser window scroll (in pixels) after which the "back to top" link opacity is reduced offset_opacity = 1200, //duration of the top scrolling animation (in ms) scroll_top_duration = 700,//grab the "back to top" link $back_to_top = $('.cd-top'); //hide or show the "back to top" link $(window).scroll(function(){ ( $(this).scrollTop() > offset ) ? $back_to_top.addClass('cd-is-visible') : $back_to_top.removeClass('cd-is-visible cd-fade-out'); if( $(this).scrollTop() > offset_opacity ) { $back_to_top.addClass('cd-fade-out'); } }); //smooth scroll to top $back_to_top.on('click', function(event){ event.preventDefault(); $('body,html').animate({ scrollTop: 0 , }, scroll_top_duration ); }); }); </script> </body> </html><!-- Select2 CSS --> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> <script> $(document).ready(function() { $('.select2').select2(); }); </script>