Index.html

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

<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="ChatGPT, Chat bing, Copilot, IA, Tecnologia"/>
    <meta name="description" content="Informacion sobre Chat gpt, chat Bing y copilot">
    <meta name="author" content="Jorge Sánchez" />
    <meta name="robots" content="index"/>
    <meta name="robots" content="follow"/>
    <link rel="stylesheet" href="Style.css">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Old+Uyghur&display=swap" rel="stylesheet">
    <title>AI zone La merjor informacion sobre IA</title>
    <script type="text/javascript">
        var nombre = prompt("Bienvenido a la página web, indíqueme su nombre");
        var suscribir = prompt("Hola " + nombre +
            ", espero que disfrutes de la página. ¿Deseas suscribirte a nuestro canal de noticias? (si/no)");
        suscribir = suscribir.toLowerCase();
        if (suscribir == "si") {
            var correo = prompt("Introduzca su correo");
            alert("Correo suscrito al canal de noticias");
        } else {
            alert("Perfecto, puedes seguir");
        }
    </script>
</head>

<body>


    <div id="fondoTitulo">
        <h1>AI Zone</h1>


    </div>
    <div class="fondoEntrada">
        <p>
            Voicify AI es una ia con la que puedes modular voces de famosos para que digan lo que quieras como en el
            siguiente ejemplo:

        </p>

        <audio src="Recursos/hola-soy-homero-simpson-como-estan.mp3" controls ></audio>
        <a href="https://www.voicify.ai/es" target="_blank">
            <img src="Recursos/logovocifai.webp" alt="Logo VociAI" class="oscurecerLogo">
        </a>
    </div>

    <div id="fondoEntradaia1" class="oscurecerLogo">
        <a href="PaginaChatgpt.html">
            <h3 style="text-indent: 2em;">
                Chat GPT:

            </h3>
            <p class="correccionTexto">
                Es el chatbot mas potente
            </p>


            <img width="100" height="100" src="Recursos/Chatgpt logo.webp" alt="Logo de chat gpt"
                class="imagenLogo">
        </a>


    </div>


    <div id="fondoEntradaia2" class="oscurecerLogo">
        <a href="PaginaChatBing.html">
            <h3 style="text-indent: 2em;">
                Bing copilot:

            </h3>
            <p class="correccionTexto">
                Motor de busqueda con IA
            </p>


            <img width="100" height="100" src="Recursos\CopilorBingLogo.png" alt="Logo bing copilot"
                class="imagenLogo">
        </a>


    </div>


    <div id="fondoEntradaia3" class="oscurecerLogo">
        <a href="PaginaGithubCopilot.html">
            <h3 style="text-indent: 2em;">
                Github copilot:

            </h3>
            <p class="correccionTexto">
                Assistente de programación
            </p>


            <img width="100" height="100" src="Recursos/CopilorLogo.png" alt="Logo github copilot"
                class="imagenLogo">
        </a>


    </div>

</body>

</html>