index.html

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Descubre los mejores estados de México y sus principales atracciones turísticas.">
    <title>Mejores Estados de México y Sus Atracciones</title>
    <link rel="stylesheet" href="styles.css">
</head>/* styles.css */

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
    color: #333;
}

header {
    background-color: #008080;
    color: white;
    padding: 20px;
    text-align: center;
}

header h1 {
    font-size: 2.5em;
}

header p {
    font-size: 1.2em;
    margin-top: 10px;
}

nav {
    background-color: #333;
    text-align: center;
    padding: 10px;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav ul li {
    display: inline;
    margin: 0 15px;
}

nav ul li a {
    color: white;
    text-decoration: none;
    font-size: 1.2em;
}

nav ul li a:hover {
    text-decoration: underline;
}

section {
    padding: 20px;
    margin: 20px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

section h2 {
    color: #008080;
    font-size: 1.8em;
}

footer {
    text-align: center;
    padding: 15px;
    background-color: #333;
    color: white;
}

footer p {
    margin: 0;
}

<body>
    <header>
        <h1>Los Mejores Estados de México y sus Atracciones</h1>
        <p>Descubre los destinos turísticos más impresionantes de México.</p>
    </header>
    
    <nav>
        <ul>
            <li><a href="#cdmx">Ciudad de México</a></li>
            <li><a href="#yucatan">Yucatán</a></li>
            <li><a href="#guerrero">Guerrero</a></li>
            <li><a href="#jalisco">Jalisco</a></li>
            <li><a href="#oaxaca">Oaxaca</a></li>
        </ul>
    </nav>

    <section id="cdmx">
        <h2>Ciudad de México</h2>
        <p>La capital de México es famosa por su historia, cultura y arquitectura. No te pierdas:</p>
        <ul>
            <li><strong>Castillo de Chapultepec</strong> - Un castillo con vistas espectaculares de la ciudad.</li>
            <li><strong>El Zócalo</strong> - La plaza principal, rodeada de edificios históricos.</li>
            <li><strong>Teotihuacán</strong> - Las pirámides del Sol y la Luna, a las afueras de la ciudad.</li>
        </ul>
    </section>

    <section id="yucatan">
        <h2>Yucatán</h2>
        <p>Yucatán es conocido por su herencia maya y hermosos cenotes. Algunas atracciones son:</p>
        <ul>
            <li><strong>Chichén Itzá</strong> - Una de las siete maravillas del mundo moderno.</li>
            <li><strong>Haciendas de Yucatán</strong> - Disfruta de la arquitectura colonial y la historia.</li>
            <li><strong>Cenote Ik Kil</strong> - Un impresionante cenote de aguas cristalinas.</li>
        </ul>
    </section>

    <section id="guerrero">
        <h2>Guerrero</h2>
        <p>Con sus hermosas playas, Guerrero es el lugar perfecto para relajarte:</p>
        <ul>
            <li><strong>Acapulco</strong> - Famoso por su bahía y el clavadismo en La Quebrada.</li>
            <li><strong>Taxco</strong> - Un pintoresco pueblo colonial, conocido por su plata.</li>
            <li><strong>Ixtapa-Zihuatanejo</strong> - Dos destinos turísticos en uno, ideal para los amantes de la playa.</li>
        </ul>
    </section>

    <section id="jalisco">
        <h2>Jalisco</h2>
        <p>Jalisco es cuna de la música mariachi y el tequila. Entre sus atracciones destacan:</p>
        <ul>
            <li><strong>Guadalajara</strong> - Conoce el centro histórico y disfruta de la gastronomía local.</li>
            <li><strong>Tequila</strong> - Visita las fábricas de tequila y conoce el proceso de producción.</li>
            <li><strong>Lago de Chapala</strong> - El lago más grande de México, ideal para actividades acuáticas.</li>
        </ul>
    </section>

    <section id="oaxaca">
        <h2>Oaxaca</h2>
        <p>Oaxaca es conocida por su cultura única, su gastronomía y sus paisajes:</p>
        <ul>
            <li><strong>Monte Albán</strong> - Una antigua ciudad zapoteca, situada sobre una montaña.</li>
            <li><strong>Guelaguetza</strong> - Un festival cultural y folklórico muy popular en el estado.</li>
            <li><strong>Ciudad de Oaxaca</strong> - Un lugar lleno de historia, arquitectura colonial y mercados tradicionales.</li>
        </ul>
    </section>

    <footer>
        <p>&copy; 2024 Los Mejores Estados de México</p>
    </footer>
</body>
</html>