Daniel José Ruiz Gutiérrez danydevco

## Column.kt
Column(
    modifier = Modifier.fillMaxSize().padding(16.dp),
    verticalArrangement = Arrangement.SpaceEvenly, // Distribuye el espacio vertical
    horizontalAlignment = Alignment.CenterHorizontally // Centra todo horizontalmente
) {
    Text("Primer Elemento", fontSize = 20.sp)
    Button(onClick = { /* ... */ }) {
        Text("Soy un Botón")
    }
    Text("Último Elemento", fontSize = 20.sp)

## box.kt
Box(
    modifier = Modifier
        .size(200.dp)
        .background(Color.LightGray),
    contentAlignment = Alignment.Center // Los hijos se centrarán por defecto
) {
    Image(
        painter = painterResource(R.drawable.mapa_fondo),
        contentDescription = "Fondo"
    )

## generar-c-digo-qr-con-javascript.main.index.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Código QR con JavaScript</title>
        <link rel="stylesheet" href="style.css" />
        <script defer src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
        <script defer src="app.js"></script>

## Estructura básica de un HTML.html
<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Título de la página</title>
    </head>
        <body>
            <header>
                <h1>Encabezado de la página</h1>
	Column(
	modifier = Modifier.fillMaxSize().padding(16.dp),
	verticalArrangement = Arrangement.SpaceEvenly, // Distribuye el espacio vertical
	horizontalAlignment = Alignment.CenterHorizontally // Centra todo horizontalmente
	) {
	Text("Primer Elemento", fontSize = 20.sp)
	Button(onClick = { /* ... */ }) {
	Text("Soy un Botón")
	}
	Text("Último Elemento", fontSize = 20.sp)
	Box(
	modifier = Modifier
	.size(200.dp)
	.background(Color.LightGray),
	contentAlignment = Alignment.Center // Los hijos se centrarán por defecto
	) {
	Image(
	painter = painterResource(R.drawable.mapa_fondo),
	contentDescription = "Fondo"
	)
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Código QR con JavaScript</title>
	<link rel="stylesheet" href="style.css" />
	<script defer src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
	<script defer src="app.js"></script>
	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Título de la página</title>
	</head>
	<body>
	<header>
	<h1>Encabezado de la página</h1>