SCADA - SPECIAL APPLICATION | | protocol/title> <meta name="description" content=""> <meta name="author" content=""> <meta name="keywords" content="">  <meta name="viewport" content="width=device-width, initial-scale=1">   <link href="fonts/fonts.css" rel="stylesheet"> <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <link href="vendor/elegant-icons/style.css" rel="stylesheet"> <link href="vendor/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="vendor/owl.carousel/dist/assets/owl.carousel.min.css" rel="stylesheet"> <link href="vendor/css-hamburgers/dist/hamburgers.min.css" rel="stylesheet"> <link href="vendor/chosen/chosen.css" rel="stylesheet"> <link href="vendor/animate.css/animate.min.css" rel="stylesheet"> <link href="vendor/plyr/plyr.min.css" rel="stylesheet">  <link href="vendor/revolution/css/layers.css" rel="stylesheet"> <link href="vendor/revolution/css/navigation.css" rel="stylesheet"> <link href="vendor/revolution/css/settings.css" rel="stylesheet"> <link href="css/main.css" rel="stylesheet"> <link href="css/switcher.css" rel="stylesheet"> <link href="css/colors/primary.css" rel="stylesheet" id="colors"> <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,500,500i,600,600i,700" rel="stylesheet">   <link rel="shortcut icon" href="images/favicon.png"> <style type="text/css"> </style> </head> <body> <style> .section-navbar-3 .navbar-1 ul li>a.active { color: #f3911d; font-weight: 600; } </style> <header> <div class="hidden-tablet-landscape-up"> <div class="header header-mobile-1"> <div class="top-header"> <div class="container"> <div class="logo"> <a href="index.php"> <img src="images/logo.png" alt="protocol" class="img-responsive" /> </a> </div> <button class="hamburger hamburger--spin hidden-tablet-landscape-up" id="toggle-icon"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </div> </div> <div class="au-navbar-mobile navbar-mobile-1"> <ul class="au-navbar-menu"> <li class="menu active"> <a href="index.php" >Home</a> </li> <li class="drop"> <a href="solution.php" >Solutions</a> <span class="arrow"> <i></i> </span> <ul class="drop-menu bottom-right"> <li><a href="scada.php">proSCADA</a></li> <li><a href="pro-opc.php" class="active">proOPC</a></li> <li><a href="promes.php">proMES</a></li> <li><a href="pro-iot.php">proIOT</a></li> <li><a href="probms.php">proBMS</a></li> <li><a href="proems.php">proEMS</a></li> <li><a href="prohtms.php">proHTMS</a></li> <li><a href="proamr.php">proAMR</a></li> <li><a href="promis.php">proMIS</a></li> </ul> </li>    <li class="menu"> <a href="service-support.php" >Services</a> </li> <li class="menu"> <a href="cs-automotive.php" class="active" >Case Studies</a> </li> <li class="menu"> <a href="about.php" >About Us</a> </li>    <li class="menu"> <a href="https://protocolindia.com/blog " target="_blank" >Blog</a> </li> <li class="menu"> <a href="contact.php" >Contact Us</a> </li> </ul> </div> <div class="container"> <div class="contact-widget contact-widget-1"> </div> </div> </div> </div> <div class="section hidden-tablet-landscape bg-gradient-light section-navbar-1 section-navbar-2 section-navbar-3 section-navbar-5 section-navbar-6" id="js-navbar-fixed"> <div class="container"> <div class="header header-2 header-3"> <div class="col-md-2 col-sm-9 col-xs-9"> <div class="block-left"> <div class="logo"> <a href="index.php"> <img src="images/logo.png" alt="protocol" class="img-responsive" /> </a> </div> </div> </div> <div class="col-md-1 hidden-xs hidden-sm"> </div> <div class="col-md-9 col-sm-3 col-xs-9 text-right"> <div class=""> <div class="au-navbar navbar-1 navbar-2"> <ul class="au-navbar-menu"> <li class="menu"> <a href="index.php" >Home</a> </li> <li class="menu"> <a href="solution.php" >Solutions</a> </li> <li class="menu"> <a href="service-support.php" >Services</a> </li> <li class="menu"> <a href="cs-automotive.php" class="active" >Case Studies</a> </li> <li class="menu"> <a href="about.php" >About Us</a> </li>    <li class="menu"> <a href="https://protocolindia.com/blog" target="_blank" >Blog</a> </li> <li class="menu"> <a href="contact.php" >Contact Us</a> </li> </ul> </div> </div> </div> <div class="block-right hidden-desktop-large"> </div> </div> </div> </div>  </header> <script> // Add active class to the current button (highlight it) var header = document.getElementById("au-navbar-menu"); var btns = header.getElementsByClassName("menu"); for (var i = 0; i < btns.length; i++) { btns[i].addEventListener("click", function() { var current = document.getElementsByClassName("active"); current[0].className = current[0].className.replace(" active", ""); this.className += " active"; }); } </script>  <div class="heading-page heading-page-1 bg-cover" style="background: url(images/inner-page.jpg) center center no-repeat;"> <div class="container"> </div> </div>   <div class="page-content ssupport"> <div class="container"> <div class="row"> <div class="col-md-9"> <section class="section post-section-1 m-b-30 p-r-15"> <div class="post-content"> <h1 class="text-block text-bold text-black text-med m-t-0 m-b-20 h1-head">SCADA - SPECIAL APPLICATION</h1> <span class="text-block m-b-20">Downloads</span> <div class="table-responsive cs"> <table class="table table-bordered"> <tr> <th>Scada Case Study – Aldea Man Down</th> <td><a href="pdf/scada/special-application/Aldea_Man_Down_ENG.pdf" target="_blank"><span class="img-left"><img src="images/pdf.png" class="img-responsive pdf"></span><span class="txt-right"> Download PDF</span></a></td> </tr> <tr> <th>Scada Case Study – Cienne Solution</th> <td><a href="pdf/scada/special-application/Cienne-Solution_eng.pdf" target="_blank"><span class="img-left"><img src="images/pdf.png" class="img-responsive pdf"></span><span class="txt-right"> Download PDF</span></a></td> </tr> <tr> <th>Scada Case Study – MPoint</th> <td><a href="pdf/scada/special-application/MPoint_ENG.pdf" target="_blank"><span class="img-left"><img src="images/pdf.png" class="img-responsive pdf"></span><span class="txt-right"> Download PDF</span></a></td> </tr> </table> </div> </div> </section> </div> <div class="col-md-3"> <style> #scada-list{ display: none } .section-navbar-3 .navbar-1 ul li > a.active { color: #f3911d; font-weight: 600; } </style> <h4 class="text-bold text-bold text-black text-med m-t-0 m-b-30">CASE STUDIES</h4> <ul class="post-tabs-1 m-b-40"> <li>  <ul class="post-tabs post-tabs-1 m-b-40"> <li><a href="#." id="scada">SCADA</a> <ul class="post-tabs post-tabs-1" id="scada-list"> <li><a href="cs-automotive.php" >AUTOMOTIVE</a></li> <li><a href="cs-energy.php" >ENERGY</a></li> <li><a href="cs-fb.php" >FOOD & BEVERAGE</a></li> <li><a href="cs-infra.php" >INFRASTRUCTURES</a></li> <li><a href="cs-mf.php" >MANUFACTURING</a></li> <li><a href="cs-og.php" >OIL & GAS</a></li> <li><a href="cs-ph.php" >PHARMACEUTICAL</a></li> <li><a href="cs-sa.php" class="active">SPECIAL APPLICATION</a></li> <li><a href="cs-ww.php" >WATER & WASTEWATER</a></li> </ul> </li> <li><a href="cs-amr.php" >AMR</a></li> <li><a href="cs-bms.php" >BMS</a></li> <li><a href="cs-htms.php" >HTMS</a></li> <li><a href="cs-iiot.php" >IIOT</a></li> <li><a href="cs-mis.php" >MIS</a></li> <li><a href="cs-opc.php" >OPC</a></li> <li><a href="cs-opera.php" >OPERA MES</a></li> </ul> </li> </ul> <script> //$(document).ready(function(){ // $("#scada").click(function(){ // $("#scada-list").toggle(); // }); //}); </script> </div> </div> </div> </div>  <style> #footer ul li > a.active { color: #f3911d; font-weight: 600; } #footer .top-footer a.active { color: #f3911d; font-weight: 600; } </style> <footer id="footer" style="background-image:url('images/footer-bg.png')">  <div class=""> <div class="top-footer"> <div class="container"> <div class="row"> <div class="col-md-5 col-sm-5"> <p>Copyright © 2020 Protocol India, All Rights Reserved<br><a href="privacy-policy.php" >Privacy Policy</a> | <a href="terms-conditions.php" >Terms Of Use</a> | <a href="disclaimer.php" >Disclaimer</a></p> </div> <div class="col-md-4 col-sm-7"> <div class="footer-block-1"> <div class="col-md-6 col-sm-6 col-xs-6 quick-link"> <ul> <li> <a href="solution.php" >Our Solutions</a> </li> <li> <a href="service-support.php" >Services</a> </li> <li> <a href="about.php" >About Us</a> </li> <li> <a href="cs-automotive.php" class="active">Case Studies</a> </li> </ul> </div> <div class="col-md-6 col-sm-6 col-xs-6 quick-link2" style=""> <ul> <li> <a href="#." >Resources</a> </li>    <li> <a href="careers.php" >CAREER</a> </li> <li> <a href="contact.php" >Contact Us</a> </li> </ul> </div> </div> </div> <div class="col-md-2 hidden-sm col-xs-6"> <div class="footer-block-3"> <div class="social-list"> <ul class="horizontal-list"> <li class="social-item-2 social-item-1"> <a class="fa fa-twitter"></a> </li> <li class="social-item-2 social-item-1"> <a class="fa fa-youtube"></a> </li> <li class="social-item-2 social-item-1"> <a class="fa fa-linkedin"></a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>  </footer> <div id="up-to-top"> <i class="fa fa-angle-up"></i> </div> <script> var acc = document.getElementsByClassName("accordion1"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { this.classList.toggle("active"); var panel = this.nextElementSibling; if (panel.style.maxHeight){ panel.style.maxHeight = null; } else { panel.style.maxHeight = panel.scrollHeight + "30px"; } }); } </script>  <script src="vendor/jquery/dist/jquery.min.js"></script> <script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script> <script src="vendor/bootstrap-progressbar/bootstrap-progressbar.min.js"></script> <script src="vendor/owl.carousel/dist/owl.carousel.min.js"></script> <script src="vendor/headroom/headroom.min.js"></script> <script src="vendor/matchHeight/dist/jquery.matchHeight-min.js"></script> <script src="vendor/SmoothScroll/SmoothScroll.js"></script> <script src="vendor/isotope/imagesloaded.pkgd.min.js"></script> <script src="vendor/isotope/isotope.pkgd.min.js"></script> <script src="vendor/plyr/plyr.min.js"></script> <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script> <script src="vendor/jquery-accordion/js/jquery.accordion.js"></script> <script src="vendor/chosen/chosen.jquery.js"></script> <script src="vendor/waypoints/lib/jquery.waypoints.min.js"></script> <script src="vendor/jquery.counterup/jquery.counterup.min.js"></script> <script src="vendor/paroller.js/jquery.paroller.min.js"></script> <script src="vendor/retinajs/dist/retina.min.js"></script> <script src="js/owl-custom.js"></script> <script src="js/main.js"></script> <script src="js/switcher-custom.js"></script> <script src="vendor/revolution/js/jquery.themepunch.tools.min.js"></script> <script src="vendor/revolution/js/jquery.themepunch.revolution.min.js"></script>          <script src="js/revo-slider-custom.js"></script> <script src="js/wow.js"></script> <script> wow = new WOW( { animateClass: 'animated', offset: 100, callback: function(box) { console.log("WOW: animating <" + box.tagName.toLowerCase() + ">") } } ); wow.init(); document.getElementById('moar').onclick = function() { var section = document.createElement('section'); section.className = 'section--purple wow fadeInDown'; this.parentNode.insertBefore(section, this); }; </script> <script> $(document).ready(function(){ $("#scada").click(function(){ $("#scada-list").toggle(); }); }); </script>  </body> </html>