CCOM4030
/
pazParaMujer


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
							<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Centro de Servicios de Ayuda</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
    
<script type="text/javascript" src="js/custom.js"></script>

-->

<script type="text/javascript">
$(document).ready(function(e) {
   $('.has-sub').click(function(){
    $(this).toggleClass('tap');
  });
});
</script>

<style type="text/css">
* {padding:0; margin:0;}
.main-nav {background: rgba(108,166,202,1.00);}
.main-nav li {list-style: none;}
.main-nav a {
  height: 50px;
  color: #FFF;
  letter-spacing: .2em;
  text-decoration: none;
  display: block;
  padding: 10px 0 10px 20px;
  border-bottom: 1px dotted gray;
}
.main-nav a:hover {background: rgba(118,166,174,1.00);}
.main-nav-ul ul {display: none;}
.main-nav-ul li.tap ul {display: block;}
.main-nav-ul ul a:before {
  content: '\203A';
  margin-right: 20px;
}
.main-nav .sub-arrow:after {
  content: '\203A';
  float: right;
  margin-right: 20px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
.main-nav li.tap .sub-arrow:after {
  content: '\2039';
} 

</style>

</head>

<body>


  <!--
  
  <div class="nav-bar">
    <div id="myNav" class="overlay">
      <div>
       
      <span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
      </div>

      <div class="overlay-content">
        <a href="index.html">Inicio</a>
        <a href="vdomestica.html">Violencia Doméstica</a>
        <a href="vsexual.html">Violencia Sexual</a>
        <a href="leyes.html">Leyes</a>
        <a href="campanas.html">Campañas</a>
        <a href="test.html">Test </a>
        <a href="main_servicios.html">Buscar Ayuda</a>
        <a href="cerca.html">Cerca de mi</a>
        <a href="contacto.html">Contacto</a>
        <a href="app_en/index.html">App in English</a>
      </div>
    </div>
    
    <p id="demo"></p>
    </div>
    <div id="menubtn">
      <span style="font-size:30px;cursor:pointer;" onclick="openNav()">&#9776;</span>
    </div>
    </div>

    -->

<nav class="main-nav">
  <ul class="main-nav-ul">

          <li><a href="index.html">Home</a></li>
          <li><a href="ayudas_en.html">Where to look for help</a></li>
          <li class="has-sub"><a href="#">24/7 Phoneline for Orientation and Aid<span class="sub-arrow"></span></a>
            <ul>
             	<li><a href="agresion_sexual_en.html">Sexual Aggresion</a></li>
              <li><a href="vd_as_en.html">Domestic Violence and Sexual Aggresion</a></li>
            </ul>
          </li>

          <li class="has-sub"><a href="#">Shelters in Puerto Rico<span class="sub-arrow"></span></a>
            <ul>
              <li><a href="area_norte_en.html">North Area</a></li>
              <li><a href="area_este_en.html">East Area</a></li>
      	      <li><a href="area_oeste_en.html">West Area</a></li>
              <li><a href="area_central_en.html">Central Area</a></li>
            </ul>
          </li>

          <li><a href="servicios_info_en.html">Service Centers</a></li>
          <li><a href="servicios_g_en.html">Center of Goverment Services</a></li>
          <li><a href="universidad_en.html">Universities</a></li>
        </ul>
      </nav>

    </body>
</html>