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>Plataforma Cloud</title>7 <style>8 body {9 font-family: Arial, sans-serif;10 margin: 0;11 padding: 0;12 display: flex;13 height: 100vh;14 }15 .navbar {16 background-color: #333;17 color: white;18 padding: 10px;19 text-align: right;20 }21 .sidebar {22 background-color: #f4f4f4;23 width: 200px;24 padding: 20px;25 overflow-y: auto;26 }27 .content {28 flex-grow: 1;29 padding: 20px;30 background-color: #fff;31 }32 .sidebar a {33 display: block;34 padding: 10px;35 color: black;36 text-decoration: none;37 }38 .sidebar a:hover {39 background-color: #ddd;40 }41 </style>42 </head>43 <body>44 <div class="navbar">45 <select>46 <option>Proyecto 1</option>47 <option>Proyecto 2</option>48 <!-- Más proyectos aquí -->49 </select>50 </div>51 <div class="sidebar">52 <a href="#">Base de Datos</a>53 <a href="#">Logs</a>54 <a href="#">Lambdas</a>55 <a href="#">Colas</a>56 <!-- Más servicios aquí -->57 </div>58 <div class="content">59 <!-- Contenido del servicio seleccionado aquí -->60 </div>61 </body>62 </html>Enlace
El enlace para compartir es: