<?php 
define('__ROOT__', dirname(dirname(__FILE__))); 
require_once('cabecalho.php');
?>  

<!-- Slider Start -->
<section id="global-header">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="block">
          <h1>Contato</h1>
        </div>
      </div>
    </div>
  </div>
</section>


<section id="contact-form">
  <div class="container">
    <div id="contact-box" class="row">

      <div class="col-md-12 col-sm-12">

        <h2 class="text-center" style="background-color: #e2e2e2">Entre em contato</h2> <br> <br>
        <div class="col-md-4 col-sm-12 col-md-offset-2">
          <div class="block">
            <ul class="address-block">      
              <li>
                <i class="fa fa-phone"></i>Telefone: (83) 3241.9973
              </li>
              <li>
                <i class="fa fa-whatsapp"></i>Whatsapp: (83) 9 8828.0109
              </li>    
            </ul>
          </div>
        </div>

        <div class="col-md-4 col-sm-12 col-md-offset-1">
         <div class="block">
          <ul class="address-block">            
            <li>
              <i class="fa fa-envelope-o"></i>Suporte: suporte@e-ticons.com.br
            </li>
            <li>
              <i class="fa fa-envelope-o"></i>Licitação: eticonslicita@outlook.com
            </li>
            <!--<li>
              <a href="https://www.facebook.com/eticonsltda/" target="_blank"> <p><i class="fa fa-facebook"></i>Facebook</p></a>
            </li>-->
          </ul>
        </div>
      </div> 


      <div class="col-md-12">
        <hr>        
      </div>

      <div>
        <div class="col-md-4 col-sm-12 col-md-offset-2">
          <div class="block">
            <ul class="address-block">      
              <li>
                <i class="fa fa-mobile"></i>Ailton Fernandes: (83) 9 8828.0340
              </li>
              <li>
              <i class="fa fa-mobile"></i>Fábio Moura: (83) 9 8828.0344
              </li>    
            </ul>
          </div>
        </div>

        <div class="col-md-4 col-sm-12 col-md-offset-1">
          <div class="block">
            <ul class="address-block">      
              <li>
                <i class="fa fa-mobile"></i>José Renato: (83) 9 8893.2966
              </li>
                
            </ul>
          </div>
        </div>
      </div>

    </div>



    <div class="col-md-12 col-sm-12">
      <br><h2 class="text-center" style="background-color: #e2e2e2">Localização</h2>
      <div class="block">        

        <br><p style='text-align: center;'>  <i class="fa fa-map-marker" aria-hidden="true"></i> R. Cecília Miranda, 84 - Jaguaribe, João Pessoa - PB, 58015-130 </p>

        <script src='https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyB4oMiOiNQT5BYU7l0y0sU0wk3D5lHqCn0'></script>

        <div style='overflow:hidden;height:400px;width:90%; display: block; margin: 0 auto; margin-top: 40px; margin-bottom: 40px;'>

          <div id='gmap_canvas' style='height:400px;width:90%; display: block; margin: 0 auto;'>

          </div>
          <style>#gmap_canvas img{max-width:none!important;background:none!important}</style>

        </div>
        <script type='text/javascript'>function init_map(){var myOptions = {zoom:15,center:new google.maps.LatLng(-7.128869099999999,-34.87214399999999),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(-7.128869099999999,-34.87214399999999)});infowindow = new google.maps.InfoWindow({content:'<strong>Eticons</strong><br>R. Cecília Miranda, 84 - Jaguaribe, João Pessoa - PB, 58015-130<br>'});google.maps.event.addListener(marker, 'click', function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);
        </script>
      </div>
    </div>

  </div>
</div>


</section>

<!-- footer Start -->
<?php 
require_once('rodape.php');
?>


</body>
</html>