<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Caminos al Éxito</title>
<style>
body { font-family: Arial, sans-serif; background-color: #f0f8ff; color: #2c3e50; margin: 0; padding: 0; }
header { text-align: center; background-color: #f39c12; padding: 30px 0; color: white; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
header h1 { font-size: 48px; font-weight: bold; letter-spacing: 1.5px; }
h2 { color: #e74c3c; font-size: 32px; text-align: center; margin-top: 20px; }
section { padding: 30px; margin: 20px; background-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-radius: 8px; }
p { font-size: 20px; line-height: 1.8; color: #34495e; text-align: justify; }
.indicaciones { background-color: #ecf0f1; padding: 20px; border-left: 6px solid #f39c12; margin-top: 20px; font-size: 18px; }
.indicaciones h3 { color: #2980b9; font-size: 24px; }
.indicaciones ul { list-style-type: square; padding-left: 20px; }
.indicaciones li { color: #2c3e50; font-weight: bold; margin: 10px 0; }
.img-container { display: flex; justify-content: center; margin-top: 30px; }
.img-container img { margin: 0 15px; width: 280px; height: auto; border-radius: 12px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2); }
.intro, .objetivos, .conclusion { margin-top: 30px; background-color: #ffffff; padding: 20px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
.intro p, .objetivos p, .conclusion p { font-size: 20px; line-height: 1.8; color: #34495e; text-align: justify; }
.objetivos ul { list-style-type: circle; padding-left: 20px; }
.objetivos li { color: #2c3e50; margin: 10px 0; }
</style>
</head>
<body>
<header>
<h1>Cómo Ser Exitoso en la Vida</h1>
</header>
<section class="intro">
<h2>Introducción</h2>
<p>El éxito varía según la perspectiva de cada persona. Este artículo ofrece un recorrido por las claves fundamentales para alcanzar nuestras metas y vivir una vida exitosa.</p>
</section>
<section class="objetivos">
<h2>Objetivos Generales</h2>
<p>Proveer un enfoque integral sobre cómo ser exitoso, abarcando desde la mentalidad positiva hasta la perseverancia.</p>
<h3>Objetivos Específicos:</h3>
<ul>
<li>Desarrollar una mentalidad positiva.</li>
<li>Fijar metas claras y alcanzables.</li>
<li>Aprender de los fracasos.</li>
<li>Mantener la resiliencia.</li>
<li>Crear relaciones saludables.</li>
</ul>
</section>
<section>
<h2>El Éxito es un Viaje, no un Destino</h2>
<p>El éxito es un proceso continuo que involucra mentalidad positiva, esfuerzo constante y resiliencia ante los fracasos.</p>
<div class="indicaciones">
<h3>Indicaciones para Ser Exitoso:</h3>
<ul>
<li><strong>Establece Metas Claras:</strong> Tener un propósito claro te da dirección.</li>
<li><strong>Desarrolla una Mentalidad Positiva:</strong> Creer en ti mismo y mantener una actitud positiva.</li>
<li><strong>Aprende de tus Errores:</strong> El fracaso es una oportunidad para aprender.</li>
<li><strong>Mantén la Persistencia:</strong> El éxito requiere esfuerzo constante.</li>
<li><strong>Cuida tus Relaciones:</strong> Son fundamentales para el bienestar y el éxito.</li>
</ul>
</div>
<div class="img-container">
<img src="Img/Img1.jpg" alt="Imagen 1: Camino al éxito">
<img src="Img/Img2.jpg" alt="Imagen 2: Trabajo duro">
</div>
</section>
<section class="conclusion">
<h2>Conclusión</h2>
<p>El éxito no tiene una única definición, pero hay principios universales para alcanzarlo. Con mentalidad positiva, metas claras y perseverancia, el éxito está al alcance de todos.</p>
</section>
</body>
</html>
