-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbibliografia.html
109 lines (100 loc) · 5.95 KB
/
bibliografia.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="title" content="Cónicas">
<meta name="description" content="Objeto de estudio sobre cónicas">
<!-- Bootstrap -->
<script type="text/javascript" src="./includes/jquery-3.4.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="./includes/bootstrap-4.3.1-dist/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!-- Fuentes de Google -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
<!-- Animación -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<!-- CSS -->
<link rel="stylesheet" href="./css/estilosBibliografia.css">
<!-- Icono pestaña -->
<link rel="shortcut icon" href="./imagenes/logoConicas.png" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css">
<title>Cónicas - Bibliografía</title>
</head>
<body>
<!-- Contenedor -->
<div class="container-fluid">
<!-- modulo barra de navegación -->
<nav class="navbar navbar-expand-md navbar-light">
<a href="index.html"><img id="logoNav" class="navbar-brand styleClassic" src="./imagenes/logoConicas.png" alt="Logo cónicas"></a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
<div class="navbar-nav">
<a href="motivacion.html" class="nav-item nav-light active paddingNav styleClassic">Motivación</a>
<a href="objetivos.html" class="nav-light nav-light active paddingNav styleClassic">Objetivos</a>
<a href="contenidos.html" class="nav-item nav-light active paddingNav styleClassic">¿Qué vas a aprender hoy?</a>
<a href="actividades.html" class="nav-item nav-light active paddingNav styleClassic">Actividades</a>
<!--<a class="nav-item dropdown-toggle" href="contenidos.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
¿Qué vas a aprender hoy?
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Parábola</a>
<a class="dropdown-item" href="#">Elipse</a>
</div>
-->
</div>
</div>
</nav>
<!-- Contenido -->
<!-- Animación -->
<div class="animated fadeInUp">
<div class="bordesTitulo">
<img class="imagen" src="./imagenes/logoConicas.png" alt="Logo Motivación">
<p class="styleTitle">Bibliografía</p>
</div>
<div class="row contenido middle-xs center-xs">
<div class="col-md-8 col-sm-10 col-xs-11">
<div class="box bordes">
<div class="row">
<p class="styleBorder">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
</p>
</div>
</div>
</div>
</div>
<!-- Botones -->
<div class="row">
<div class="col-md-12 text-center">
<a href="index.html"><img src="./imagenes/inicio.png" alt="Regresar"></a>
</div>
</div>
<!-- Footer -->
<footer class="page-footer styleClassic animated fadeInUp">
<div class="text-center">
<!-- links -->
<a href="bibliografia.html" id="paginaActual" class="animated pulse styleClassic">Bibliografía</a><br>
<a href="creditos.html" class="styleClassic">Créditos</a>
</div>
</footer>
</div>
</div>
</body>
</html>