JUAN CARLOS ARCADIPANE
Pregunta<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Calculador de Peso</title> <link rel="stylesheet" href="css/bootstrap.min.css"> </head> <body> <h1 class="h-1 mt-5 pt-5" >Tu peso en otro planeta</h1> <p>en la tierra pesas menos que en marte o jupiter</p> <button type="button" class="btn btn-outline-primary">Peso Final</button> <button type="button" class="btn btn-outline-danger"> <script> var g_tierra = 9.8; var g_marte = 3.7; var g_jupiter = 24.8; var peso = 90; var peso_final; peso_final = peso * g_marte / g_tierra; peso_final = parseInt(peso_final); document.write(peso_final); </script> </body> </html>
Alison Mondragón
<!DOCTYPE html><html lang="es"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Tienda Apple - iPhones</title> <script src="https://cdn.tailwindcss.com">\</script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700\&display=swap" rel="stylesheet"> <style> body { font-family: 'Inter', sans-serif; } </style> </head> <body class="bg-gray-100 text-gray-800"> <!-- Header --> <header class="bg-white shadow sticky top-0 z-50"> <div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center"> <h1 class="text-2xl font-bold text-blue-600">Apple Store</h2> <nav class="space-x-4"> <a href="#productos" class="hover:underline">Productos</a> <a href="#carrito" class="hover:underline">Carrito</a> </nav> </div> </header> <!-- Productos --> <section id="productos" class="max-w-6xl mx-auto px-4 py-12"> <h2 class="text-3xl font-bold mb-8 text-center">iPhones disponibles</h3> <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6"> <div class="bg-white p-4 rounded shadow"> <img src="https://www.apple.com/newsroom/images/product/iphone/standard/Apple\_iPhone-15-Pro-Lineup\_09122023\_big.jpg.large.jpg" class="rounded mb-4" alt="iPhone 15 Pro Max"> <h3 class="text-xl font-semibold">iPhone 15 Pro Max</h4> <p class="text-gray-600">256GB - Titanio Azul</p> <p class="text-lg font-bold my-2">$1199</p> <button onclick="addToCart('iPhone 15 Pro Max', 1199)" class="bg-blue-600 text-white px-4 py-2 rounded">Agregar al carrito</button> </div><div class="bg-white p-4 rounded shadow"> <img src="https://www.apple.com/v/iphone-14/f/images/overview/compare/compare\_iphone\_14\_\_cyz4w992xhyu\_large.jpg" class="rounded mb-4" alt="iPhone 14"> <h3 class="text-xl font-semibold">iPhone 14</h4> <p class="text-gray-600">128GB - Morado</p> <p class="text-lg font-bold my-2">$799</p> <button onclick="addToCart('iPhone 14', 799)" class="bg-blue-600 text-white px-4 py-2 rounded">Agregar al carrito</button> </div>
<div class="bg-white p-4 rounded shadow"> <img src="https://www.apple.com/v/iphone-13/f/images/overview/hero/hero\_static\_\_e5c1xo3y4qi2\_large.jpg" class="rounded mb-4" alt="iPhone 13"> <h3 class="text-xl font-semibold">iPhone 13</h4> <p class="text-gray-600">128GB - Rosa</p> <p class="text-lg font-bold my-2">$699</p> <button onclick="addToCart('iPhone 13', 699)" class="bg-blue-600 text-white px-4 py-2 rounded">Agregar al carrito</button> </div>
<div class="bg-white p-4 rounded shadow"> <img src="https://www.apple.com/newsroom/images/product/iphone/standard/apple\_iphone\_se\_2022\_red\_hero\_220308\_big.jpg.large.jpg" class="rounded mb-4" alt="iPhone SE"> <h3 class="text-xl font-semibold">iPhone SE (2022)</h4> <p class="text-gray-600">64GB - Rojo</p> <p class="text-lg font-bold my-2">$429</p> <button onclick="addToCart('iPhone SE', 429)" class="bg-blue-600 text-white px-4 py-2 rounded">Agregar al carrito</button> </div> </div>
</section> <!-- Carrito --> <section id="carrito" class="max-w-4xl mx-auto px-4 py-12"> <h2 class="text-2xl font-bold mb-6">Carrito de Compras</h3> <div id="cart-items" class="bg-white p-4 rounded shadow mb-4"></div> <p class="text-xl font-semibold">Total: $<span id="total">0.00</span></p><form id="payment-form" onsubmit="submitPayment(event)" class="mt-6 bg-white p-4 rounded shadow"> <h3 class="text-xl font-semibold mb-4">Método
Ana Vázquez
\<!DOCTYPE html> \<html lang="es"> \<head> \<meta charset="UTF-8" /> \<title>Maqueta 3D Desértica con Paneles y Sol\</title> \<style>   body { margin: 0; overflow: hidden; }   canvas { display: block; } \</style> \</head> \<body> \<!-- Incluye la librería Three.js desde CDN --> \<script src="https://cdn.jsdelivr.net/npm/three@0.152.0/build/three.min.js">\</script> \<script>   // Variables globales   let scene, camera, renderer;   let sun, sunLight;   let panels = \[];   init();   animate();   function init() {   // Escena   scene = new THREE.Scene();   scene.background = new THREE.Color(0xbfd1e5);   // Cámara   camera = new THREE.PerspectiveCamera(   60,   window.innerWidth / window.innerHeight,   0.1,   1000   );   camera.position.set(50, 50, 50);   camera.lookAt(0, 0, 0);   // Renderizador   renderer = new THREE.WebGLRenderer({ antialias: true });   renderer.setSize(window.innerWidth, window.innerHeight);   document.body.appendChild(renderer.domElement);   // Luz ambiental   const ambientLight = new THREE.AmbientLight(0xffffff, 0.3);   scene.add(ambientLight);   // Sol (luz direccional que simula el sol)   sunLight = new THREE.DirectionalLight(0xffffff, 1.0);   scene.add(sunLight);   // Esfera para representar el sol (opcional, solo visual)   sun = new THREE.Mesh(   new THREE.SphereGeometry(2, 16, 16),   new THREE.MeshBasicMaterial({ color: 0xffff00 })   );   scene.add(sun);   // Terreno (superficie de arena)   const terrainGeometry = new THREE.PlaneGeometry(200, 200, 50, 50);   const terrainMaterial = new THREE.MeshLambertMaterial({ color: 0xD2B48C }); // color arena   const terrain = new THREE.Mesh(terrainGeometry, terrainMaterial);   terrain.rotation.x = -Math.PI / 2;   scene.add(terrain);   // Crear algunos "piedras" pequeñas (básicas)   for (let i = 0; i < 50; i++) {   const stoneGeometry = new THREE.SphereGeometry(0.3, 8, 8);   const stoneMaterial = new THREE.MeshLambertMaterial({ color: 0x808080 });   const stone = new THREE.Mesh(stoneGeometry, stoneMaterial);   stone.position.x = Math.random() \* 180 - 90;   stone.position.z = Math.random() \* 180 - 90;   stone.position.y = 0.3; // sobre el suelo   scene.add(stone);   }   // Crear algunos cactus simples   for (let i = 0; i < 10; i++) {   const cactus = new THREE.Mesh(   new THREE.CylinderGeometry(0.2, 0.2, 2, 8),   new THREE.MeshLambertMaterial({ color: 0x006400 }) // verde oscuro   );   cactus.position.x = Math.random() \* 180 - 90;   cactus.position.z = Math.random() \* 180 - 90;   cactus.position.y = 1; // altura de la planta   scene.add(cactus);   }   // Crear paneles solares (como rectángulos planos)   for (let i = 0; i < 5; i++) {   const panelGeometry = new THREE.PlaneGeometry(2, 1);   const panelMaterial = new THREE.MeshLambertMaterial({ color: 0x333333 });   const panel = new THREE.Mesh(panelGeometry, panelMaterial);   panel.position.x = Math.random() \* 100 - 50;   panel.position.z = Math.random() \* 50 - 25;   panel.position.y = 1;   scene.add(panel);   panels.push(panel);   }   // Evento de ajuste de tamaño   window.addEventListener('resize', () => {   camera.aspect = window.innerWidth / window.innerHeight;   camera.updateProjectionMatrix();   renderer.setSize(window.innerWidth, window.innerHeight);   });   }   function animate() {   requestAnimationFrame(animate);   const time = Date.now() \* 0.001; // tiempo en segundos   // Movimiento del sol en un arco   const radius = 100;   const sunX = radius \* Math.cos(time \* 0.2);   const sunY = radius \* Math.sin(time \* 0.2);   const sunZ = radius \* Math.sin(time \* 0.1);   sun.position.set(sunX, sunY + 50, sunZ);   sunLight.position.copy(sun.position);   sunLight.target.position.set(0, 0, 0);   sunLight.target.updateMatrixWorld();   // Animar la posición del sol (visual) y la luz   // También puede ajustar la intensidad de la luz si quieres efectos de día y noche   // Orientar paneles solares hacia el sol   panels.forEach(panel => {   // Hacer que los paneles "miren" hacia el sol   panel.lookAt(sun.position);   });   renderer.render(scene, camera);   } \</script> \</body> \</html>
Amy
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Reproductor de Notas</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; display: flex; justify-content: center; align-items: center; height: 100vh; } .container { background: white; padding: 30px; border-radius: 10px; box-shadow: 0 0 10px #ccc; text-align: center; } h2 { margin-bottom: 20px; } .note-button { padding: 10px 20px; margin: 5px; font-size: 18px; border: none; border-radius: 8px; background-color: #3498db; color: white; cursor: pointer; transition: background-color 0.3s; } .note-button:hover { background-color: #2980b9; } </style> </head> <body> <div class="container"> <h3>Reproductor de Notas</h3> <button class="note-button" onclick="playFrequency(523)">523 Hz</button> <button class="note-button" onclick="playFrequency(587)">587 Hz</button> <button class="note-button" onclick="playFrequency(659)">659 Hz</button> <button class="note-button" onclick="playFrequency(698)">698 Hz</button> <button class="note-button" onclick="playFrequency(783)">783 Hz</button> </div>
<script> function playFrequency(freq) { const audioContext = new (window.AudioContext || window.webkitAudioContext)(); const oscillator = audioContext.createOscillator();
oscillator.type = 'sine'; oscillator.frequency.setValueAtTime(freq, audioContext.currentTime); oscillator.connect(audioContext.destination); oscillator.start();
// Detener el sonido después de 1 segundo oscillator.stop(audioContext.currentTime + 1); } </script> </body> </html>
Juan José Cardona Bolaños
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carta para mi Lore</title>
<style>
body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: linear-gradient(to bottom, #fff7b2, #ffcc00);
font-family: 'Arial', sans-serif;
overflow: hidden;
}
.container {
text-align: center;
position: relative;
}
h1 {
font-size: 2.5rem;
color: #d48806;
position: relative;
animation: fadeIn 3s ease-in-out;
}
@keyframes fadeIn {
from { opacity: 0; transform: scale(0.8); }
to { opacity: 1; transform: scale(1); }
}
.flowers {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
height: 300px;
}
.flower {
position: absolute;
width: 50px;
height: 50px;
background: yellow;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
animation: float 3s infinite alternate ease-in-out;
}
.flower:nth-child(1) { top: 0; left: 30%; animation-delay: 0.2s; }
.flower:nth-child(2) { top: 20%; left: 70%; animation-delay: 0.4s; }
.flower:nth-child(3) { top: 50%; left: 10%; animation-delay: 0.6s; }
.flower:nth-child(4) { top: 80%; left: 50%; animation-delay: 0.8s; }
.flower:nth-child(5) { top: 30%; left: 90%; animation-delay: 1s; }
@keyframes float {
from { transform: translateY(0) rotate(0deg); }
to { transform: translateY(-20px) rotate(15deg); }
}
.message {
font-size: 1.5rem;
color: #d48806;
margin-top: 20px;
opacity: 0;
animation: fadeIn 3s ease-in-out forwards 1s;
}
</style>
</head>
<body>
<div class="container">
<h2>Te quelo mucho mi Lore</h2>
<div class="flowers">
<div class="flower"></div>
<div class="flower"></div>
<div class="flower"></div>
<div class="flower"></div>
<div class="flower"></div>
</div>
</div>
</body>
</html>
maycol Sillochoquehuanca
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Quieres ser mi novia</title>
<meta name="viewport" content=
"width=device-width, user-scalable=no, initial-scale 1.0, maximum-scale=1.0, minimum-scale=1.0"
<link rel="stylesheet" href="main.css">
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/
jquery.min.js"
></script>
<script>
$(document).ready(function(){
$(".p1").hover(function(){
arriba Math.random()*(400-1) +1;
abajo Math.random() (609-1) +1;
$(this).css('top', arriba);
$(this).css('left', abajo);
});
});
function dijosi(){
document.getElementById('si').style.display
'block';
}
</script>
</head>
<body>
+
<div class="contenedor">
<div class="titulo">
<hi¿Quieres ser mi novia?</h2>
</div>
<div class="opciones">
<p class="p1">No</p>
<p onclick="dijosi()" class="p2">51</p>
<div id="si">
<h3>Sabria que querrias mylovec/h2>
30,1 mil
...
</div>
</div>
</div>
</body>
</html>
Alfonso Barril
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
background-color: white; /* Ensure the iframe has a white background */
}
</style>
</head>
<body>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fundación Latinoamérica Joven - Prevención y Tratamiento de Adicciones</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f9;
color: #333;
}
header {
background-color: #007BFF;
color: white;
padding: 20px 10px;
text-align: center;
}
nav {
background-color: #0056b3;
overflow: hidden;
}
nav a {
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 20px;
text-decoration: none;
}
nav a:hover {
background-color: #003d80;
}
.container {
padding: 20px;
}
.section {
margin-bottom: 40px;
}
footer {
background-color: #007BFF;
color: white;
text-align: center;
padding: 10px 0;
position: relative;
bottom: 0;
width: 100%;
}
.hero {
background-image: url('https://via.placeholder.com/1200x400');
background-size: cover;
height: 400px;
display: flex;
align-items: center;
justify-content: center;
color: white;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.hero h1 {
font-size: 3em;
margin: 0;
}
.cta-button {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background-color: #ff6347;
color: white;
text-decoration: none;
border-radius: 5px;
}
.cta-button:hover {
background-color: #e53935;
}
</style>
</head>
<body>
<header>
<h2>Fundación Latinoamérica Joven</h2>
<p>Prevención y Tratamiento de las Adicciones</p>
</header>
<nav>
<a href="#inicio">Inicio</a>
<a href="#nosotros">Nosotros</a>
<a href="#programas">Programas</a>
<a href="#contacto">Contacto</a>
</nav>
<div class="hero">
<h2>Construyendo un Futuro Sin Adicciones</h2>
<a href="#programas" class="cta-button">Descubre Nuestros Programas</a>
</div>
<div class="container">
<div id="nosotros" class="section">
<h3>Sobre Nosotros</h3>
<p>La Fundación Latinoamérica Joven es una organización dedicada a la prevención y tratamiento de las adicciones en jóvenes y adolescentes. A través de programas educativos, terapéuticos y comunitarios, buscamos transformar vidas y construir un futuro mejor.</p>
</div>
<div id="programas" class="section">
<h3>Nuestros Programas</h3>
<ul>
<li><strong>Prevención Escolar:</strong> Talleres y charlas en instituciones educativas para concienciar sobre los riesgos de las adicciones.</li>
<li><strong>Tratamiento Integral:</strong> Apoyo psicológico y médico para jóvenes que enfrentan problemas de adicción.</li>
<li><strong>Apoyo Familiar:</strong> Orientación y acompañamiento a familias afectadas por las adicciones.</li>
<li><strong>Voluntariado Comunitario:</strong> Iniciativas lideradas por jóvenes comprometidos con el cambio social.</li>
</ul>
</div>
<div id="contacto" class="section">
<h3>Contacto</h3>
<p>Si deseas más información sobre nuestros programas o quieres colaborar con nosotros, no dudes en contactarnos:</p>
<p>Email: contacto@fundacionlatinoamericajoven.org</p>
<p>Teléfono: +57 123 456 789</p>
</div>
</div>
<footer>
<p>© 2023 Fundación Latinoamérica Joven. Todos los derechos reservados.</p>
</footer>
</body>
</html>
<script>
</script>
</body>
</html>
Juan David Cristancho
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Esquema del Ciclo de Vida de las Algas</title>
<script src="https://d3js.org/d3.v7.min.js">\</script>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
}
.node {
fill: #76c7c0;
stroke: #2c6e49;
stroke-width: 2px;
}
.link {
fill: none;
stroke: #ccc;
stroke-width: 2px;
}
text {
font-size: 12px;
fill: #333;
}
</style>
</head>
<body>
<h2>Ciclo de Vida de las Algas</h2>
<svg width="800" height="600"></svg>
<script>
// Datos del ciclo de vida de las algas
const data = {
nodes: [
{ id: "Espora", group: 1 },
{ id: "Gametofito", group: 1 },
{ id: "Gameto", group: 1 },
{ id: "Fecundación", group: 1 },
{ id: "Cigoto", group: 1 },
{ id: "Esporofito", group: 1 },
],
links: [
{ source: "Espora", target: "Gametofito" },
{ source: "Gametofito", target: "Gameto" },
{ source: "Gameto", target: "Fecundación" },
{ source: "Fecundación", target: "Cigoto" },
{ source: "Cigoto", target: "Esporofito" },
{ source: "Esporofito", target: "Espora" },
],
};
// Configuración de SVG
const svg = d3.select("svg"),
width = +svg.attr("width"),
height = +svg.attr("height");
const simulation = d3
.forceSimulation(data.nodes)
.force("link", d3.forceLink(data.links).id(d => d.id).distance(150))
.force("charge", d3.forceManyBody().strength(-300))
.force("center", d3.forceCenter(width / 2, height / 2));
// Dibujar enlaces (links)
const link = svg
.append("g")
.selectAll("line")
.data(data.links)
.join("line")
.attr("class", "link");
// Dibujar nodos
const node = svg
.append("g")
.selectAll("circle")
.data(data.nodes)
.join("circle")
.attr("class", "node")
.attr("r", 20)
.call(
d3
.drag()
.on("start", dragstarted)
.on("drag", dragged)
.on("end", dragended)
);
// Etiquetas de nodos
const label = svg
.append("g")
.selectAll("text")
.data(data.nodes)
.join("text")
.text(d => d.id)
.attr("x", 6)
.attr("y", 3);
simulation.on("tick", () => {
link
.attr("x1", d => d.source.x)
.attr("y1", d => d.source.y)
.attr("x2", d => d.target.x)
.attr("y2", d => d.target.y);
node.attr("cx", d => d.x).attr("cy", d => d.y);
label.attr("x", d => d.x).attr("y", d => d.y);
});
function dragstarted(event, d) {
if (!event.active) simulation.alphaTarget(0.3).restart();
d.fx = d.x;
d.fy = d.y;
}
function dragged(event, d) {
d.fx = event.x;
d.fy = event.y;
}
function dragended(event, d) {
if (!event.active) simulation.alphaTarget(0);
d.fx = null;
d.fy = null;
}
</script>
</body>
</html>
FARMAPLUX
<!DOCTYPE html><html lang="en" translate="no" class="theme-light"><head><meta charset="utf-8"><meta name="referrer" content="same-origin" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="format-detection" content="telephone=no, email=no" /><meta http-equiv="x-dns-prefetch-control" content="on" /><meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" /><meta property="og:title" content="DGENCT"><meta property="og:description" content="La confianza proviene de la capacidad, el futuro comienza con la elección!"><meta property="og:image" content="https://www.thynkjynx.com/image/ogpimage">\<title>DGENCT</title><style type="text/css">#app { min-height: 100vh; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #f8f9fb }@-webkit-keyframes load {0%, 100%, 80% { opacity: .75; box-shadow: 0 0 #ffd44a; height: 2rem }40% { opacity: 1; box-shadow: 0 -.5rem #ffd44a; height: 2.5rem }}@keyframes load {0%, 100%, 80% { opacity: .75; box-shadow: 0 0 #ffd44a; height: 2rem }40% { opacity: 1; box-shadow: 0 -.5rem #ffd44a; height: 2.5rem }}.app-loader { margin: auto; display: block }.loader-bars, .loader-bars:after, .loader-bars:before { background: #F0B90B; -webkit-animation: load .8s infinite ease-in-out; animation: load .8s infinite ease-in-out; width: .85rem; height: 2rem }.loader-bars:after, .loader-bars:before { position: absolute; top: 0; content: "" }.loader-bars { text-indent: -9999em; margin: auto; position: absolute; right: calc(50% - .425rem); font-size: 11px; -webkit-animation-delay: .16s; animation-delay: .16s }.loader-bars:before { left: -1.25rem }.loader-bars:after { left: 1.25rem; -webkit-animation-delay: .32s; animation-delay: .32s }.page button.btn-loading::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48c3R5bGU+QGtleWZyYW1lcyBsb2FkezAle3RyYW5zZm9ybTpyb3RhdGUoMCl9dG97dHJhbnNmb3JtOnJvdGF0ZSgtMzYwZGVnKX19PC9zdHlsZT48ZyBzdHlsZT0iYW5pbWF0aW9uOmxvYWQgMXMgbGluZWFyIGluZmluaXRlO3RyYW5zZm9ybS1vcmlnaW46Y2VudGVyIGNlbnRlciI+PGxpbmVhckdyYWRpZW50IGlkPSJyaWdodCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxNTAiIHkxPSIyMCIgeDI9IjE1MCIgeTI9IjE4MCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9Ii41Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMTAwIDB2MjBjNDQuMSAwIDgwIDM1LjkgODAgODBzLTM1LjkgODAtODAgODB2MjBjNTUuMiAwIDEwMC00NC44IDEwMC0xMDBTMTU1LjIgMCAxMDAgMHoiIGZpbGw9InVybCgjcmlnaHQpIi8+PGxpbmVhckdyYWRpZW50IGlkPSJsZWZ0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwIiB5MT0iMCIgeDI9IjUwIiB5Mj0iMTgwIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuNSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTIwIDEwMGMwLTQ0LjEgMzUuOS04MCA4MC04MFYwQzQ0LjggMCAwIDQ0LjggMCAxMDBzNDQuOCAxMDAgMTAwIDEwMHYtMjBjLTQ0LjEgMC04MC0zNS45LTgwLTgweiIgZmlsbD0idXJsKCNsZWZ0KSIvPjxjaXJjbGUgY3g9IjEwMCIgY3k9IjEwIiByPSIxMCIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=) }</style><script type="text/javascript">let arr = window.location.hostname.split('.');let rtqs_path = window.location.origin;let chat_path = window.location.origin;if (arr.length >= 2) {rtqs_path = '//rtqs.' + arr.slice(arr.length - 2).join('.');chat_path = '//chat.' + arr.slice(arr.length - 2).join('.');}const g_rtqs_path = rtqs_path;const g_chat_path = chat_path;</script></head><body><div id="app"><div class="app-loader"><div class="loader-bars"></div></div></div><script type="text/javascript" src="/dist/vendors.9711630c85c1bf7b86d7.js" defer></script><script type="text/javascript" src="/dist/app_44.94d9d15d56e70b825725.js" defer></script><link rel="stylesheet" href="/dist/app_44.e39eb51b85221216b2ef.css" /><link rel="stylesheet" href="/public/font-awesome-5.14.0/css/all.min.css" /><!-- HELPDESK SCRIPT HERE --><style>.udesk_modal { z-index: 2048; position: fixed; bottom: 0; right: 0; height: 572px; max-height: 100vh; width: 364px; max-width: 100%; box-shadow: 0px 4px 12px 0px rgb(8 23 26 / 20%); transition: height 0.1s ease 0s; }.udesk-modal-header { line-height: 3; padding: 0 1rem; color: #fff; background: #5D7CB6; border-radius: 3px 3px 0 0; }.udesk-modal-header a { color: #fff }.udesk_modal_body { background: #EBF1FB; padding: 5px }.udesk_modal_body, .udesk_modal iframe { position: absolute; top: 3rem; bottom: 0; left: 0; right: 0; width: 100%; }.udesk_modal iframe { top: 0; height: 100%; }@media (max-width: 576px) {.udesk_modal { height: auto; width: 100%; top: 4rem; bottom: 0; }</style><script type="text/javascript">function toggle_udesk() {var hidden = $('.udesk_modal').toggleClass('d-none').hasClass('d-none');if (!hidden) {$('.udesk_modal iframe').attr('src', 'https://udesk.dgenct.com/?origin=https://dgenct01.s5.udesk.cn/im\_client/?web\_plugin\_id=3953\&language=es\&im\_user\_key=155f3b0bb58a38d21abd34b667d38458');} else {$('.udesk_modal iframe').attr('src', 'about:blank');}}</script><div class="udesk_modal d-none"><div class="udesk-modal-header">Servicio al cliente en línea<a href="javascript:;" class="float-end" onclick="toggle_udesk()"><i class="fa fa-times"></i></a></div><div class="udesk_modal_body"><iframe frameborder="0" src="about:blank">NO IFRAME SUPPORT</iframe></div></div><script type="text/javascript">(function () {var scaleFactor = 14 / parseInt(window.getComputedStyle(document.body, null).getPropertyValue('font-size'));console.log('## scale factor = ' + scaleFactor);if (!isNaN(scaleFactor)) {document.documentElement.style.fontSize = (14 * scaleFactor) + 'px';document.body.style.fontSize = (14 * scaleFactor) + 'px';}})();</script></body></html> ALGUIEN PUEDE DESIFRAR ESTE CODIGO ?
Juan bautista
<!DOCTYPE html> <html lang="es"> <cabeza> <meta conjunto de caracteres="UTF-8"> <meta name="viewport" content="ancho=ancho-del-dispositivo, escala-inicial=1.0"> <title>Me perdonas</title> <estilo> cuerpo { familia de fuentes: Arial, sans-serif; alinear texto: centro; color de fondo: #fce4ec; relleno: 50px; } .flores { tamaño de fuente: 50px; } .corazon { tamaño de fuente: 70px; color: rojo; } .mensaje { tamaño de fuente: 30px; peso de fuente: negrita; color: #d81b60; margen superior: 20px; } </estilo> </cabeza> <cuerpo> <div class="flores"> 🌸🌼🌺🌻🌷🌹 </div> <div class="corazon"> â ¤ï¸ </div> <div class="mensaje"> ¿Me perdonas? </div> </cuerpo> </html>
LUIS
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Las Carreras</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}
header {
background-color: #0044cc;
color: white;
padding: 20px;
text-align: center;
font-size: 24px;
}
section {
padding: 20px;
margin: 10px;
background-color: white;
border-radius: 8px;
box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}
h2 {
color: #0044cc;
}
footer {
background-color: #333;
color: white;
text-align: center;
padding: 10px;
margin-top: 20px;
}
</style>
</head>
<body>
<header>
<h2>Las Carreras</h2>
<p>Por Luis Humberto</p>
</header>
<section>
<h3>1. ¿Qué es una carrera profesional?</h3>
<p>Una carrera profesional es un conjunto de estudios especializados que preparan a una persona para desempeñarse en un área específica de trabajo.</p>
</section>
<section>
<h3>2. ¿Cuántos años dura una carrera universitaria?</h3>
<p>En promedio, una carrera universitaria dura entre 4 y 5 años, dependiendo del país y la institución educativa.</p>
</section>
<section>
<h3>3. ¿Cuáles son las carreras más demandadas?</h3>
<p>Algunas de las carreras más demandadas incluyen Ingeniería en Sistemas, Medicina, Derecho, Administración de Empresas y Marketing Digital.</p>
</section>
<section>
<h3>4. ¿Qué diferencia hay entre una licenciatura y un técnico?</h3>
<p>Una licenciatura tiene mayor duración y profundidad académica, mientras que un técnico es más corto y enfocado en habilidades prácticas.</p>
</section>
<section>
<h3>5. ¿Es importante elegir una carrera que me guste?</h3>
<p>Sí, porque pasarás muchos años estudiando y trabajando en esa área. Elegir algo que te apasione hará que disfrutes más tu vida profesional.</p>
</section>
<section>
<h3>6. ¿Se puede cambiar de carrera después de empezar una?</h3>
<p>Sí, muchas personas cambian de carrera si descubren que no les gusta su elección inicial. Es mejor hacer el cambio temprano.</p>
</section>
<section>
<h3>7. ¿Qué es un posgrado?</h3>
<p>Es un nivel de estudios superiores que se cursa después de terminar una licenciatura, como una maestría o un doctorado.</p>
</section>
<section>
<h3>8. ¿Qué carreras tienen más salida laboral?</h3>
<p>Las carreras con más salida laboral varían, pero suelen ser aquellas relacionadas con tecnología, salud y negocios.</p>
</section>
<section>
<h3>9. ¿Es posible estudiar una carrera en línea?</h3>
<p>Sí, actualmente muchas universidades ofrecen carreras en línea con la misma validez que las presenciales.</p>
</section>
<section>
<h3>10. ¿Qué debo considerar antes de elegir una carrera?</h3>
<p>Debes considerar tus intereses, habilidades, el campo laboral y el tiempo de estudio requerido.</p>
</section>
<footer>
<p>Tarea de Informática</p>
</footer>
</body>
</html>
