menu.html 1.53 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97
<!DOCTYPE html>
<html>
<head>
<style>

<link href="https://fonts.googleapis.com/css2?family=Concert+One&family=Francois+One&family=Satisfy&family=Staatliches&display=swap" rel="stylesheet">

* {
  box-sizing: border-box;
}

body {
  font-family: 'Concert One', cursive;
  font-family: 'Francois One', sans-serif;
  font-family: 'Satisfy', cursive;
  font-family: 'Staatliches', cursive;
  font-size: 13px
}

.header, .footer {
  background-color:rgb(18, 18, 98);
  color: white;
  padding: 60px;
}

.column {
  float: left;
  padding: 30px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

a{
  color:white;
}

.menu {
  width: 50%;
}

.content {
  width: 50%;
}

.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  padding: 8px;
  margin-bottom: 8px;
  background-color: rgb(18, 18, 98);
  color: #ffffff;
}

.menu li:hover {
  background-color: rgb(18, 18, 98);
}

</style>
</head>
<body>

<div class="header">
  <h1> MENU TH</h1>
  <h2> EN LOS SIGUIENTES LINKS PUEDE MODIFICAR, AGREGAR O ELIMINAR DATOS DE LA BASE DE DATOS DEL BOOTCAMP </h2>
</div>


<div class="column content">
    <h1>PUEDE ACCEDER A LOS SIGUIENTES LINKS:</h1>
  </div>

<div class="clearfix">
  <div class="column menu">
    <ul>
      <li><a href="#"> MANAGE BOOTCAMP </a></li>
      <li><a href="#"> MANAGE POSTULANTE </a></li>
      <li><a href="#"> MANAGE LENGUAJES  </a></li>
      <li><a href="#"> MANAGE PROFESORES </a></li>
      <li><a href="#"> USUARIO NUEVO (ADMINISTRADOR) </a></li>
    </ul>
  </div>

  
</div>

</body>
</html>