https://heitorferreira.com.br/
Aqui está um exemplo de como você pode criar uma página semelhante ao site Heitor Ferreira utilizando PHP: **index.php** ```php <?php // Configurações básicas $title = "Heitor Ferreira"; $description = "Site oficial de Heitor Ferreira"; ?> <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title><?= $title ?></title> <meta name="description" content="<?= $description ?>"> <link rel="stylesheet" href="styles.css"> </head> <body> <header> <nav> <ul> <li><a href="#sobre">Sobre</a></li> <li><a href="#projetos">Projetos</a></li> <li><a href="#contato">Contato</a></li> </ul> </nav> </header> <main> <section id="sobre"> <h1>Sobre</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis ex.</p> </section> <section id="projetos"> <h1>Projetos</h1> <ul> <li> <h2>Projeto 1</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis ex.</p> </li> <li> <h2>Projeto 2</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis ex.</p> </li> </ul> </section> <section id="contato"> <h1>Contato</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis ex.</p> <form> <label for="nome">Nome:</label> <input type="text" id="nome" name="nome"><br><br> <label for="email">E-mail:</label> <input type="email" id="email" name="email"><br><br> <label for="mensagem">Mensagem:</label> <textarea id="mensagem" name="mensagem"></textarea><br><br> <input type="submit" value="Enviar"> </form> </section> </main> <footer> <p>© <?= date('Y') ?> Heitor Ferreira</p> </footer> <script src="script.js"></script> </body> </html> ``` **styles.css** ```css body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 1em; text-align: center; } header nav ul { list-style: none; margin: 0; padding: 0; } header nav ul li { display: inline-block; margin-right: 20px; } header nav a { color: #fff; text-decoration: none; } main { display: flex; flex-direction: column; align-items: center; padding: 2em; } section { background-color: #f7f7f7; padding: 1em; margin-bottom: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h1 { color: #333; } p { color: #666; } footer { background-color: #333; color: #fff; padding: 1em; text-align: center; clear: both; } ``` **script.js** ```javascript // Adicionar evento de clique no formulário document.querySelector('form').addEventListener('submit', function(event) { event.preventDefault(); // Enviar formulário para o servidor // ... }); ``` Essa é uma implementação básica e você pode personalizar e melhorar a partir daqui. Além disso, é importante lembrar que a segurança é fundamental, então certifique-se de validar e limpar os dados de entrada do usuário antes de enviá-los para o servidor. Lembre-se de que essa é uma implementação básica e você pode precisar adicionar mais funcionalidades e melhorias para atender às suas necessidades específicas.