Skip to content

Instantly share code, notes, and snippets.

@leonelsr

leonelsr/sddsCEVA.html

Created April 18, 2019 03:45
Show Gist options
  • Save leonelsr/f0c78ae9139577b95f027da3333a7530 to your computer and use it in GitHub Desktop.
Save leonelsr/f0c78ae9139577b95f027da3333a7530 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
sddsCEVA.html
<!DOCTYPE html><html lang="en"><head>
<title>SDDS CEVA | 30 do Hellboy</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/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.4.0/js/bootstrap.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-75065234-3', 'auto');
ga('send', 'pageview', '/7c9cbd4c-dd7c-49e8-9b6b-1aca144ea173.html');
</script></head>
<body>
<div class="container">
<div class="row align-items-center justify-content-center">
<img src="https://i.imgur.com/T3CoJuE.jpg" alt="Capa" class="img-responsive" style="margin: auto;">
<br /> <br />
<div class="panel-group principal" id="accordion" style="max-width:90%; margin:auto;">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<label for="g1" onclick="document.getElementById(&#39;g1&#39;).checked = true">
<input type="radio" name="group1" value="1" id="g1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" class="collapsed"/> Pessoalmente
</label>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
<div class="panel-body">
<p>É só entrar em contato com um dos organizadores (<a href="https://www.facebook.com/brunomilao" target="_blank">Bruno Milão</a>, <a href="https://www.facebook.com/bruno.benaduce" target="_blank">Bruno Benaduce</a>, <a href="https://www.facebook.com/leonelsr" target="_blank">Leonel Saraiva Rocha</a>) e combinar direto com eles!</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<label for="g2" onclick="document.getElementById(&#39;g2&#39;).checked = true">
<input type="radio" name="group1" value="2" id="g2" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed" aria-expanded="false"/> Depósito bancário
</label>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
<div class="panel-body">
<p><b>Banco do Brasil</b></p>
<p><b>Agência:</b> 1899-6 <br/>
<b>Conta:</b> 58.802-6 <br/>
<b>CPF:</b> 022.363.260-09 <br/>
<b>Favorecido:</b> Bruno Veck Milão <br />
<b>Valor:</b> R$15,00
<br/> <br/>
Não esquece de mandar o comprovante pra um dos organizadores!</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<label for="g3" onclick="document.getElementById(&#39;g3&#39;).checked = true">
<input type="radio" name="group1" value="3" id="g3" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="" aria-expanded="true" checked="checked"/> Cartão de crédito
</label>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse in" aria-expanded="true" style="">
<div class="panel-body">
<p>Clique <a href="https://www.sympla.com.br/sdds-ceva--30-do-hellboy__506015" target="_blank">aqui</a> para pagar com cartão de crédito!</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
body { background: url(https://www.sympla.com.br/images/bg-texture-content-out-event-page-1.png) repeat 0 0 }
.container { background: white; padding-bottom: 500px; border: 1px solid #dfdfdf;}
@media screen and (min-width: 800px) {
.principal { width: 50%; margin: auto; }
}
label {width: 100%;}
</style>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment