<html lang="pt-br">

<head>
    <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/style.css">
    <title>Landing Page</title>
</head>

<body>
    <nav>
        <img src="/imgs/logo-blue.gif" class="img-fluid gif" alt="Animação Logo Blue">
        <ul>
            <li>
                <a href="#">Home</a>
            </li>
            <li>
                <a href="#cursos">Cursos</a>
            </li>
            <li>
                <a href="#inscrever">Inscreva-se</a>
            </li>
        </ul>
    </nav>

    <header>
        <article>
            <h1>Blue Edtech</h1>
            <p>Usar a força revolucionária da tecnologia para conectar pessoas e expandir horizontes com metodologias e
                ensino inovador. Este é o nosso propósito, e é por isso que antes de uma escola de tecnologia da
                informação,
                somos impulsionadores.</p>
        </article>

        <img src="/imgs/banner.png" class="img-fluid gif" alt="Banner">
    </header>

    <section id="cursos">
        <section class="card">
            <article id="title">
                <h2>Principais especialidades, linguagens e frameworks do curso de Hard Skills:</h2>
                <img src="/imgs/cursos.png" alt="">
            </article>

            <article id="content">
                <h3>Desenvolvimento de Software</h3>

                <ul>
                    <li>Backend</li>
                    <li>Frontend</li>
                    <li>Fullstack</li>
                </ul>
                <h3>Analytics</h3>
                <ul>
                    <li>Engenharia de dados</li>
                    <li>Ciência de dados</li>
                </ul>

                <a id="inscrever" href="#inscrever">Inscreva-se agora!</a>
            </article>
        </section>
    </section>

    <section id="inscrever">
        <h2>Inscreva-se!</h2>

        <form action="">
            <div>
                <label for="nome">Nome: </label>
                <input type="text" name="nome" id="nome" placeholder="Digite seu nome" required>
            </div>

            <div>
                <label for="email">E-mail: </label>
                <input type="email" name="email" id="email" placeholder="Digite seu email" required>
            </div>

            <button type="submit">Inscrever-se</button>
        </form>
    </section>

    <footer>
        <p>
            < The future is blue /> <a href="https://blueedtech.com.br/" target="_blank"> BlueEdtech</a>
        </p>
    </footer>
</body>

</html>