Skip to content

Instantly share code, notes, and snippets.

@rodrigophpweb

rodrigophpweb/modal.html

Last active November 21, 2019 21:14
Show Gist options
  • Save rodrigophpweb/20bc4c4a0cb70ae1ab3a26e89c0c83c6 to your computer and use it in GitHub Desktop.
Save rodrigophpweb/20bc4c4a0cb70ae1ab3a26e89c0c83c6 to your computer and use it in GitHub Desktop.
Download ZIP
Modal redirect url -> Contact Form
Raw
modal.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Js</title>
</head>
<body>
<ul id="btecnicos">
<!-- Primeiro Ebook -->
<a class="books" id="bk1040" href="#lead" rel="modal:open" data-url="https://ctc.com.br/produtos/wp-content/uploads/2018/09/Manual-de-Boas-Práticas-Meiosi-FEV2019-V5.pdf">
<li>
<figure class="card-car">
<img width="175" height="262" src="CTC-1.jpg" alt="Imagem 1">
<figcaption>
<div><i class="fa fa-search" aria-hidden="true"></i></div>
</figcaption>
</figure>
<h3>Plantio de cana-de-açúcar em MEIOSI</h3>
</li>
</a>
<!-- Segundo Ebook -->
<a class="books" id="bk804" href="#lead" rel="modal:open" data-url="https://ctc.com.br/produtos/wp-content/uploads/2018/04/GUIA-PARA-GESTÃO-RESPONSÁVEL-DE-VARIEDADE-DE-CANA-GENETICAMENTE-MODIFICADA_.pdf">
<li>
<figure class="card-car">
<img width="186" height="262" src="CTC-2.jpg" alt="Imagem 2">
<figcaption>
<div><i class="fa fa-search" aria-hidden="true"></i></div>
</figcaption>
</figure>
<h3>GUIA PARA GESTÃO RESPONSÁVEL DE VARIEDADE DE CANA GENETICAMENTE MODIFICADA</h3>
</li>
</a>
<!-- Terceiro Ebook -->
<a class="books" id="bk890" href="#lead" rel="modal:open" data-url="https://ctc.com.br/produtos/wp-content/uploads/2018/07/Caderneta-de-Pragas-e-Doenças-da-Cana-de-açúcar-CTC.pdf">
<li>
<figure class="card-car">
<img width="186" height="262" src="CTC-3.jpg" alt="Imagem3">
<figcaption>
<div><i class="fa fa-search" aria-hidden="true"></i></div>
</figcaption>
</figure>
<h3>CADERNETA DE PRAGAS E DOENÇAS DA CANA-DE-AÇÚCAR CTC</h3>
</li>
</a>
</ul>
<!-- Modal -->
<div id="lead" class="modal">
<?php echo do_shortcode('[contact-form-7 id="1478" title="Ebook CTC"]');?>
<a href="#" rel="modal:close"></a>
</div>
</body>
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
location = 'http://example.com/';
}, false);
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment