API tools faq
paste
Advertisement
Guest User

29contactos

a guest
Jan 30th, 2015
190
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>ETA29</title>
  6.  
  7. <style type="text/css" >
  8.  
  9. html{
  10. background-image:url(imagens/fundo3.jpg);
  11. background-repeat:repeat;
  12. background-color:#000;
  13. background-size:100%;
  14. }
  15.  
  16. .menu{
  17. padding: 2px;
  18. width: 20%;
  19. float: right;
  20. }
  21.  
  22. a:link, a:visited{
  23. background-color: #DDD; <!--CHECK COR DOS BALOES-->
  24. color:#000;
  25. border-radius: 5px;
  26. width: 120px;
  27. display:block;
  28. padding: 5px;
  29. text-decoration: none;
  30. text-transform: uppercase;
  31. text-align: center; <!--CHECK ALINHAMENTO PALAVRAS DENTRO DOS BALOES-->
  32. font-weight:bold;
  33. border:solid 2px #000;
  34. font-size: 14px;
  35. }
  36.  
  37. a:hover, a:active{
  38. color: #FFF;
  39. border-color: #666;
  40. }
  41.  
  42. .textoCaixa{
  43. background-color: #FFF; <!--CHECK FUNDO DO TEXTO-->
  44. border-radius: 10px;
  45. border: solid 2px #000;
  46. float: left;
  47. padding: 10px;
  48. width: 75%;
  49. height: 500px;
  50. }
  51.  
  52. ul{
  53. list-style-type:none;
  54. margin: 0;
  55. padding: 0;
  56. margin-top: 10px; <!--CHECK DISTANCIA DA LISTA DO TOPO-->
  57. margin-left: auto;
  58. margin-right: auto;
  59. width: 130px; <!--CHECK LARGURA DOS BOTOES-->
  60. }
  61.  
  62. body{
  63. margin: 50px;
  64. margin-left: auto;
  65. margin-right: auto;
  66. padding: 10px;
  67. height: 500px;
  68. width: 80%; <!--CHECK LARGURA FRASES DO TEXTO-->
  69. }
  70.  
  71. .imagem{
  72. border-radius: 10px;
  73. border: solid 1px #000;
  74. width: 180px; <!--CHECK TAMANHO DA IMAGEM-->
  75. text-align: center;
  76. margin-left: auto;
  77. margin-right: auto;
  78. }
  79.  
  80. img{
  81. width:90%;
  82. }
  83.  
  84. <!--ADICIONADO PARA O FORMULARIO-->
  85.  
  86. .formulario{
  87. padding-left: 5px;
  88. padding-top: 5px;
  89. width: 380px;
  90. background-color: #DDDDDD;
  91. border-width:thin;
  92. border-radius: 10px;
  93. -moz-border-radius: 15px;
  94. -webkit-border-radius: 15px;
  95. border-color: #009;
  96. border-style: solid;
  97. }
  98.  
  99. .labels{
  100. background-color: #B5E3FD;
  101. border-left:solid 1px #FFF;
  102. border-top:solid 1px #FFF;
  103. border-bottom:solid 1px #FFF;
  104. border-top-left-radius: 10px;
  105. border-bottom-left-radius: 10px;
  106. text-align: right;
  107. }
  108. input, select, textarea{
  109. color: #039;
  110. }
  111. input:hover, select:hover,textarea:hover{
  112. border-color: #B5E3FD;
  113. }
  114. input[type="submit"],input[type="reset"]{
  115. height: 30px;
  116. }
  117.  
  118. </style>
  119. </head>
  120. <body>
  121.  
  122. <div class="menu";>
  123. <ul>
  124. <li><a href="layout.html">Inicio</a></li>
  125. <li><a href="produtos.html">Produtos</a></li>
  126. <li><a href="#">Servi�os</a></li>
  127. <li><a href="#">Quem somos</a></li>
  128. <li><a href="#">Contactos</a></li>
  129. </ul>
  130. </div>
  131.  
  132.  
  133. <div class="textoCaixa" style= "border-radius: 20px" ;>
  134.  
  135.  
  136. <a><img align="right" src="imagens/const_civil.jpg"
  137. class="imagem"></a>
  138.  
  139. <p style="font-size: 30px; font-weight:bold;
  140. color: #000099;text-align:center;" >Contacte-nos</p>
  141.  
  142.  
  143. <div class="formulario">
  144.  
  145.  
  146. <table border="0">
  147. <form action="mailto:s0p0@altalogica.com" method="post">
  148. <!--EXERCICIO DO FORMULARIO-->
  149. <tr><td class="labels"><label for="nome">Nome de contacto:</label></td><td><input title="Escreva aqui o seu nome" name="name" type="text" class="text" required placeholder="Nome" /></td></tr>
  150. <tr><td class="labels"><label for="email">E-mail:</label> </td><td><input title="Escreva aqui o seu email" name="email" type="email" class="text" required placeholder="email@exemplo.com" /></td></tr>
  151. <!--EXERCICIO DO FORMULARIO-->
  152.  
  153. <tr><td class="labels">
  154. <label for="material" >Material:</label></td>
  155. <td><input title="Escolha o material" required placeholder="Escolha o material" type="text" list="material" name="material" />
  156. <datalist class="material">
  157. <option label="Cimento" value="Materiais Base" />
  158. <option label="Areia" value="Materiais Base" />
  159. <option label="Zinco" value="Metais" />
  160. <option label="Ferro" value="Metais" />
  161. </datalist>
  162.  
  163. </td></tr>
  164.  
  165.  
  166. <tr>
  167. <td class="labels"><label for="pais" >Pais:</label></td>
  168. <!--EXERCICIO DO FORMULARIO-->
  169. <td>
  170. <select placeholder="Escolha um pais..."
  171. title="Escolha um pais" name="pais" />
  172. <option value="Portugal">Portugal</option>
  173. <option value="Fran�a">Fran�a</option>
  174. <option value="Espanha">Espanha</option>
  175. <option value="Italia">Italia</option>
  176. <option value="Inglaterra">Inglaterra</option>
  177. <option value="Angola">Angola</option>
  178. <option value="Mo�ambique">Mo�ambique</option>
  179. </select>
  180. </td>
  181. </tr>
  182. <!--EXERCICIO DO FORMULARIO-->
  183. <tr><td class="labels">
  184. <label for="mensagem">Mensagem:</label>
  185. </td>
  186. <td><textarea autofocus="autofocus"
  187. title="Escreva uma pequena mensagem"
  188. name="mensagem" class="text" required>
  189. </textarea>
  190. </td>
  191. </tr>
  192.  
  193. <tr>
  194. <td class="labels">
  195. <label for="ficheiros">Ficheiros:</label>
  196. </td>
  197. </td>
  198. <td><input title="Escolha um ou mais ficheiros"
  199. name="ficheiro" multiple="multiple" type="file" class="text">
  200. </td></tr>
  201.  
  202. <tr><td class="labels">
  203. <label for="dataehora">Hor�rio de contacto:</label>
  204. </td>
  205. <td><input title="Introduza uma data" name="dataehora" type="datetime" class="text" ></td></tr>
  206.  
  207. <tr><td></td>
  208. <td width="50" style="text-align: justify">
  209. <input type="checkbox" name="newsletter" checked>
  210. Sim, desejo receber a newsletter.</td>
  211. </tr>
  212.  
  213. <tr>
  214. <td colspan="2" align="right">
  215. <input title="Clique para limpar o formul�rio"
  216. type="reset" value="Limpar" />
  217. <input type="submit" value="Enviar"
  218. title="Clique aqui para enviar o formul�rio">
  219. </td>
  220. </tr>
  221.  
  222. </form>
  223. </table>
  224. </div>
  225. </div>
  226. <!--
  227. <p>Somos uma empresa com muito sucesso no mercado</p>
  228. </br>
  229. <p>os nossos clientes encontram-se satisfeitos e avaliam</p>
  230. <p>os nossos servi�os e produtos como </p>
  231. <p>os melhores do mercado</p>
  232. </br>
  233. <p>Conhe�a a nossa hist�ria na sec��o "Quem somos"</p>
  234. </br>
  235. <p>Entre em contato connosco! Gostariamos de falar consigo
  236. sobre os nossos servi�os e produtos, sem compromisso!</p>
  237. </br>
  238. -->
  239.  
  240. </body>
  241. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!