|
<!DOCTYPE html> |
|
<html lang="es"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>Planificación de Culto - Iglesia Cristo Vive</title> |
|
<link rel="shortcut icon" href="https://ia800509.us.archive.org/8/items/tcvl_20231025/TCVL%20%281%29.png"> |
|
<link rel="stylesheet" href="style.css"> |
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.0.0-rc.5/html2canvas.min.js"></script> |
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script> |
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/signature_pad/2.3.2/signature_pad.min.js"></script> |
|
</head> |
|
<body> |
|
<div class="cabecera"> |
|
<img src="https://ia800509.us.archive.org/8/items/tcvl_20231025/TCVL%20%281%29.png" width="100" height="100" alt="Iglesia Cristo Vive"> |
|
<h1>Planificación de Culto</h1> |
|
</div> |
|
<h2>Iglesia Cristo Vive</h2> |
|
<div class="dia-culto"> |
|
<label for="dia">Día:</label> |
|
<select id="dia" name="dia"> |
|
<option value="">Seleccione un día</option> |
|
<option value="martes">Martes</option> |
|
<option value="viernes">Viernes</option> |
|
<option value="sabado">Sábado</option> |
|
<option value="domingo">Domingo</option> |
|
</select> |
|
</div> |
|
<div class="acciones"> |
|
<button id="exportar-pdf">Exportar a PDF</button> |
|
<button id="capturar-pantalla">Capturar Pantalla</button> |
|
<button id="descargar-imagen">Descargar Imagen</button> |
|
</div> |
|
<table> |
|
<thead> |
|
<tr> |
|
<th>Actividad</th> |
|
<th>Tiempo (min)</th> |
|
<th>Responsable</th> |
|
<th>Completada</th> |
|
</tr> |
|
</thead> |
|
<tbody> |
|
<tr> |
|
<td><input type="text" name="actividad"></td> |
|
<td><input type="number" name="tiempo"></td> |
|
<td><input type="text" name="responsable"></td> |
|
<td><input type="checkbox" name="completada"></td> |
|
</tr> |
|
<tr> |
|
<td><input type="text" name="actividad"></td> |
|
<td><input type="number" name="tiempo"></td> |
|
<td><input type="text" name="responsable"></td> |
|
<td><input type="checkbox" name="completada"></td> |
|
</tr> |
|
</tbody> |
|
<tfoot> |
|
<tr> |
|
<div class="dia-culto"> |
|
<label for="dia">Fecha:</label> |
|
<input type="date" id="fecha" name="fecha"> |
|
</div> |
|
</tr> |
|
</tfoot> |
|
</table> |
|
</div> |
|
<div class="firma"> |
|
<p>Firma:</p> |
|
<select id="firma"> |
|
<option value="brian">Brian</option> |
|
<option value="jackie">Jackie</option> |
|
<option value="johnny">Johnny</option> |
|
</select> |
|
</div> |
|
<p class="pie-pagina">LO QUE ES, YA HA SIDO, Y LO QUE SERÁ, YA FUE, Y DIOS BUSCA LO QUE HA PASADO. © CVM BY JAIRNAY V2 2024</p> |
|
<script src="script.js"></script> |
|
</body> |
|
</html> |
|
|