promesa/index.html at master · javiermadueno/promesa · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!doctype html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Promesa de la Virgen de Fátima</title>

	<link rel="stylesheet" type="text/css" href="css/estilos.css?v=1.4">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<script src="js/jquery.backstretch.min.js"></script>
	<script src="js/front.js?v=1.4"></script>
	<script>
	jQuery(function() {
		var e, t;
		$("#alerts").on("click", ".destroy", function(e) {
			console.log("has clickado");
			var t;
			e.preventDefault(),
			$(".alerta").removeClass("show"),
			t = function() {
				//return $(".alert").css("display", "none")
				return $('#alerta').fadeOut();
			},
			setTimeout(t, 1e3)
		})
	});
	</script>


</head>
<body>
	<div id="alerts"></div>
	<div class="bg">
		<!-- <img src="images/fatima1.jpg" alt="Virgen de Fatima"> -->
		<ul id="tabs" class="tabs">
			<li id="tab_1"class="active">Informacion</li>
			<li id="tab_2">Contacto</li>
		</ul>

		<div id="panel" class="panel">
			<div id="tabContainer" class="tabContainer">
				<div id="tabpage_1" class="layout tabpage">
					<div class="titulo">
						<h3>Promesa de la Virgen de Fátima <br>
							Hecha en catequesis a niños pequeños
						</h3>
					</div>

					<div class="descripccion">
						<p>Este cuaderno está hecho con la intención de aumentar la devoción en los niños a nuestra Madre la Virgen María y que los niños vivan los sacramentos.El cuaderno consiste en hacer la promesa de la Virgen de Fátima poco a poco en catequesis.  La promesa se hace en  cinco sábados (cada uno es  primer sábado de mes).Pues bien, el niño en catequesis va preparando su siguiente “primer sábado”.Dentro de los diferentes apartados del cuaderno, el niño va escogiendo:</p>
						<ul class="lista">
							<li>Meditación: La meditación del rosario que más le guste.</li>
							<li>Oración: Elige la intención que más le guste por la que se va a rezar el rosario el sábado de la promesa.</li>
							<li>Confesión: El niño va anotando sus faltas cometidas durante ese mes para ser recordadas el sábado de la promesa y hacer una buena confesión.</li>
							<li>Comunión: El niño elige entre las anotaciones que hay la que más le guste escribiéndola en su ficha y así recordar que le diría al Señor el día de la comunión del primer sábado.</li>
							<li>Consolación a la Virgen: El niño elige qué podría ofrecerle.Dicho cuaderno contiene dibujos para colorear con la intención de que el niño haga la promesa además de pasárselo bien. Rogándole  su difusión espero que le sirva y que sus niños lo disfruten.</li>
						</ul>
					</div>

					<div class="descarga">
						<a class="btn" href="descargas/Promesa%20de%20la%20Virgen%20de%20Fa%CC%81tima%20hecha%20en%20catequesis.pdf" target="_blank">
							Descarga cuaderno
						</a>
					</div>

				</div>
				<div  id="tabpage_2" class="contacto tabpage">
					<div class="titulo">
						<h3>CONTACTO</h3>
					</div>
					<div class="descripccion">
						<p>Para ponerse en contacto conmigo, por favor rellene el formulario.</p>
					</div>
					<form  method="POST" id="contacto">

						<div class="row">
							<!-- <label for="nombre">Nombre:</label> -->
							<input type="text" id="nombre" name="nombre" placeholder="Nombre">
							<div class="error" id="errorNombre"></div>
						</div>

						<div class="row">
							<!-- <label for="apellidos">Apellidos:</label> -->
							<input type="text" id="apellidos" name="apellidos" placeholder="Apellidos">
						</div>
						<div class="row">
							<!-- <label for="email">Email:</label> -->
							<input type="text" id="email" name="email" placeholder="Email">
							<div class="error" id="errorEmail"></div>
						</div>
						<div class="row">
							<!-- <label for="mensaje">Mensaje</label> -->
							<textarea name="mensaje" id="mensaje" cols="30" rows="10" placeholder="Escriba aqui su mensaje..."></textarea>
							<div class="error" id="errorMensaje"></div>
						</div>
						<div class="row">
							<input class="btn" type="submit" value="Enviar">
						</div>
					</form>
				</div>

			</div>

		</div>

	</div>

		<script>
		$.backstretch(["images/fatima.jpg",
			"images/fatima4.jpg"],
			{duration:20000,
				fade:750});
		</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','//www.google-analytics.com/analytics.js','ga');

		ga('create', 'UA-47484867-1', 'promesadelavirgendefatima.com');
		ga('send', 'pageview');

		</script>

	</body>
	</html>