woss

Untitled

Aug 2nd, 2011
113
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.12 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  5. <title>AEBH - Site Oficial</title>
  6. <link rel="stylesheet" href="css/style.css" type="text/css" />
  7. <link rel="icon" type="image/png" href="images/fiveicon.png" />
  8. <script type="text/javascript" src="jquery-1.2.6.min.js"></script>
  9.  
  10. <script type="text/javascript">
  11.  
  12. /***
  13.     Simple jQuery Slideshow Script
  14.     Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
  15. ***/
  16.  
  17. function slideSwitch() {
  18.     var $active = $('#banner IMG.active');
  19.  
  20.     if ( $active.length == 0 ) $active = $('#banner IMG:last');
  21.  
  22.     // use this to pull the images in the order they appear in the markup
  23.     var $next =  $active.next().length ? $active.next()
  24.         : $('#banner IMG:first');
  25.  
  26.     // uncomment the 3 lines below to pull the images in random order
  27.    
  28.     // var $sibs  = $active.siblings();
  29.     // var rndNum = Math.floor(Math.random() * $sibs.length );
  30.     // var $next  = $( $sibs[ rndNum ] );
  31.  
  32.  
  33.     $active.addClass('last-active');
  34.  
  35.     $next.css({opacity: 0.0})
  36.         .addClass('active')
  37.         .animate({opacity: 1.0}, 1000, function() {
  38.             $active.removeClass('active last-active');
  39.         });
  40. }
  41.  
  42. $(function() {
  43.     setInterval( "slideSwitch()", 5000 );
  44. });
  45.  
  46. $(document).ready(function(){
  47.  
  48.     // Executa quando o botão submit do formulário é clicado:
  49.  
  50.     $('#newsletter-submit').click(
  51.         function(){
  52.            
  53.             // Pega os valores dos campos:
  54.            
  55.             var nome_f  = $('input[name="nome"]').val();
  56.             var email_f = $('input[name="email"]').val();
  57.            
  58.             // Envia os dados para o enviar2.php:
  59.            
  60.             $.post('enviar2.php', {nome: nome_f, email: email_f}, function(data){ $('#newsletter').text(data); });
  61.            
  62.         }
  63.     );
  64.  
  65. });
  66.  
  67. </script>
  68.  
  69. <style type="text/css">
  70.  
  71. #banner {
  72.     position:relative;
  73. }
  74.  
  75. #banner IMG {
  76.     position:absolute;
  77.     top:0;
  78.     left:0;
  79.     z-index:8;
  80.     opacity:0.0;
  81. }
  82.  
  83. #banner IMG.active {
  84.     z-index:10;
  85.     opacity:1.0;
  86. }
  87.  
  88. #banner IMG.last-active {
  89.     z-index:9;
  90. }
  91.  
  92.  
  93. </style>
  94. </head>
  95.  
  96. <body>
  97.  
  98. <div id="container">
  99. <div id="topo"></div>
  100. <div id="menu">
  101. <ul>
  102. <li><a href="index.htm">Início</a></li>
  103. <li><a href="sobre.htm">AEBH</a></li>
  104. <li><a href="campanhas.htm">Campanhas</a></li>
  105. <li><a href="saude.htm">Saúde</a></li>
  106. <li><a href="galeria.htm">Fotos</a></li>
  107. <li><a href="depoimentos.htm">Depoimentos</a></li>
  108. <li><a href="agenda.htm">Agenda</a></li>
  109.  
  110. <li><a href="doacoes.htm">Doações</a></li>
  111. <li><a href="download.htm">Downloads</a></li>
  112. <li><a href="contato.htm">Contato</a></li>
  113. </ul>
  114. </div>
  115. <div id="banner">
  116. <img src="images/bannermenina.png" alt="Slideshow Image 1" class="active" />
  117. <img src="images/aebh-reabilitacao.jpg" alt="Slideshow Image 1" />
  118. </div>
  119. <div id="newsletter">
  120. <h2>|Newsletter|</h2>
  121. <form action="enviar2.php" onSubmit="javascript:return false;" method="POST">
  122.                                 <input type="hidden">
  123.  
  124. <table width="200" border="0" align="center">
  125.   <tr>
  126.     <td>Nome:</td>
  127.     <td><input name="nome" type="text" size="25" /></td>
  128.   </tr>
  129.   <tr>
  130.     <td>Email:</td>
  131.     <td><input name="email" type="text" size="25" /></td>
  132.  
  133.   </tr>
  134.   <tr>
  135.     <td></td>
  136.     <td align="right"><input id="newsletter-submit" name="submit" type="submit" value=" Enviar ">
  137.     </td>
  138.   </tr>
  139. </table>
  140. </form>
  141. </div>
  142.  
  143. <div id="latesq"><h2>|Acesse nosso Blog|</h2><center>
  144.  
  145.   <img src="images/noticia-01.jpg" alt="blog" />
  146. </center>
  147. <h2>|Orkut|</h2><center>
  148. <img src="images/orkut-logo.jpg" width="150" height="50" alt="orkut" />
  149. </center><br />
  150. <h2>|Twitter|</h2><center>
  151. <img src="images/twitter-logo-cute-bird.jpg" width="150" height="60" alt="twitter" />
  152. </center><br />
  153. <h2>|Youtube|</h2><center>
  154. <img src="images/Youtube.png" width="150" height="140" alt="A AEBH no Youtube" />
  155. </center><br />
  156.  
  157. </div>
  158.  
  159. <div id="conteudo"><h2>|Bem vindos ao site da AEBH-RJ|<br /><font size="2">Associação de Espinha Bífida e Hidrocefalia</font></h2><br />
  160.  
  161. <div id="paragrafo"><p>Olá! Seja muito bem vindo ao nosso novo site. Estamos melhorando cada vez mais pensando em vocês. </p>
  162.  
  163. <p>Aqui você vai conhecer melhor a nossa Associação, nossas crianças, os associados e todos os nossos trabalhos. Ainda estamos preparando muitas coisas pra ficarmos cada vez mais perto. </p>
  164.  
  165. <p>Em breve vamos estar em todas as redes sociais do momento. A AEBH-RJ no ORKUT, FACEBOOK, YOU TUBE, TWITTER e o nosso Blog vai ganhar um novo layout também. Fiquem conectados conosco, pois nós estamos com você.</p></div>
  166.  
  167. </div>
  168. <div id="latdir"><h2>|Parceiros|</h2>
  169. <div align="center"><img src="images/parceiros.jpg" /></div>
  170.  
  171. <div id="divulgA"></div>
  172. <div id="divulgA"></div>
  173. <div id="divulgA"></div>
  174. <div id="divulgA"></div>
  175.  
  176. </div>
  177.  
  178.  
  179. <div id="rodape">ASSOCIAÇÃO ESPINHA BÍFIDA E HIDRICEFALIA<br />
  180. © Todos os direitos reservados</div>
  181. </div>
  182. </body>
  183. </html>
Advertisement
Add Comment
Please, Sign In to add comment