index.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <!DOCTYPE html>
  2. <!--
  3. To change this license header, choose License Headers in Project Properties.
  4. To change this template file, choose Tools | Templates
  5. and open the template in the editor.
  6. -->
  7. <html>
  8. <head>
  9. <title></title>
  10. <link rel="stylesheet" href="./css/bootstrap-ulsa.min.css" type="text/css">
  11. <link rel="stylesheet" href="./css/indivisa.css" type="text/css">
  12. <link rel="stylesheet" href="./css/apsa.css" type="text/css">
  13. <link rel="stylesheet" href="./css/fa_all.css" type="text/css">
  14. </head>
  15. <body>
  16. <div class="marco">
  17. <div class="blue-header">
  18. <img src="img/Ingenieria_Blanco.png" class="img-fluid mx-auto d-block"/>
  19. </div>
  20. <div class="menu">
  21. <ul class="nav nav-pills nav-fill">
  22. <li class="nav-item">
  23. <a class="nav-link active" id="menu1-tab" data-toggle="tab" href="#nav-menu1" role="tab" aria-controls="cuenta" aria-selected="true">Mi cuenta</a>
  24. </li>
  25. <li class="nav-item">
  26. <a class="nav-link" id="menu2-tab" data-toggle="tab" href="#nav-menu2" role="tab" aria-controls="usuarios" aria-selected="false">Usuarios</a>
  27. </li>
  28. <li class="nav-item">
  29. <a class="nav-link" id="menu3-tab" data-toggle="tab" href="#nav-menu3" role="tab" aria-controls="plan" aria-selected="false">Plan de estudios</a>
  30. </li>
  31. <li class="nav-item">
  32. <a class="nav-link" id="menu4-tab" data-toggle="tab" href="#nav-menu4" role="tab" aria-controls="grupo" aria-selected="false">Grupos</a>
  33. </li>
  34. <li class="nav-item">
  35. <a class="nav-link" id="menu5-tab" data-toggle="tab" href="#nav-menu5" role="tab" aria-controls="reporte" aria-selected="false">Reportes</a>
  36. </li>
  37. <li class="nav-item">
  38. <a class="nav-link" id="menu6-tab" data-toggle="tab" href="#nav-menu6" role="tab" aria-controls="proceso" aria-selected="false">Procesos</a>
  39. </li>
  40. <li class="nav-item">
  41. <a class="nav-link" href="#">Salir</a>
  42. </li>
  43. </ul>
  44. </div>
  45. <div class="subMenu">
  46. <div class="tab-content" id="nav-tabContent">
  47. <div class="tab-pane fade show active" id="nav-menu1" role="tabpanel" aria-labelledby="menu1-tab">
  48. <ul class="nav justify-content-center nav-fill">
  49. <li class="nav-item">
  50. <a class="nav-link active" href="#">Active</a>
  51. </li>
  52. <li class="nav-item">
  53. <a class="nav-link" href="#">Link</a>
  54. </li>
  55. <li class="nav-item">
  56. <a class="nav-link" href="#">Link</a>
  57. </li>
  58. <li class="nav-item">
  59. <a class="nav-link disabled" href="#">Disabled</a>
  60. </li>
  61. </ul>
  62. </div>
  63. <div class="tab-pane fade" id="nav-menu2" role="tabpanel" aria-labelledby="menu2-tab">
  64. <ul class="nav justify-content-center nav-fill">
  65. <li class="nav-item">
  66. <a class="nav-link" href="#">Link</a>
  67. </li>
  68. <li class="nav-item">
  69. <a class="nav-link" href="#">Link</a>
  70. </li>
  71. </ul>
  72. </div>
  73. <div class="tab-pane fade" id="nav-menu3" role="tabpanel" aria-labelledby="menu3-tab">
  74. <ul class="nav justify-content-center nav-fill">
  75. <li class="nav-item">
  76. <a class="nav-link" href="#">Link</a>
  77. </li>
  78. <li class="nav-item">
  79. <a class="nav-link" href="#">Link</a>
  80. </li>
  81. </ul>
  82. </div>
  83. <div class="tab-pane fade" id="nav-menu4" role="tabpanel" aria-labelledby="menu4-tab">
  84. <ul class="nav justify-content-center nav-fill">
  85. <li class="nav-item">
  86. <a class="nav-link" href="#">Link</a>
  87. </li>
  88. <li class="nav-item">
  89. <a class="nav-link" href="#">Link</a>
  90. </li>
  91. </ul>
  92. </div>
  93. <div class="tab-pane fade" id="nav-menu5" role="tabpanel" aria-labelledby="menu5-tab">
  94. <ul class="nav justify-content-center nav-fill">
  95. <li class="nav-item">
  96. <a class="nav-link" href="#">Link</a>
  97. </li>
  98. <li class="nav-item">
  99. <a class="nav-link" href="#">Link</a>
  100. </li>
  101. <li class="nav-item">
  102. <a class="nav-link" href="#">Link</a>
  103. </li>
  104. </ul>
  105. </div>
  106. <div class="tab-pane fade" id="nav-menu6" role="tabpanel" aria-labelledby="menu6-tab">
  107. <ul class="nav justify-content-center nav-fill">
  108. <li class="nav-item">
  109. <a class="nav-link" href="#">Link</a>
  110. </li>
  111. <li class="nav-item">
  112. <a class="nav-link" href="#">Link</a>
  113. </li>
  114. </ul>
  115. </div>
  116. </div>
  117. </div>
  118. <div class="container-fluid bg-white">
  119. <h1>asdadasd</h1>
  120. <span class="fas fa-home"></span> Adasdasd
  121. </div>
  122. <?php
  123. // footer
  124. ?>
  125. </div>
  126. <script src="./js/bootstrap/jquery.min.js"></script>
  127. <script src="./js/bootstrap/popper.min.js"></script>
  128. <script src="./js/bootstrap/bootstrap.min.js"></script>
  129. </body>
  130. </html>