Boas a todos!
Gostaria se possível que me ajudassem com este "pequeno" problema.
Estou a acabar de editar umas alterações no meu site, e no separador dos contactos tenho um pequeno problema. Acontece que possivelmente por eu ser um completo noob, aparece o código visível... visto isto não ser a minha especialidade, há por aí alguém que me indique onde é que estou a falhar?
Deixo a imagem para ajudar e o respectivo código mais abaixo... Um bem-haja, obrigado.
Gostaria se possível que me ajudassem com este "pequeno" problema.
Estou a acabar de editar umas alterações no meu site, e no separador dos contactos tenho um pequeno problema. Acontece que possivelmente por eu ser um completo noob, aparece o código visível... visto isto não ser a minha especialidade, há por aí alguém que me indique onde é que estou a falhar?
Deixo a imagem para ajudar e o respectivo código mais abaixo... Um bem-haja, obrigado.
HTML:
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="js/jquery-2.2.4.js"> </script>
<script type="text/javascript" src="js/main.js"> </script>
<link rel="stylesheet" type="text/css" href="fonts/stylesheet.css">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link media="screen and (max-width: 1024px)" rel="stylesheet" type="text/css" href="css/mobile-1024.css">
<link media="screen and (max-width: 800px)" rel="stylesheet" type="text/css" href="css/mobile-800.css">
<link media="screen and (max-width: 580px)" rel="stylesheet" type="text/css" href="css/mobile-580.css">
</head>
<body onresize="ajustamenu()" onload="fechamenu()" style="background:url('img/contactos.jpg') top right fixed; background-size:cover" >
<div class="wrapper">
<header>
<nav>
<ul>
<li> <a href="index.html"> Home </a> </li>
<li> <a href="2musica.html"> Música </a> </li>
<li> <a href="3biografia.html"> Biografia </a> </li>
<li> <a href="4fotos.html"> Fotos </a> </li>
<li> <a href="5apoios.html"> Apoios </a> </li>
<li class="item-activo"> <a href="6contactos.php"> Contactos </a> </li>
</ul>
</nav>
</header>
<div class="logo2">
<a href="index.html">
<img src="img/logo branco.png" >
</a>
</div>
<div onclick="mostraMenuMobile()" class="menu_hamb">
<img src="img/menu_hamb.png">
</div>
<div id="menu_mobile" class="menu_mobile">
<center>
<ul>
<li> <a href="index.html"> Home </a> </li>
<li> <a href="2musica.html"> Música </a> </li>
<li> <a href="3biografia.html"> Biografia </a> </li>
<li> <a href="4fotos.html"> Fotos </a> </li>
<li> <a href="5apoios.html"> Apoios </a> </li>
<li> <a href="6contactos.php"> Contactos </a> </li>
</ul>
</center>
</div>
<div class="provisorio">
<h2>
Contacte através do email [email protected]
</h2>
</div>
<div class="formulario">
<h2>
Contacte através deste formulário, ou do <br>email [email protected]
</h2>
<form action="contactos.php" method="Post">
<ul>
<li>
<label for="nome">Nome:</label>
<br>
<input id="nome" type="text" maxlength="30" name="nome" required placeholder="Escreva aqui o seu nome" style="width: 90%; height: 20px;">
</li>
<li>
<label for="email">Email:</label>
<br>
<input id="email" type="email" name="email" placeholder="Escreva aqui o seu email" style="width: 90%; height: 20px;">
</li>
<li>
<label for="mensagem">Mensagem:</label>
<br>
<input id="mensagem" type="text" maxlenght="200" name="mensagem" placeholder="Escreva aqui a sua mensagem" style="width: 90%; height: 100px;">
</li>
<li>
<input type="submit" value="Enviar" style="width: 100px; height: 20px;">
<?php
if(isset($_GET['status']) && $_GET['status']=='ok'){
$resposta = "Mensagem enviada com sucesso!<br> Responderei em breve, obrigado!"<body>;
$format = 'sucesso';
} else if(isset($_GET['status']) && $_GET['status']=='notok'){
$resposta = "O email que indicou não é válido.<br> Por favor, tente novamente.";
$format = 'insucesso';
} else{
$resposta='';
$format='';
}</body>
?>
<div class="<?php echo $format; ?>">
<?php echo $resposta; ?>
</div>
</li>
</ul>
</form>
</div>
<div class="redes-sociais">
<div>
<center><a href="https://www.facebook.com/" target="_blank">
<img src="img/social/fb.png"></a></center>
</div>
<div>
<center><a href="https://www.instagram.com/" target="_blank">
<img src="img/social/inst.png"></a></center>
</div>
<div>
<center><a href="https://www.youtube.com/channel/" target="_blank">
<img src="img/social/yt.png"></a></center>
</div>
<div>
<center><a href="https://open.spotify.com/" target="blank">
<img src="img/social/spotify.png"></a></center>
</div>
</div>
</div>
</body>
</html>