-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (111 loc) · 5.96 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
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
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Página web de la materia Filosofía</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@300&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@300&family=MuseoModerno&display=swap"
rel="stylesheet">
<link rel="shortcut icon" href="img\ícono-sitio-web.png" type="image/x-icon">
</head>
<body>
<button onclick="topFunction()" id="myBtn" title="Go to top">Λ</button>
<!--Bloque de inicio con menú hambuerguesa y nombre del sitio en griego-->
<div class="contenedor_universal">
<div id="bloque_inicial">
<!-- Contenedor del icono hamburguesa -->
<div class="contenedor" onclick="mostrarMenu()">
<div class="hamburguesa"></div>
<div class="hamburguesa"></div>
<div class="hamburguesa"></div>
</div>
<!-- Menú de navegación -->
<div class="menu" id="menu">
<a href="index.html">Inicio</a>
<a href="#">Sobre nosotros</a>
<a href="https://drive.google.com/file/d/1xQfIFnBmxtdunxhQTUUCP1KD3T5xpNFC/view?usp=sharing"
target="_blank">Bibliografía</a>
<a href="contacto.html">Contacto</a>
</div>
<div id="título_bloque_inicial">
<b>φιλοσοφία</b>
</div>
</div>
</div>
<main>
<h1>Filosofía (φιλοσοφία)</h1><br>
<hr><br>
<p id="bajada-del-titulo">Del griego φιλοσοφία ‘amor a la sabiduría’, derivado de φιλεῖν, fileîn, ‘amar’, y
σοφία, sofía, ‘sabiduría’; trans. en latín como philosophĭa.</p>
<br>
<hr><br>
<img src="img\filo-marmol-partenon.jpeg" alt="humanos filosofando partenon">
<div class="pieDePagina">Filósofos de mármol filosofando (generado por IA).</div><br>
<p>La filosofía es una actividad intelectual que busca comprender la realidad y dar respuesta a los grandes
interrogantes que se plantean los seres humanos. Nace en la antigua Grecia, cuando algunos pensadores se
atreven a cuestionar las explicaciones mitológicas y religiosas que predominaban en su época. Así, se
convierte en un modo de pensar racional, crítico y creativo, que se basa en la argumentación y la evidencia.
En este sentido, no es una ciencia exacta ni una doctrina cerrada, sino una búsqueda permanente de la verdad
y el sentido. No es algo aburrido ni difícil, sino una aventura apasionante y desafiante, que nos invita a
reflexionar sobre nosotros mismos y el mundo que nos rodea. La filosofía es, en definitiva, una forma de
vivir y de aprender.</p>
<br>
<hr>
<br>
<h2>Contenidos:</h2>
<ul>
<li>1. <a href="filosofiaFilosofar.html">Filosofía y filosofar</a></li>
<li>2. <a href="lógica-proposicional.html">Lógica proposicional</a></li>
<li>3. <a href="gnoseologías.html">Teorías del conocimiento/ gnoseologías</a></li>
<li>4. <a href="etica-moral.html">Ética</a></li>
<li>5. <a href="filo-politica.html">Filosofía política</a></li>
</ul>
<br>
<hr>
<h2>Filosofía y filosofar</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam fugit quod totam porro exercitationem eum
veritatis debitis animi eaque, laboriosam soluta, accusamus rem in nemo incidunt? Esse iusto optio mollitia?
</p><br>
<hr>
<h2>Lógica proposicional</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laudantium labore, dolores eius, repellendus ab
quaerat possimus reprehenderit, impedit eligendi dicta a aliquid numquam! Omnis quibusdam dolores deserunt
obcaecati? Neque, pariatur.</p><br>
<hr>
<h2>Teorías del conocimiento (gnoseologías)</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In sed reprehenderit veritatis sunt ad, ratione
praesentium nisi nobis suscipit recusandae. Perferendis ullam incidunt tempore illum explicabo nobis?
Quisquam, perspiciatis magnam.</p><br>
<hr>
<h2>Ética</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Est earum minima recusandae culpa aut officiis
quos! Dolor beatae ipsa nulla deleniti dolore sit deserunt? Dignissimos dolores blanditiis quia consequatur
consectetur?</p><br>
<hr>
<h2>Filosofía política</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tempore molestias iste illum vitae placeat dolorum
earum maxime, eaque ullam dicta veniam quia fugit distinctio laborum, dolor harum, natus doloribus iure.</p>
<br>
<hr><br>
<img src="img\ícono-sitio-web.png" alt="Ícono Sócrates con laptop">
<div class="pieDePagina">Sócrates con laptop.</div>
</main>
<footer>
<div class="pieFin">
<p>CONTACTO:</p>
<p>Currículum del profesor</p>
<p>Contacto del profesor</p>
<p>Página creada por PROF. EMANUEL FEOLI</p>
<hr>
<p>©EmanuelFeoli</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>