Repositorio del curso CCOM4030 el semestre B91 del proyecto Paz para la Mujer

index.html 2.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <title>Centro de Servicios de Ayuda</title>
  5. <script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
  6. <script type="text/javascript">
  7. $(document).ready(function(e) {
  8. $('.has-sub').click(function(){
  9. $(this).toggleClass('tap');
  10. });
  11. });
  12. </script>
  13. <style type="text/css">
  14. * {padding:0; margin:0;}
  15. .main-nav {background: rgba(122,38,122,1.00);}
  16. .main-nav li {list-style: none;}
  17. .main-nav a {
  18. height: 50px;
  19. color: #FFF;
  20. text-transform: uppercase;
  21. letter-spacing: .2em;
  22. text-decoration: none;
  23. display: block;
  24. padding: 10px 0 10px 20px;
  25. border-bottom: 1px dotted gray;
  26. }
  27. .main-nav a:hover {background: rgba(118,166,174,1.00);}
  28. .main-nav-ul ul {display: none;}
  29. .main-nav-ul li.tap ul {display: block;}
  30. .main-nav-ul ul a:before {
  31. content: '\203A';
  32. margin-right: 20px;
  33. }
  34. .main-nav .sub-arrow:after {
  35. content: '\203A';
  36. float: right;
  37. margin-right: 20px;
  38. transform: rotate(90deg);
  39. -webkit-transform: rotate(90deg);
  40. -moz-transform: rotate(90deg);
  41. }
  42. .main-nav li.tap .sub-arrow:after {
  43. content: '\2039';
  44. }
  45. </style>
  46. </head>
  47. <body>
  48. <nav class="main-nav">
  49. <ul class="main-nav-ul">
  50. <li><a href="ayudas.html">Donde Buscar Ayuda</a></li>
  51. <li class="has-sub"><a href="#">Linea de Orientacion y Ayuda 24/7<span class="sub-arrow"></span></a>
  52. <ul>
  53. <li><a href="agresion_sexual.html">Agresion Sexual</a></li>
  54. <li><a href="vd_as.html">Violencia Domestica y Agresion Sexual</a></li>
  55. </ul>
  56. </li>
  57. <li class="has-sub"><a href="#">Albergues en Puerto Rico<span class="sub-arrow"></span></a>
  58. <ul>
  59. <li><a href="area_norte.html">Area Norte</a></li>
  60. <li><a href="area_este.html">Area Este</a></li>
  61. <li><a href="area_oeste.html">Area Oeste</a></li>
  62. <li><a href="area_central.html">Area Central</a></li>
  63. </ul>
  64. </li>
  65. <li><a href="servicios.html">Centro de Servicios</a></li>
  66. <li><a href="servicios_g.html">Centro de Servicios Gubermentales</a></li>
  67. <li><a href="universidad.html">Universidades</a></li>
  68. </ul>
  69. </nav>
  70. </body>
  71. </html>