woss

Untitled

Aug 2nd, 2011
106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.75 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. </script>
  47.  
  48. <style type="text/css">
  49.  
  50. #banner {
  51. position:relative;
  52. }
  53.  
  54. #banner IMG {
  55. position:absolute;
  56. top:0;
  57. left:0;
  58. z-index:8;
  59. opacity:0.0;
  60. }
  61.  
  62. #banner IMG.active {
  63. z-index:10;
  64. opacity:1.0;
  65. }
  66.  
  67. #banner IMG.last-active {
  68. z-index:9;
  69. }
  70.  
  71.  
  72. </style>
  73. </head>
  74.  
  75. <body>
  76.  
  77. <div id="container">
  78. <div id="topo"></div>
  79. <div id="menu">
  80. <ul>
  81. <li><a href="index.htm">Início</a></li>
  82. <li><a href="sobre.htm">AEBH</a></li>
  83. <li><a href="campanhas.htm">Campanhas</a></li>
  84. <li><a href="saude.htm">Saúde</a></li>
  85. <li><a href="galeria.htm">Fotos</a></li>
  86. <li><a href="depoimentos.htm">Depoimentos</a></li>
  87. <li><a href="agenda.htm">Agenda</a></li>
  88.  
  89. <li><a href="doacoes.htm">Doações</a></li>
  90. <li><a href="download.htm">Downloads</a></li>
  91. <li><a href="contato.htm">Contato</a></li>
  92. </ul>
  93. </div>
  94. <div id="banner">
  95. <img src="images/bannermenina.png" alt="Slideshow Image 1" class="active" />
  96. <img src="images/aebh-reabilitacao.jpg" alt="Slideshow Image 1" />
  97. </div>
  98. <div id="newsletter">
  99. <?php if(isset($_GET['s']) && $_GET['s'] == "sucess") { ?>
  100. <p align=center>Seu email foi cadastrado com sucesso!</p>
  101. <?php } else { ?>
  102. <h2>|Newsletter|</h2>
  103. <form action="enviar2.php" method="POST">
  104. <input type="hidden">
  105.  
  106. <table width="200" border="0" align="center">
  107. <tr>
  108. <td>Nome:</td>
  109. <td><input name="nome" type="text" size="25" /></td>
  110. </tr>
  111. <tr>
  112. <td>Email:</td>
  113. <td><input name="email" type="text" size="25" /></td>
  114.  
  115. </tr>
  116. <tr>
  117. <td></td>
  118. <td align="right"><input name="submit" type="submit" value="Enviar">
  119. </td>
  120. </tr>
  121. </table>
  122. </form>
  123. <?php } ?>
  124. </div>
  125.  
  126. <div id="latesq"><h2>|Acesse nosso Blog|</h2><center>
  127.  
  128. <img src="images/noticia-01.jpg" alt="blog" />
  129. </center>
  130. <h2>|Orkut|</h2><center>
  131. <img src="images/orkut-logo.jpg" width="150" height="50" alt="orkut" />
  132. </center><br />
  133. <h2>|Twitter|</h2><center>
  134. <img src="images/twitter-logo-cute-bird.jpg" width="150" height="60" alt="twitter" />
  135. </center><br />
  136. <h2>|Youtube|</h2><center>
  137. <img src="images/Youtube.png" width="150" height="140" alt="A AEBH no Youtube" />
  138. </center><br />
  139.  
  140. </div>
  141.  
  142. <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 />
  143.  
  144. <div id="paragrafo"><p>Olá! Seja muito bem vindo ao nosso novo site. Estamos melhorando cada vez mais pensando em vocês. </p>
  145.  
  146. <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>
  147.  
  148. <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>
  149.  
  150. </div>
  151. <div id="latdir"><h2>|Parceiros|</h2>
  152. <div align="center"><img src="images/parceiros.jpg" /></div>
  153.  
  154. <div id="divulgA"></div>
  155. <div id="divulgA"></div>
  156. <div id="divulgA"></div>
  157. <div id="divulgA"></div>
  158.  
  159. </div>
  160.  
  161.  
  162. <div id="rodape">ASSOCIAÇÃO ESPINHA BÍFIDA E HIDRICEFALIA<br />
  163. © Todos os direitos reservados</div>
  164. </div>
  165. </body>
  166. </html>
Advertisement
Add Comment
Please, Sign In to add comment