  <!DOCTYPE html>
  <html class="no-js">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>ETICONS</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

    <!-- CSS -->
    <link rel="shortcut icon" href="img/icone.png" type="image/x-ico">
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- <link rel="stylesheet" href="css/font-awesome.min.css"> -->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/ionicons.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/responsive.css">
    <link rel="stylesheet" type="text/css" href="lightview/css/lightview/lightview.css"/>

    <!-- Js -->
    <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>

    <!-- <script type="text/javascript" src="http://code.jquery.com/jquery-3.1.0.min.js"></script> -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

    <script src="https://use.fontawesome.com/a539afabcd.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/min/waypoints.min.js"></script>
    <script src="js/jquery.counterup.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>

    <!-- LIGHT_VIEW -->
  <!--[if lt IE 9]>
  <script type="text/javascript" src="/js/excanvas/excanvas.js"></script>
  <![endif]-->
  <script type="text/javascript" src="lightview/js/spinners/spinners.min.js"></script>
  <script type="text/javascript" src="lightview/js/lightview/lightview.js"></script>



</head>

<body>

 <!-- Header Start -->
 <header>
   <!-- Novembro Azul -->
   <!--
   <a class="text-center" href="http://www.sbu.org.br/?campanha-novembro-azul" target="_blank">
     <img src="img/novembroAzul.png" alt="img" style="position: fixed; z-index: 999; padding-top: 50px; width: 9%; right: 10px; margin: 9px;"> 
   </a> 
  -->
  
  <!-- Natal -->
  <!--
  <a class="text-center" href="#">
   <img src="http://catividade.com.br/home/wp-content/uploads/2015/10/tab111.png" alt="img" style="position: absolute; z-index: 999; margin-top: 50px; width: auto; right: 10px; height:auto;"/> 
  </a>
 -->
 
 <!-- Dia da Mulher -->
  <!-- <a class="text-center" href="#">
   <img src="http://felizdeserto.al.gov.br/wp-content/uploads/2018/03/Dia-da-mulher-banner-1.png" alt="img" style="position: absolute; margin-left: auto; margin-right: auto; margin-top: 90px; left: 0; right: 0; text-align: center; width: 800px; height:auto; z-index: 999;"/> 
  </a>
 -->

 <!-- MENU -->
 <div id="menuTopo" class="container-fluid">
  <div class="row"> 
    <nav class="navbar navbar-default" style="margin-top: 8px;">

      <div class="navbar-header" style="text-align: center;">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>         

      <div class="col-md-8 col-md-offset-2">
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav nav-pills nav-justified" style="">
            <li><a href="index"><b>Início</b></a></li>
            <li><a href="empresa"><b>Empresa</b></a></li>
            <li><a href="produtos"><b>Sistemas</b></a></li>
            <!-- <li><a href="#"><b>Serviços</b></a></li> -->
            <!-- <li><a href="noticias.php"><b>Notícias</b></a></li> -->
            <li><a href="contato"><b>Contato</b></a></li>
            <li><a href="http://eticons.com.br/areacliente/"><b>Área do Cliente</b></a></li>

          </ul>
        </div>
      </div>
    </nav>

  </div>
</div>

<div id="barraTopo" class="container-fluid" style="margin-top: 10px; margin-bottom: 20px;">
  <div class="row">

    <!-- TOPO -->
    <div class="col-md-12">
     <!-- Logomarca       -->
     <div class="col-md-4 col-sm-12 text-center">        
      <a class="text-center" href="index.php">
        <img id="logo" src="img/logo.png" alt="Logo">
      </a>
    </div>

    <div class="col-md-4 col-md-offset-4 col-sm-12" style="margin-top: 15px;">

      <h4><i class="fa fa-phone" aria-hidden="true"></i> (83) 3241.9973</h4>
      <h4><i class="fa fa-whatsapp" aria-hidden="true"></i> (83) 9 8828.0109</h4> 
      <h4><i class="fa fa-envelope" aria-hidden="true"></i> suporte@e-ticons.com.br</h4>

    </div>

  </div>
</div> 

</div>

</header>