jorge/triviagmatico
3
0
Fork 0
Code Issues 5 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

add bootstrap icon perfil

Browse Source
This commit is contained in:
alexis
2026-09-23 14:07:15 +02:00
parent cf8a14c51a
commit 4def004bd6
1 changed files with 38 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
perfil.php
+38 -11
View File
@@ -12,6 +12,11 @@
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet"> rel="stylesheet">
<!-- Bootstrap Icons -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<!-- Google Font: Fredoka --> <!-- Google Font: Fredoka -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -28,10 +33,12 @@
<body> <body>
<?php <?php
include_once 'cabecera.php'; include_once 'cabecera.php';
?> ?>
<div class="perfil-container"> <div class="perfil-container">
<div class="perfil-card"> <div class="perfil-card">
@@ -41,7 +48,8 @@
<!-- ========================= --> <!-- ========================= -->
<div class="perfil-header"> <div class="perfil-header">
👤 Mi perfil <i class="bi bi-person-circle"></i>
Mi perfil
</div> </div>
@@ -82,8 +90,11 @@
type="button" type="button"
class="btn-foto" class="btn-foto"
onclick="seleccionarFoto()" onclick="seleccionarFoto()"
title="Cambiar foto de perfil"> title="Cambiar foto de perfil"
✏️ aria-label="Cambiar foto de perfil">
<i class="bi bi-pencil-fill"></i>
</button> </button>
@@ -107,7 +118,9 @@
<label <label
for="nuevoNombre" for="nuevoNombre"
class="form-label"> class="form-label">
Cambia tu nombre Cambia tu nombre
</label> </label>
@@ -123,8 +136,11 @@
<button <button
type="button" type="button"
class="btn-perfil-cambiar" class="btn-perfil-cambiar"
onclick="cambiarNombre()"> onclick="cambiarNombre">
✔ Cambiar nombre
<i class="bi bi-check-lg"></i>
Cambiar nombre
</button> </button>
@@ -132,7 +148,10 @@
type="button" type="button"
class="btn-perfil-borrar" class="btn-perfil-borrar"
onclick="borrarNombre()"> onclick="borrarNombre()">
✖ Borrar
<i class="bi bi-x-lg"></i>
Borrar
</button> </button>
</div> </div>
@@ -151,13 +170,15 @@
<div class="estadisticas"> <div class="estadisticas">
<h2> <h2>
📊 Estadísticas <i class="bi bi-bar-chart-fill"></i>
Estadísticas
</h2> </h2>
<div class="estadistica estadistica-victorias"> <div class="estadistica estadistica-victorias">
🏆 &nbsp; Victorias: <i class="bi bi-trophy-fill"></i>
&nbsp; Victorias:
<strong> <strong>
0 0
@@ -168,7 +189,8 @@
<div class="estadistica estadistica-derrotas"> <div class="estadistica estadistica-derrotas">
❌ &nbsp; Derrotas: <i class="bi bi-x-circle-fill"></i>
&nbsp; Derrotas:
<strong> <strong>
0 0
@@ -179,7 +201,8 @@
<div class="estadistica estadistica-aciertos"> <div class="estadistica estadistica-aciertos">
🎯 &nbsp; Aciertos: <i class="bi bi-bullseye"></i>
&nbsp; Aciertos:
<strong> <strong>
0 0
@@ -199,11 +222,15 @@
</div> </div>
<!-- Bootstrap JS -->
<script <script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"> src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js">
</script> </script>
<!-- Tu JavaScript -->
<script src="js/perfil.js"></script> <script src="js/perfil.js"></script>
</body> </body>
</html> </html>