Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
HTML
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Workshop de Fluig</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

        header {
            background-color: #3498db;
            color: #fff;
            text-align: center;
            padding: 20px;
        }

        nav ul {
            list-style: none;
            padding: 0;
            background-color: #3498db;
            text-align: center;
        }

        nav li {
            display: inline;
            margin: 0 20px;
        }

        nav a {
            text-decoration: none;
            color: #fff;
        }

        section {
            padding: 20px40px;
            text-align: center;
        }

        form {section h2 {
            font-size: 24px;
            margin-bottom: 20px 0;
        }

        footersection ul {
            backgroundlist-colorstyle: #3498dbdisc;
            colortext-align: #fffleft;
            textmargin-alignleft: center;20px;
        }

        section p {
            paddingfont-size: 10px16px;
        }

    </style>
</head>
<body>
    a.button {
             <header>
display: inline-block;
           <h1>Workshop de Fluig</h1>
background-color: #3498db;
       </header>     color: #fff;
    <nav>
        padding: 10px <ul>20px;
            <li><a href="#sobre">Sobre</a></li>text-decoration: none;
            <li><a href="#agenda">Agenda</a></li>margin-top: 20px;
            <li><a href="#inscricao">Inscrição</a></li>border-radius: 5px;
        </ul>}

    </nav>
    <section id="sobre">footer {
        <h2>Sobre o Workshop</h2>
    background-color: #3498db;
         <p>Este workshop é uma oportunidade única para aprender sobre Fluig, uma plataforma de automação de processos e gerenciamento de fluxo de trabalho.</p>
    </section>
    <section id="agenda">color: #fff;
            text-align: center;
            padding: 10px;
        <h2>Agenda</h2>}
    </style>
</head>
<body>
    <p>A<header>
 agenda do workshop inclui palestras e hands-on sessions<h1>Workshop para explorar os recursos do Fluig.</p>de Fluig</h1>
    </header>
    <nav>
    </section>    <ul>
    <section id        <li><a href="inscricao">#topicos">Tópicos</a></li>
        <h2>Inscrição</h2>
    <li><a href="#convite">Convite</a></li>
   <p>Para se inscrever, preencha o formulário abaixo:</p>ul>
    </nav>
    <form<section id="registration-formtopicos">
        <h2>Tópicos Abordados no Workshop</h2>
     <label for="nome">Nome:</label>
  <ul>
          <input type="text" id="nome" name="nome" required> <li>Introdução ao Fluig</li>
            <label for="email">Email:</label><li>Automação de Processos</li>
            <input type="email" id="email" name="email" required><li>Gestão de Fluxo de Trabalho</li>
            <li>Integração <button type="submit">Enviar</button>
de Aplicações</li>
         </form>   <li>Exemplos de Casos de Uso</li>
        </section>ul>
    <footer></section>
    <section id="convite">
    <p>© 2023 Workshop de Fluig<<h2>Convite</p>h2>
     </footer>
   <p>Junte-se <script>
a nós neste emocionante workshop para explorar  // JavaScript code can be added here for any interactivity you want to include.os tópicos acima e aprofundar seus conhecimentos em Fluig. É uma oportunidade única de aprendizado e networking.</p>
        <a href="#inscricao" class="button">Inscreva-se Agora</a>
    </ For example, you can use JavaScript to handle form submission and validation.section>
    <footer>
        <p>© 2023 Workshop de Fluig</p>
    </script>footer>
</body>
</html>