1 <!DOCTYPE html>2 <html lang="es">3 <head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>SecureStore Pro - Dashboard</title>7 <link rel="stylesheet" href="styles.css">8 </head>9 <body>10 <header>11 <div class="logo">SecureStore Pro</div>12 <nav>13 <ul>14 <li><a href="#">Dashboard</a></li>15 <li><a href="#">Archivos</a></li>16 <li><a href="#">Usuarios</a></li>17 <li><a href="#">Configuración</a></li>18 <li><a href="#">Soporte</a></li>19 </ul>20 </nav>21 <div class="user-profile">22 <img src="user-icon.png" alt="Usuario">23 <div class="dropdown">24 <button class="dropbtn">Usuario</button>25 <div class="dropdown-content">26 <a href="#">Perfil</a>27 <a href="#">Configuración</a>28 <a href="#">Cerrar Sesión</a>29 </div>30 </div>31 </div>32 </header>33 <main>34 <section class="dashboard-overview">35 <div class="storage-summary">36 <h2>Uso de Almacenamiento</h2>37 <div class="storage-chart">38 <!-- Aquí iría el gráfico circular -->39 <div class="circle"></div>40 </div>41 <div class="storage-details">42 <p>Total de Archivos: 1500</p>43 <p>Espacio Utilizado: 3.2 TB</p>44 <p>Espacio Disponible: 1.8 TB</p>45 </div>46 </div>47 <div class="backup-status">48 <h2>Estado de Backups</h2>49 <ul>50 <li>Backup 1: Completo</li>51 <li>Backup 2: Fallido</li>52 <li>Backup 3: Completo</li>53 </ul>54 <button>Iniciar Backup Manual</button>55 </div>56 <div class="recent-activity">57 <h2>Actividad Reciente</h2>58 <ul>59 <li>Subido archivo report.pdf</li>60 <li>Descargado archivo data.xlsx</li>61 <li>Cambio de permisos en carpeta Clientes</li>62 </ul>63 </div>64 <div class="alerts-notifications">65 <h2>Alertas y Notificaciones</h2>66 <ul>67 <li>Intento de acceso no autorizado detectado.</li>68 <li>Backup 2 fallido. Verificar conexión.</li>69 </ul>70 </div>71 </section>72 </main>73 </body>74 </html>75 Este ShareCode tiene versiones:
- SecureStore Pro - Gesti... (28/09/2024)
- SecureStore Pro - Gesti... (28/09/2024)
Enlace
El enlace para compartir es: