//Aqui usaremos CSS para personalizar partes del sitio html { background: none; } //Uno de los botones del home .my-button-common { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .my-button { position: absolute; top: 43%; left: 50%; transform: translate(-50%, -50%); } .my-button2 { position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); } //Un botón personalizado .custom-button { width: 350px; } .dropdown-menu { min-width: 14rem; } //Esto es JavaScript para el navegador, puede diferir mucho del acostumbrado con Node.js //Cada vez que la página termine de cargar, ejecutar esa función document.addEventListener("DOMContentLoaded", () => { // Obtener todos los elementos de la clase "navbar-burger" const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll(".navbar-burger"), 0); // Compruebe si hay algún "navbar-burger" if ($navbarBurgers.length > 0) { // Añadimos un evento de click en cada uno de ellos $navbarBurgers.forEach(el => { el.addEventListener("click", () => { // Obtener el objetivo del atributo "data-target" const target = el.dataset.target; const $target = document.getElementById(target); // Cambiar la clase "is-active" en "navbar-burger" y "navbar-menu" el.classList.toggle("is-active"); $target.classList.toggle("is-active"); }); }); } }); //Y eso debería ser todo lo requerido para la dashboard. Espero que esta parte de la sección se llene con más trucos para hacer en una de ellas.