CINXE.COM
InterDev Systems
<!DOCTYPE html> <html dir="ltr" lang="en-US"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <!-- Stylesheets ============================================= --> <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,400italic,600,700|Roboto+Slab:700|Crete+Round:400italic" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="css/bootstrap.css" type="text/css" /> <link rel="stylesheet" href="css/style.css" type="text/css" /> <link rel="stylesheet" href="css/dark.css" type="text/css" /> <link rel="stylesheet" href="css/font-icons.css" type="text/css" /> <link rel="stylesheet" href="css/animate.css" type="text/css" /> <link rel="stylesheet" href="css/magnific-popup.css" type="text/css" /> <link rel="stylesheet" href="css/colors.css" type="text/css" /> <link rel="stylesheet" href="css/responsive.css" type="text/css" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="css/font-icons/et/et-line.css" type="text/css"> <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> <!-- External JavaScripts ============================================= --> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/plugins.js"></script> <!-- Document Title ============================================= --> <title>InterDev Systems</title> <link rel="shortcut icon" href="images/favicon.ico"> </head> <body class="stretched no-transition sticky-responsive-menu sticky-footer"> <!-- Document Wrapper ============================================= --> <div id="wrapper" class="clearfix"> <!-- Header ============================================= --> <!-- Top Bar ============================================= --> <div id="top-bar"> <div class="container clearfix"> <a href="https://sacoronavirus.co.za/" target="_blank"><img src="images/covid-w.png" style="vertical-align: middle !important;" alt="COVID-19"></a> <div class="top-links" > <ul> <li ><a href="https://secure.interdevsystems.com/login.php" style="color:#fff;" target="_blank"><i class="icon-et-key"></i> <span>Login</span></a></li> <li ><a href="tools.php" style="color:#fff;"><i class="icon-et-tools-2"></i> <span>Tools</span></a></li> </ul> </div> </div> </div><!--#top-bar end--> <!-- header ============================================= --> <header id="header" class="transparent-header dark"> <div id="header-wrap"> <div class="container clearfix"> <div id="primary-menu-trigger"><i class="icon-reorder"></i></div> <!-- Logo ============================================= --> <div id="logo"> <a href="index.php" class="standard-logo" data-dark-logo="images/InterDev-Dark-Logo.png"><img src="images/InterDev-Logo.png" alt="InterDev Systems"></a> <a href="index.php" class="retina-logo" data-dark-logo="images/InterDev-Dark-Logo2x.png"><img src="images/InterDev-Logo2x.png" alt="InterDev Systems"></a> </div><!-- #logo end --> <!-- Primary Navigation ============================================= --> <nav id="primary-menu" class="style-3"> <ul> <li class=current><a href="index.php">HOME</a></li> <li ><a href="about-us.php"><div>ABOUT US</div></a> </li> <li ><a href="solutions.php"><div>SOLUTIONS</div></a></li> <li ><a href="cloud-services.php"><div>SHOWCASE</div></a> </li> <li ><a href="customers.php"><div>CUSTOMERS</div></a></li> <li ><a href="contact.php"><div>CONTACT</div></a></li> </ul> </nav><!-- #primary-menu end --> </div> </div><!--header-wrap end--> </header><!-- #header end --> <section id="slider" class="slider-parallax force-full-screen full-screen"> <div class="force-full-screen full-screen dark" style="background: url('images/main.jpg') center center; background-size:cover;"> <div class="container clearfix"> <div class="slider-caption slider-caption-center"> <h2 data-animate="fadeInDown">IT and Data Reconciliation Solutions Specialists</h2> <p data-animate="fadeInUp" data-delay="400">Allowing our clients to focus on their core business through innovation, and the effective use of the latest technologies.</p> </div> <div href="#" data-offset="100" class="dark one-page-arrow"> <i class="icon-angle-down infinite animated fadeInDown"></i> </div> </div> </div> </section> <!-- Content ============================================= --> <section id="content"> <div class="content-wrap nopadding"> <div class="section parallax not-fullscreen nomargin noborder" style="background-color:#9b9faa;"> <div class="container clearfix"> <div class="col_two_third" style="padding-top:5%;"> <img src="images/oilstar.png" alt="InterDev Systems" data-animate="fadeInLeft" alt="InterDev Systems" /> </div> <div class="col_one_third col_last featured-text" style="padding-top:10%;" > <p style="font-size: 1.4em;font">Featured Service</p> <h2>OILSTAR – A CLOUD BASED STOCK MANAGEMENT SOLUTION WITH EDI</h2> <a href="cloud-services.php" /><button type="button" class="btn btn-warning btn-lg">View more info</button></a> </div> </div> </div><!--Featured service end--> <div class="clear"></div> </div><!--content-wrap nopadding end--> </section><!-- #content end --> <!-- Footer ============================================= --> <footer id="footer"> <div class="container"> <!-- Footer Widgets ============================================= --> <div class="footer-widgets-wrap clearfix"> <div class="col_one_third"> <i class="icon-email3"></i> <h3>General Information<br> <a href="maito:info@interdevsystems.com" />info@interdevsystems.com</a></h3> </div> <div class="col_one_third"> <i class="icon-support"></i> <h3>Technical Support<br> <a href="mailto: support@interdevsystems.com" />support@interdevsystems.com</a></h3> </div> <div class="col_one_third col_last"> <i class="icon-phone3"></i> <h3>Telephone<br> Tel: <a href="tel:+27215294120" />+27 21 529 4120</a></h3> </div> </div><!--footer columns end--> <div class="col_full copyrights"> Copyright © 2021 InterDev Systems | <a href="terms.php" style="color: white "> Terms </a> | <a href="privacy.php" style="color: white ">Privacy Policy</a> | <a href="disclaimer.php" style="color: white "> Disclaimer </a> </div> </div><!--container end--> </footer><!-- #footer end --> </div><!-- #wrapper end --> <!-- Go To Top ============================================= --> <div id="gotoTop" class="icon-angle-up"></div> <!-- Footer Scripts ============================================= --> <script type="text/javascript" src="js/functions.js"></script> </body> </html>