134 lines
5.3 KiB
HTML
134 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
|
|
<title>Milites Christi</title>
|
|
<link id="favicon" rel="icon" href="favicon2.png" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
<script src="script.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="corpo">
|
|
<svg>
|
|
<filter id="invecchiamento">
|
|
<feTurbulence
|
|
x="0"
|
|
y="0"
|
|
baseFrequency="0.02"
|
|
numOctaves="5"
|
|
seed="1"
|
|
></feTurbulence>
|
|
<feDisplacementMap in="SourceGraphic" scale="20" />
|
|
</filter>
|
|
</svg>
|
|
</div>
|
|
|
|
<div id="contenuto">
|
|
<h1 class="titolo"><center>Milites Christi</center></h1>
|
|
|
|
<div class="navbar">
|
|
<header>
|
|
<center>
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<a href="index.html" class="nav-item" tabindex="0">Home</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="nav-item" tabindex="0">Gruppo 1</a>
|
|
<ul class="dropdown">
|
|
<li><a href="./Gruppo1/Introduzione.html">Introduzione</a></li>
|
|
<li><a href="./Gruppo1/Scelta.html">Scelta Argomento</a></li>
|
|
<li><a href="./Gruppo1/Tyerman.html">Tyerman</a></li>
|
|
<li><a href="./Gruppo1/Massimo.html">Massimo Montanari</a></li>
|
|
<li><a href="./Gruppo1/Musarra.html">Antonio Musarra</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="nav-item">Gruppo 2</a>
|
|
<ul class="dropdown">
|
|
<li>
|
|
<a href="./Gruppo2/Goffredo_di_Buglione.html">Goffredo di Buglione</a>
|
|
</li>
|
|
<li>
|
|
<a href="./Gruppo2/Papa_Urbano_II.html">Papa Urbano II</a>
|
|
</li>
|
|
<li>
|
|
<a href="./Gruppo2/Prima_Crociata.html">Prima Crociata</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="nav-item">Gruppo 3</a>
|
|
<ul class="dropdown">
|
|
<li><a href="./Gruppo3/Terza_Crociata.html">Terza Crociata</a></li>
|
|
<li><a href="./Gruppo3/Re_Riccardo.html">Re Riccardo</a></li>
|
|
<li><a href="./Gruppo3/Ivanhoe.html">Ivanhoe</a></li>
|
|
<li><a href="./Gruppo3/Letteratura_e_Cinema.html">Letteratura e Cinema</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="nav-item">Gruppo 4</a>
|
|
<ul class="dropdown">
|
|
<li><a href="orientamento.html">Orientamento</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="nav-item">Gruppo 5</a>
|
|
<ul class="dropdown">
|
|
<li>
|
|
<a href="./Gruppo5/albigesi.html">Crociata degli Albigesi</a>
|
|
</li>
|
|
<li>
|
|
<a href="./Gruppo5/pezzenti.html">Crociata dei Pezzenti</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
|
|
<ul class="dropdown">
|
|
<li><a href="./Gruppo6/T_Cri.html">Testimonianze Cristiane</a></li>
|
|
<li><a href="./Gruppo6/T_Isl.html">Testimonianze Islamiche</a></li>
|
|
<li><a href="./Gruppo6/Islam.html">Storia dell'Islam</a></li>
|
|
<li><a href="./Gruppo6/Guerra.html">Guerra santa</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
|
|
<ul class="dropdown">
|
|
<li><a href="presentazione.html">Presentazione</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</center>
|
|
</header>
|
|
</div>
|
|
<br />
|
|
"Milites Christi", così si facevano chiamare. Oggi noi li chiamiamo crociati. Ma chi erano davvero?
|
|
<br />
|
|
Per capirlo dobbiamo capire da dove arrivano.
|
|
<br />
|
|
Correva il secolo IX, e la Terrasanta (l'attuale Israele e Palestina) era appena stata conquistata dai turchi.
|
|
<br />
|
|
Fin qui niente di male, se non che i turchi impedivano i pellegrinaggi cristiani e distruggevano i loro edifici sacri.
|
|
<br />
|
|
Al tempo pellegrinare era vista come una tappa fondamentale per ogni buon fedele cristiano.
|
|
<br />
|
|
Visto che questo era un evento che riguardava l'intera cristianità, il papa decise di intervenire e chiamò la cristianità a liberare la Terrasanta.
|
|
<br />
|
|
E fu così che iniziarono le crociate.
|
|
<br />
|
|
Ma questa è solo una piccola parte del mondo delle crociate.
|
|
<br />
|
|
Questo manoscritto è stato creato per essere letto, quindi cosa aspetti?
|
|
<br />
|
|
Sfoglia e scopri questo mondo pieno di leggende e gesta!
|
|
<br />
|
|
<br />
|
|
<br />
|
|
<center>Classe 3I2</center>
|
|
</div>
|
|
</body>
|
|
</html>
|