personajes.html

<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="shortcut icon" href="Images/logo.png">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/estilos.css">
    <!-- letra de "bienvenido a maxgaming" -->
    <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=Cinzel+Decorative&display=swap" rel="stylesheet">
    <!-- letra de textos de imagen -->
    <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=Roboto+Mono:wght@100&display=swap" rel="stylesheet">
    <!--Bootstrap-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <!--Animate.css-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
    <title>Personajes famosos de juegos si eres gamer los conoceras-Maxgaming</title>
    <meta name="description" content="Personajes de juegos clasicos y nuevos que seguro recordaras">
    <meta name="keywords"
        content="juegos, juegos reconocidos, entretenimiento, gamer, gaming, mario, juegos clasicos, juegos nuevos, personajes, play station pc nintendo">
</head>

<body>
    <header>
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #6a2be0;">
                        <img class="logo" src="Images/logo.png" alt="logo">
                        <div class="container-fluid">
                            <a class="navbar-brand" href="index.html">MaxGaming</a>
                            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                aria-expanded="false" aria-label="Toggle navigation">
                                <span class="navbar-toggler-icon"></span>
                            </button>
                            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                                    <li class="nav-item">
                                        <a class="nav-link" href="index.html">Inicio</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="juegos.html">InfoJuegos</a>
                                    <li class="nav-item">
                                    <li class="nav-item">
                                        <a class="nav-link active" class="nav-link"
                                            href="personajes.html">Personajes</a>
                                    <li class="nav-item">
                                    <li class="nav-item">
                                        <a class="nav-link" href="trailers.html">Trailers</a>
                                    <li class="nav-item">
                                    <li class="nav-item">
                                        <a class="nav-link" href="contact.html">Contactanos</a>
                                    <li class="nav-item">
                                    </li>
                                </ul>
                                <form class="d-flex">
                                    <input class="form-control me-2" type="search" placeholder="Search"
                                        aria-label="Search">
                                    <button class="btn btn-outline-success" type="submit">Search</button>
                                </form>
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </header>
    <main>
        <section>
            <h1 class="titulos__web">Hay personajes de juegos que nos marcaron, a continuacion
                algunos personajes principales del mundo gaming</h1>
            <div>
                <p class="textoparrafos__web">Super Mario Bros↓↓</p>
                <p> <img class="images__personaje--nueva zoompersonaje" src="Images/personajes/mario1.png" alt="Mario">
                    <img class="images__personaje--nueva zoompersonaje" src="Images/personajes/mario2.png" alt="Luigi">
                    <img class="images__personaje--nueva zoompersonaje" src="Images/personajes/mario3.png" alt="Princesa">
                    <img class="images__personaje--nueva zoompersonaje" src="Images/personajes/mario4.png" alt="Dino">
                </p>
                <p class="textoparrafos__web">Minecraft↓↓</p>
                <p> <img class="images__personaje--nueva zoompersonaje" src="Images/personajes/minecraft1.png" alt="Creeper">
                    <img class="images__personaje--nueva zoompersonaje" src="Images/personajes/minecraft2.png" alt="Steve">
                    <img class="images__personaje--nueva zoompersonaje" src="Images/personajes/minecraft3.png"
                        alt="Esqueleto">
                    <img class="images__personaje--nueva zoompersonaje" src="Images/personajes/minecraft4.png" alt="Chancho">
                </p>
                <p class="textoparrafos__web">Zelda↓↓</p>
                <p> <img class="images__personaje--nueva zoompersonaje" src="Images/personajes/zelda1.png" alt="Link">
                    <img class="images__personaje--nueva zoompersonaje" src="Images/personajes/zelda2.png"
                        alt="PrincesaZelda">
                    <img class="images__personaje--nueva zoompersonaje" src="Images/personajes/zelda3.png" alt="Sheik">
                    <img class="images__personaje--nueva zoompersonaje" src="Images/personajes/zelda4.png" alt="Ganondorf">
                </p>
            </div>
        </section>
    </main>
    <footer>
        <p> 2022 ©Copyright Maximiliano.C</p>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
    </script>
</body>

</html>