public.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. {% set title = "Início" %}
  2. {% extends 'layout.html' %}
  3. {% block body %}
  4. <div class="container-fluid">
  5. <div class="row">
  6. <div class="col-md-12" style="margin-top:30px;">
  7. <h4 align="center">
  8. <a href="http://facebook.com/{{ user.name }}" target="_blank" id="social_icons"><i class="fa fa-facebook-official fa-2x"></i></a>
  9. <a href="http://instagram.com/hopeforaisha" target="_blank" id="social_icons"><i class="fa fa-instagram fa-2x"></i></a>
  10. </h4>
  11. <h1 align=center><a href="/"><img src="img/hope-for-aisha.png" class="logo" alt="Hope For Aisha"></a></h1>
  12. <br>
  13. </div>
  14. </div>
  15. <div class="row">
  16. <div class="col-md-1"></div>
  17. <div class="col-md-5">
  18. <p align=center>
  19. <img src="img/aisha.jpg" class="img_perfil">
  20. </p>
  21. </div>
  22. <div class="col-md-5" id="teste">
  23. <h2 align=left id="text_arrecadamos">
  24. Já arrecadamos
  25. </h2>
  26. <h1 align=left id="temos"></h1>
  27. <h2 align=left id="text_arrecadamos">
  28. Precisamos ainda
  29. </h2>
  30. <h1 align=left id="precisamos"></h1>
  31. <h1>
  32. <div class="progress">
  33. <div class="progress-bar" id="barra" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width:99%">
  34. </div>
  35. </div>
  36. </h1>
  37. </div>
  38. <div class="col-md-1"></div>
  39. <div class="col-md-12">
  40. <p class="texto_principal">
  41. <b>Oi, gente grande!</b> Meu nome é <b>Aisha</b> e eu tenho 1 ano e 4 meses e estou desde meus 5 meses internada na <b>UTI Pediátrica</b>. Tenho <a href="http://atrofiaespinhal.org/o-que-e/descricao/" target="_blank">Atrofia Muscular Espinhal tipo 1</a>. É uma síndrome <b>rara e fatal</b>. Estou atualmente traqueostomizada e dependente de gastrostomia para me alimentar. Já perdi quase todos meus movimentos e hoje só consigo mexer meus dedinhos e ainda tenho expressões faciais. Apesar de tudo, sou muito sorridente e sou apaixonada por desenhos animados - os minions, principalmente.
  42. <br><br>
  43. <b>Ano passado foi descoberto um tratamento que já fez algumas crianças que nem eu ficarem melhores</b> e que me faria melhorar também, mas esse medicamento é muito caro e precisa ser importado. Já estou com 1 ano e 4 meses, e quanto mais rápido o tratamento, melhor. Queria poder brincar que nem meus amiguinhos do hospital e queria também poder fazer carinho na minha mamãe e no meu papai, que já estão há mais de um 1 ano no hospital comigo quase que 24h. Precisamos da ajuda de todos que puderem nos ajudar, por menor que seja o valor, cada centavo conta. Se não puder doar, ajude compartilhando e falando de mim para seus amigos. <b>Não tenho muito tempo e preciso da sua ajuda.</b> <a class="btn" href="hope-for-aisha.pdf" target="_blank">Saiba mais »</a>
  44. </p>
  45. </p>
  46. </div>
  47. </div>
  48. <div class="row" id="campo_doacoes">
  49. <h1 align=center>Doe qualquer valor para salvar a Aisha</h1>
  50. <br>
  51. <div class="col-md-3">
  52. <h2 style="font-size:20pt;">
  53. <i class="fa fa-bank fa-1x"></i> Depósito
  54. </h2>
  55. <img src="img/bradesco.png" class="bandeira-banco">
  56. <p class="texto_doacoes">
  57. <b>Agência:</b> 2941 <br>
  58. <b>Conta:</b> 1001344-3 <br>
  59. <b>CPF:</b> 051.765.760-07 <br>
  60. Aisha Saldanha de Souza
  61. </p>
  62. </div>
  63. <div class="col-md-3">
  64. <h2 style="font-size:20pt;">
  65. <i class="fa fa-file-o fa-1x"></i> Boleto
  66. </h2>
  67. <p align=justify>
  68. A melhor forma de pagar por boleto é usando o serviço pagseguro, clique abaixo e você será direcionado para a página de doação. Basta escolher a opção boleto. Obs: A conta está no nome da mamãe por ela ser maior de idade.
  69. </p>
  70. <p align="center">
  71. <img src="img/pagseguro.png"><br><br>
  72. <a href="https://pag.ae/bkh8PW6" target="_blank"><button type="submit" class="btn btn-success">Doar com pagseguro</button></a>
  73. </p>
  74. </div>
  75. <div class="col-md-3">
  76. <h2 style="font-size:20pt;">
  77. <i class="fa fa-credit-card fa-1x"></i> Cartão de Crédito
  78. </h2>
  79. <p align=justify>
  80. Para ajudar com qualquer quantia com cartão de crédito, recomendados o uso do paypal. Clique abaixo e você será direcionado para a página de doação. Basta escolher o cartão desejado.
  81. </p>
  82. <p align="center">
  83. <img src="img/paypal.png"><br><br>
  84. <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=5HFY2RS7LNEUA" target="_blank"><button type="submit" class="btn btn-success">Doar com paypal</button></a>
  85. </p>
  86. </div>
  87. <div class="col-md-3">
  88. <h2 style="font-size:20pt;">
  89. <i class="fa fa-clone fa-1x"></i> Outros Sites
  90. </h2>
  91. <p align=justify>
  92. Você também pode ajudar pelo site vakinha, um site de vaquinhas onlines. Mas lá eles ficam com uma <a href="https://www.vakinha.com.br/taxas-e-termos-de-uso-2" target="_blank">taxa</a> de 6,4% do valor original, que no caso de um tratamento de AME1, siginifica um valor de 192 mil reais.
  93. </p>
  94. <p align="center">
  95. <img src="img/vakinha.png" style="max-height:30px;"><br><br>
  96. <a href="https://www.vakinha.com.br/vaquinha/tratamento-ame-spinraza-nusinersen" target="_blank"><button type="submit" class="btn btn-success">Acessar Vakinha</button></a>
  97. </p>
  98. </div>
  99. </div>
  100. <div class="row">
  101. <br>
  102. <div class="col-md-1">
  103. </div>
  104. <div class="col-md-10">
  105. <h2 align=center>
  106. <h1 align=center>Fotos da nossa pequena</h1><br>
  107. <div class="slide">
  108. <div class="demo-gallery">
  109. <ul id="lightgallery" class="list-unstyled row">
  110. <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="img/aisha7.jpg 375, img/aisha7.jpg 480, img/aisha7.jpg 800" data-src="img/aisha7.jpg" data-sub-html="Nossa princesa.">
  111. <a href="">
  112. <img class="img-responsive" src="img/aisha7-t.jpg">
  113. </a>
  114. </li>
  115. <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="img/aisha1.jpg 375, img/aisha1.jpg 480, img/aisha1.jpg 800" data-src="img/aisha1.jpg" data-sub-html="">
  116. <a href="">
  117. <img class="img-responsive" src="img/aisha1.jpg">
  118. </a>
  119. </li>
  120. <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="img/aisha2.jpg 375, img/aisha2.jpg 480, img/aisha2.jpg 800" data-src="img/aisha2.jpg" data-sub-html="">
  121. <a href="">
  122. <img class="img-responsive" src="img/aisha2-t.jpg">
  123. </a>
  124. </li>
  125. <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="img/aisha3.jpg 375, img/aisha3.jpg 480, img/img/aisha3.jpg 800" data-src="img/aisha3.jpg" data-sub-html="">
  126. <a href="">
  127. <img class="img-responsive" src="img/aisha3.jpg">
  128. </a>
  129. </li>
  130. <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="img/aisha4.jpg 375, img/aisha4.jpg 480, img/aisha4.jpg 800" data-src="img/aisha4.jpg" data-sub-html="">
  131. <a href="">
  132. <img class="img-responsive" src="img/aisha4.jpg">
  133. </a>
  134. </li>
  135. <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="img/aisha5.jpg 375, img/aisha5.jpg 480, img/aisha5.jpg 800" data-src="img/aisha5.jpg" data-sub-html="El bigodón">
  136. <a href="">
  137. <img class="img-responsive" src="img/aisha5.jpg">
  138. </a>
  139. </li>
  140. <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="img/aisha6.jpg 375, img/aisha6.jpg 480, img/aisha6.jpg 800" data-src="img/aisha6.jpg" data-sub-html="">
  141. <a href="">
  142. <img class="img-responsive" src="img/aisha6.jpg">
  143. </a>
  144. </li>
  145. <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="img/aisha8.jpg 375, img/aisha8.jpg 480, img/aisha8.jpg 800" data-src="img/aisha8.jpg" data-sub-html="Dia de passeio.">
  146. <a href="">
  147. <img class="img-responsive" src="img/aisha8.jpg">
  148. </a>
  149. </li>
  150. <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="img/aisha9.jpg 375, img/aisha9.jpg 480, img/aisha9.jpg 800" data-src="img/aisha9.jpg" data-sub-html="">
  151. <a href="">
  152. <img class="img-responsive" src="img/aisha9.jpg">
  153. </a>
  154. </li>
  155. <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="img/aisha10.jpg 375, img/aisha10.jpg 480, img/aisha10.jpg 800" data-src="img/aisha10.jpg" data-sub-html="">
  156. <a href="">
  157. <img class="img-responsive" src="img/aisha10.jpg">
  158. </a>
  159. </li>
  160. <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="img/aisha11.jpg 375, img/aisha11.jpg 480, img/aisha11.jpg 800" data-src="img/aisha11.jpg" data-sub-html="">
  161. <a href="">
  162. <img class="img-responsive" src="img/aisha11-t.jpg">
  163. </a>
  164. </li>
  165. <li class="col-xs-6 col-sm-4 col-md-3" data-responsive="img/aisha12.jpg 375, img/aisha12.jpg 480, img/aisha12.jpg 800" data-src="img/aisha12.jpg" data-sub-html="">
  166. <a href="">
  167. <img class="img-responsive" src="img/aisha12.jpg">
  168. </a>
  169. </li>
  170. </ul>
  171. </div>
  172. </h2>
  173. </div>
  174. <div class="col-md-1">
  175. </div>
  176. </div>
  177. </div>
  178. <div class="row" id="campo_doacoes">
  179. <h2 style="margin-left:15px;">
  180. Contatos
  181. </h2>
  182. <div class="col-md-4" >
  183. <p class="texto_doacoes">
  184. <b>Whatsapp Mamãe:</b> +55 (55) 9-9689-3779 <br>
  185. <b>Whatsapp Papai:</b> +55 (55) 9-9722-3360 <br>
  186. <b>Telefone para contato:</b> +55 (55) 9-9147-9960 <br>
  187. <b>E-mail:</b> hopeforaisha@gmail.com <br>
  188. </p>
  189. </div>
  190. <div class="col-md-4" ></div>
  191. <div class="col-md-4" ></div>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. <script type="text/javascript">
  197. $(document).ready(function(){
  198. $('#lightgallery').lightGallery();
  199. });
  200. </script>
  201. <script src="https://cdn.jsdelivr.net/picturefill/2.3.1/picturefill.min.js"></script>
  202. <script src="js/lightgallery.js"></script>
  203. <script src="js/lg-fullscreen.js"></script>
  204. <script src="js/lg-thumbnail.js"></script>
  205. <script src="js/lg-video.js"></script>
  206. <script src="js/lg-autoplay.js"></script>
  207. <script src="js/lg-zoom.js"></script>
  208. <script src="js/lg-hash.js"></script>
  209. <script src="js/lg-pager.js"></script>
  210. <script src="js/jquery.mousewheel.min.js"></script>
  211. <script src="js/bootstrap.min.js"></script>
  212. <script src="js/scripts.js"></script>
  213. <script src="js/acredito.js"></script>
  214. {% endblock %}