-
Notifications
You must be signed in to change notification settings - Fork 0
/
francesa.html
128 lines (125 loc) · 7.31 KB
/
francesa.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
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
126
127
128
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Emilio Ezequiel Hurtado">
<meta name="description" content="Blog dedicado al aprendizaje y análisis del ajedrez">
<meta name="keywords" content="ajedrez, ajedrez online, ajedrez en linea, ajedrez en ingles, piezas de ajedrez, ajedrez contra el ordenador, ajedrez in english, juego de ajedrez, tablero de ajedrez, reglas del ajedrez, jugadas de ajedrez, jugar ajedrez, libros de ajedrez, juegos de ajedrez, jugar ajedrez online, enroque ajedrez, aperturas, chess, auto chess, chess online, chess board, chess pie, online chess, chess pieces, dota auto chess, play chess, free chess, play chess online, chess setup, how to play chess, chess board setup, chess game, chess 24, dota 2 auto chess, chess openings">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="https://kit.fontawesome.com/2ec4b6d9c2.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="img/logo/favicon.jpg" type="image/x-icon">
<title>El Tablero de Machingo</title>
</head>
<body>
<header>
<!-- Navbar -->
<nav class="navbar navbar-expand-md navbar-dark bg-navFoot">
<article class="container">
<a class="navbar-brand" href="index.html">
<img src="img/logo/logoTextLightPNG.png" alt="logo de la página" id="logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item mx-3">
<a class="nav-link" href="index.html">Inicio <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown active mx-3">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Aperturas</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="apItaliana2.html">Italiana</a>
<a class="dropdown-item" href="siciliana.html">Defensa Siciliana</a>
<a class="dropdown-item" href="francesa.html">Defensa Francesa</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item mx-3">
<a class="nav-link" href="#">Contacto</a>
</li>
</ul>
</div>
</article>
</nav>
</header>
<main>
<section class="container my-4">
<h1 class="display-4 my-4">Defensa Francesa</h1>
<article class="row">
<div class="col-sm-12 col-md-6">
<p>Aperturas semiabiertas, en la cual las negras luchan inmediatamente por el centro con sus peones en e6 y d5.</p>
<p class="lead">Dale a Play <i class="fas fa-play"></i> para ver los movimientos en este tablero:</p>
</div>
<!-- Tablero -->
<div class="col-sm-12 col-md-6 text-center">
<iframe id="7508132" allowtransparency="true" frameborder="0" style="width:100%;border:none;" src="//www.chess.com/emboard?id=7508132"></iframe>
<script>
window.addEventListener("message", e => {
e['data'] && "7508132" === e['data']['id'] && document.getElementById(`${e['data']['id']}`) && (document.getElementById(`${e['data']['id']}`).style.height = `${e['data']['frameHeight']+30}px`)
});
</script>
</div>
</article>
<article class="mt-4">
<p>A continuación una clase de ajedrez en la que tendremos la oportunidad de aprender la Defensa Francesa de la mano del Gran Maestro Carlos Matamoros.</p>
<div class="text-center">
<iframe width="560" height="315" src="https://www.youtube.com/embed/8dDR0Hyi9pk?start=301" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p class="mt-4">Índice del vídeo: (Actualizar)</p>
<ul>
<li><strong>7:40</strong> Variante Najdorf</li>
<li><strong>27:25</strong> Variante Scheveningen</li>
<li><strong>42:15</strong> Variante Dragón</li>
<li><strong>55:30</strong> Variante Clásica</li>
<li><strong>1:12:18</strong> Variante Dragón Acelerado</li>
<li><strong>1:34:30</strong> Variante Pelikan</li>
<li><strong>1:47:40</strong> Variante Kalashnikov</li>
</ul>
</article>
</section>
</main>
<footer class="bg-navFoot py-5 mt-5 text-light">
<section class="container">
<article class="row">
<div class="col-sm-12 col-md-4 text-center mb-2">
<h5 class="mb-3">Seguinos</h5>
<a href="#" class="text-light">
<i class="fab fa-instagram fa-2x mr-2"></i>
</a>
<a href="#" class="text-light">
<i class="fab fa-facebook-f fa-2x mx-2"></i>
</a>
<a href="#" class="text-light">
<i class="fab fa-twitter fa-2x mx-2"></i>
</a>
</div>
<div class="col-sm-12 col-md-4 text-center mt-2">
<img src="img/logo/logoTextLightPNG.png" alt="logo de la página" id="logo" class="mb-3">
<p>© Todos los derechos reservados</p>
</div>
<div class="col-sm-12 col-md-4 text-center mt-2">
<ul class="lista">
<a href="#" class="text-light">
<li>Contacto</li>
</a>
<a href="#" class="text-light">
<li>Preguntas frecuentes</li>
</a>
<a href="#" class="text-light">
<li>Privacidad</li>
</a>
<a href="#" class="text-light">
<li>Legales</li>
</a>
</ul>
</div>
</article>
</section>
</footer>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>