index.html

﻿<!doctype html>
<html lang="en">
    <head>
        <!-- Creación de la estructura básica -->
        <meta charset="UTF-8"> <!-- Version de HTML -->
        <!-- Superficie en la que aparece la pagina [sin contar elementos del navegador como la barra de scroll] -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Metadatos para Google [organización, y descripcion que aparece en la busqueda] -->
        <meta name="description" content="Juego de mazmorras en el que controlas a una ciega 
                                            recuperada de su enfermedad en busca de la iluminacion.">
        <meta name="author" content="EAa (Emiliagos Aarabels)">

        <!-- Libreria Phaser -->
        <script src="//cdn.jsdelivr.net/npm/phaser@3.24.1/dist/phaser.js"></script>

        <!-- Titulo pagina -->
        <title>Veiled</title>
        <!-- Icono pestaña -->
        <link rel="shortcut icon" href="./assets/media/branding/team_logo_blue.png" />

        <!-- Bootstrap [programa para hacer paginas web] 
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
                    integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
                    crossorigin="anonymous">-->

        <!-- Acceso al archivo .css ['stylesheet' para que sepa que es una hoja de estilos] -->
        <link href="page_style_sheet.css" rel="stylesheet">
    </head>

    <body>
        <!-- Encabezado con accesos a las secciones 'Jugar', 'Intro', 'Equipo' y 'Contacto' -->
        <header>
            <div>
                <nav>
                    <ul>
                        <link><a href="./index.html">Jugar</a> </link>
                        <link><a href="./intro.html">Intro</a> </link>
                        <link><a href="./team.html">Equipo</a> </link>
                        <link><a href="./contact.html">Contacto</a> </link>
                    </ul>
                </nav>
            </div>
        </header>
        
        <section id="Title"> 
            <!-- Saltos de linea para poner el título bien colocado -->
            <br>
            <br>
            <br>
            <img src="./assets/media/headers/h_title_without_logo.png" alt="Veiled"
                style="width:900px;height:200px;">          
        </section>
        
        <section id="Play">
            <script type="module" src="./assets/scripts/main.js"></script>
        </section>
    </body>
</html>