Histórico da Página
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> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas