-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (79 loc) · 3.2 KB
/
index.html
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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
<title>Películas de Volver al Futuro</title>
</head>
<body>
<div class="container">
<div class="card">
<span></span>
<div class="imgBx">
<img src="volver-al-futuro-i.webp" />
</div>
<div class="content">
<div>
<h2>Volver al Futuro</h2>
<p>
El adolescente Marty McFly es amigo de Doc, un científico al que todos toman por loco. Cuando
Doc crea una máquina para viajar en el tiempo, un error fortuito hace que Marty llegue a 1955,
año en el que sus futuros padres aún no se habían conocido.
</p>
</div>
</div>
</div>
<div class="card">
<span></span>
<div class="imgBx">
<img src="volver-al-futuro-ii.webp" />
</div>
<div class="content">
<div>
<h2>Volver al Futuro Parte II</h2>
<p>
Doc vuelve a aparecer con una máquina del tiempo mucho más modernizada y le pide a Marty y a su
novia que le acompañen al futuro. En el Hill Valley de 2015 deberán solucionar un problema con
la ley que tendrá uno de los futuros hijos de Marty y Jenny.
</p>
</div>
</div>
</div>
<div class="card">
<span></span>
<div class="imgBx">
<img src="volver-al-futuro-iii.webp" />
</div>
<div class="content">
<div>
<h2>Volver al Futuro Parte III</h2>
<p>
Marty McFly sigue en 1955 y Doc ha retrocedido al año 1885, la época del salvaje oeste. Marty
recibe una carta de Doc en la que le informa de que la máquina del tiempo está averiada y no
puede volver al presente, pero que no le importa seguir en el pasado.
</p>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
$(document).ready(function () {
$(".card").on("mouseenter", function (e) {
x = e.pageX - $(this).offset().left;
y = e.pageY - $(this).offset().top;
$(this).find("span").css({ top: y, left: x });
});
$(".card").on("mouseout", function (e) {
x = e.pageX - $(this).offset().left;
y = e.pageY - $(this).offset().top;
$(this).find("span").css({ top: y, left: x });
});
});
</script>
</body>
</html>