leofmds/exemplo.html

## exemplo.html
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meu Site Acessível</title>
</head>
<body>
    <header>
        <h1>Bem-vindo ao Meu Site</h1>
        <nav>
            <ul>
                <li><a href="#sobre">Sobre</a></li>
                <li><a href="#servicos">Serviços</a></li>
                <li><a href="#contato">Contato</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <article id="sobre">
            <h2>Sobre Nós</h2>
            <p>Somos uma empresa dedicada a criar experiências web acessíveis.</p>
            <img src="equipe.jpg" alt="Foto da equipe sorrindo no escritório">
        </article>

        <section id="servicos">
            <h2>Nossos Serviços</h2>
            <ul>
                <li>Desenvolvimento Web</li>
                <li>Consultoria em Acessibilidade</li>
                <li>Design Responsivo</li>
            </ul>
        </section>

        <section id="contato">
            <h2>Entre em Contato</h2>
            <form>
                <label for="nome">Nome:</label>
                <input type="text" id="nome" name="nome" required>

                <label for="email">Email:</label>
                <input type="email" id="email" name="email" required>

                <label for="mensagem">Mensagem:</label>
                <textarea id="mensagem" name="mensagem"></textarea>

                <button type="submit">Enviar</button>
            </form>
        </section>
    </main>

    <footer>
        <p>© 2026 Meu Site. Todos os direitos reservados.</p>
    </footer>
</body>
</html>
	<!DOCTYPE html>
	<html lang="pt-BR">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Meu Site Acessível</title>
	</head>
	<body>
	<header>
	<h1>Bem-vindo ao Meu Site</h1>
	<nav>
	<ul>
	<li><a href="#sobre">Sobre</a></li>
	<li><a href="#servicos">Serviços</a></li>
	<li><a href="#contato">Contato</a></li>
	</ul>
	</nav>
	</header>

	<main>
	<article id="sobre">
	<h2>Sobre Nós</h2>
	<p>Somos uma empresa dedicada a criar experiências web acessíveis.</p>
	<img src="equipe.jpg" alt="Foto da equipe sorrindo no escritório">
	</article>

	<section id="servicos">
	<h2>Nossos Serviços</h2>
	<ul>
	<li>Desenvolvimento Web</li>
	<li>Consultoria em Acessibilidade</li>
	<li>Design Responsivo</li>
	</ul>
	</section>

	<section id="contato">
	<h2>Entre em Contato</h2>
	<form>
	<label for="nome">Nome:</label>
	<input type="text" id="nome" name="nome" required>

	<label for="email">Email:</label>
	<input type="email" id="email" name="email" required>

	<label for="mensagem">Mensagem:</label>
	<textarea id="mensagem" name="mensagem"></textarea>

	<button type="submit">Enviar</button>
	</form>
	</section>
	</main>

	<footer>
	<p>© 2026 Meu Site. Todos os direitos reservados.</p>
	</footer>
	</body>
	</html>
No results found