Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="pt-br">
- <head>
- <meta charset="utf-8"/>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Contato - Sistemas para Internet FIPP</title>
- <link rel="stylesheet" href="style.css" />
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
- <script>
- function mensagem()
- {
- alert("TOP");
- }
- </script>
- </head>
- <body>
- <section id="principal">
- <header id="topo">
- <nav id="barramenu">
- <a name="topo"></a>
- <img src="logo-fipp-440x172.png" alt="LOGO FIPP" />
- <nav>Contato</nav>
- <nav>Galeria</nav>
- <nav>O Curso</nav>
- <nav>A Faculdade</nav>
- <nav>Início</nav>
- </nav>
- </header>
- <section id="titulo">
- <h1>CONTATO</h1>
- </section>
- <article id="conteudo">
- <div class="form-group">
- <form id="formularioContato">
- <div class="row">
- <div class="col-xs-6">
- <label for="nomeContato">Nome</label>
- <input type="text" id="nomeContato" class="form-control" placeholder="Seu nome" required/> <br />
- </div>
- <div class="col-xs-6">
- <label for="emailContato">Email</label>
- <input type="email" id="emailContato" class="form-control" placeholder="Seu email" required/> <br />
- </div>
- </div>
- <label for="msgContato">Mensagem</label>
- <textarea id="msgContato" class="form-control input-lg" placeholder="Mensagem" required ></textarea>
- <input type="submit" id="btnEnvia" class="btn btn-success" Onclick="mensagem()" value="Enviar mensagem"/>
- </form>
- </div>
- </article>
- <footer id="rodape">
- <span>2018 - UNOESTE</span>
- <span class="direita"><a href="#topo">Voltar ao topo</a></span>
- </footer>
- </section>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement