Merge sito gruppo 6

This commit is contained in:
La Programmatrice Verde
2025-03-17 16:07:55 +01:00
parent ccda396312
commit 0f4824ad14
23 changed files with 767 additions and 123 deletions

View File

@@ -84,7 +84,10 @@
<li> <li>
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a> <a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
<ul class="dropdown"> <ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li> <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> </ul>
</li> </li>
<li> <li>

View File

@@ -85,7 +85,10 @@
<li> <li>
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a> <a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
<ul class="dropdown"> <ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li> <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> </ul>
</li> </li>
<li> <li>

View File

@@ -85,7 +85,10 @@
<li> <li>
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a> <a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
<ul class="dropdown"> <ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li> <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> </ul>
</li> </li>
<li> <li>

View File

@@ -86,7 +86,10 @@
<li> <li>
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a> <a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
<ul class="dropdown"> <ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li> <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> </ul>
</li> </li>
<li> <li>

View File

@@ -85,7 +85,10 @@
<li> <li>
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a> <a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
<ul class="dropdown"> <ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li> <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> </ul>
</li> </li>
<li> <li>

View File

@@ -90,7 +90,10 @@
<li> <li>
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a> <a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
<ul class="dropdown"> <ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li> <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> </ul>
</li> </li>
<li> <li>

View File

@@ -89,7 +89,10 @@
<li> <li>
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a> <a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
<ul class="dropdown"> <ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li> <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> </ul>
</li> </li>
<li> <li>

View File

@@ -90,7 +90,10 @@
<li> <li>
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a> <a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
<ul class="dropdown"> <ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li> <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> </ul>
</li> </li>
<li> <li>

View File

@@ -84,7 +84,10 @@
<li> <li>
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a> <a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
<ul class="dropdown"> <ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li> <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> </ul>
</li> </li>
<li> <li>

View File

@@ -84,7 +84,10 @@
<li> <li>
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a> <a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
<ul class="dropdown"> <ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li> <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> </ul>
</li> </li>
<li> <li>

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

27
Gruppo6/Gruppo6.css Normal file
View File

@@ -0,0 +1,27 @@
.moon {
width: 200px;
position: relative;
top: 50px;
}
.cross {
width: 150px;
position: relative;
top: 30px;
right: -20px;
}
.imgGuerra {
width: 800px;
margin: 10px;
border-radius: 20px;
}
.imgIslam {
width: 600px;
margin: 10px;
border-radius: 20px;
}

144
Gruppo6/Guerra.html Normal file
View File

@@ -0,0 +1,144 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
<title>Islam</title>
<link id="favicon" rel="icon" href="../favicon2.png" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="Gruppo6.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">
<img class="moon" src="islam.png" />
Guerra Santa
<img class="cross" src="1stMalteseCross-removebg-preview.png" />
</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="index.html">Le notizie</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 />
I pellegrinaggi medievali rappresentavano un fenomeno complesso, guidato
da una varietà di motivazioni e protagonisti. Re, cavalieri e persino
individui disperati intraprendevano questi viaggi non solo per motivi
religiosi, ma anche per ottenere prestigio personale, accumulare ricchezze
e liberare i luoghi santi dai musulmani. La Chiesa, dal canto suo, giocò
un ruolo cruciale, utilizzando la guerra santa come strumento per
consolidare il controllo sui traffici tra Oriente e Occidente e per
canalizzare le spinte millenariste che animavano la società dell'epoca.
<br />
<img class="imgGuerra" src="guerra_santa.jpg" />
<br />
Dal punto di vista musulmano, la guerra santa, o jihad, era concepita come
un dovere morale e spirituale, volto a difendere la propria fede e il
proprio Dio. Tuttavia, è importante sottolineare che il Corano non impone
la jihad come obbligo universale, ma la presenta come una lotta interiore
e, in alcuni casi, come una difesa necessaria contro le minacce esterne.
Questo concetto, spesso frainteso, ha avuto interpretazioni diverse nel
corso della storia, influenzando profondamente le relazioni tra le culture
e le religioni coinvolte.
<br />
In questo contesto, i pellegrinaggi e le crociate non furono solo eventi
religiosi, ma anche strumenti di potere politico ed economico, che
plasmarono il panorama geopolitico del Medioevo. La loro eredità continua
a essere oggetto di studio e dibattito, offrendo spunti per comprendere le
dinamiche di conflitto e cooperazione tra civiltà.
<br />
<br />
<br />
<center>Classe 3I2</center>
</div>
</body>
</html>

137
Gruppo6/Islam.html Normal file
View File

@@ -0,0 +1,137 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
<title>Islam</title>
<link id="favicon" rel="icon" href="../favicon2.png" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="Gruppo6.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">
<img class="moon" src="islam.png" />
Storia dell'Islam
<img class="cross" src="1stMalteseCross-removebg-preview.png" />
</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="index.html">Le notizie</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 />
Lislam è una religione concepita per sottomettere i musulmani alla
volonta' Di Allah. Maometto è colui che ha fondato lIslam e che ha
ricevuto le rivelazioni raccolte nel Corano, durò circa dal 570 al 632
d.C. dopo la sua morte lIslam era un po' in confusione e venivano guidati
dai califfi. I musulmani rimasero scioccati dallinvasione crociata nel
mondo arabo, che erano visti come dei barbari stranieri, non erano uniti
tra loro perché si erano create delle rivalità tra califfi di Baghdad e Il
Cairo che facilitarono ai vari emirati lavanzata crociata. Infatti alcuni
Musulmani preferirono allearsi con i crociati piuttosto che con altri del
loro popolo, dopo questi avvenimenti arrivarono due figure importanti
della storia dellIslam, Nur ad-Din e Saladino che si impegnarono a
riunificare una parte del mondo musulmano e a riconquistare Gerusalemme,
impresa che riuscì nel 1187 d.C. Tra i due quello più importante nella
storia dellIslam è stato Saladino, che ha portato molte conquiste
importanti, ma ha anche fatto subire una sconfitta ai musulmani, dovuta
dal suo comportamento poco deciso negli assedi di alcune città.
<br />
<img class="imgIslam" src="gerusalemme.jpeg" />
<br />
<br />
<br />
<center>Classe 3I2</center>
</div>
</body>
</html>

132
Gruppo6/T_Cri.html Normal file
View File

@@ -0,0 +1,132 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
<title>Islam</title>
<link id="favicon" rel="icon" href="../favicon2.png" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="Gruppo6.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">
<img class="moon" src="islam.png" />
Testimonianze Cristiane
<img class="cross" src="1stMalteseCross-removebg-preview.png" />
</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="index.html">Le notizie</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 />
Dopo le grandi conquiste del VII e VIII secolo il mondo islamico era molto
più avanzato dellOccidente cattolico ma appena i primi crociati mettono
piede in terra musulmana, la notizia corre come unonda in tutto il mondo
islamico.<br />
Cè anche una critica nel Corano verso la guerra santa dove si insiste
molto che essa deve essere fatta contro chi li aggredisce.<br />
In questo libro si racconta che gli ebrei erano stati governati dal
profeta Samuele.<br />
Quando Samuele si avvicina alla morte egli si rifiuta di fare il re e
porterà i loro figli in guerra, prenderà i loro buoi ma gli ebrei
ribatterono dicendo che loro volevano solo essere un popolo come gli
altri, governati da un re. Samuele andò poi da Dio e gli raccontò che gli
ebrei volevano un re a tutti i costi, Dio annui e Samuele designò Saul.
<br />
<br />
<br />
<center>Classe 3I2</center>
</div>
</body>
</html>

160
Gruppo6/T_Isl.html Normal file
View File

@@ -0,0 +1,160 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
<title>Islam</title>
<link id="favicon" rel="icon" href="../favicon2.png" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="Gruppo6.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">
<img class="moon" src="islam.png" />
Testimonianze Islamiche
<img class="cross" src="1stMalteseCross-removebg-preview.png" />
</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="index.html">Le notizie</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 />
Il concetto di jihad è legittimo e i commentatori sono daccordo che in
questo brano il concetto è certamente quello, ovvero quello della
legittimità della difesa.<br />
Nel Corano lidea della perdita dei territori è considerato uno scandalo
perché prima trionfava la vera fede per poi cadere in mano ai
miscredenti.<br />
Nei grandi imperi islamici del passato esisteva non una tolleranza ma una
disponibilità, ovvero che cristiani ed ebrei potevano viverci purché
riconoscessero la supremazia delle autorità islamiche.<br />
Maometto riprese la Bibbia che semplificò il fatto che per Samuele il
combattere al seguito del re sia giusto o no.<br />
Per Maometto invece, combattere i nemici di Dio era giusto, come egli
disse tante volte; lo disse ai profeti degli ebrei e ora anche a lui.<br />
<br />
<br />
<br />
<center>Classe 3I2</center>
</div>
</body>
</html>

BIN
Gruppo6/gerusalemme.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
Gruppo6/guerra_santa.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

BIN
Gruppo6/islam.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

5
Gruppo6/script.js Normal file
View File

@@ -0,0 +1,5 @@
window.addEventListener('load', () => {
document.getElementById('corpo').style.height = document.getElementById('contenuto').offsetHeight + "px";
});
//Da qui potete inserire tutto il layout della vostra pagina

115
Gruppo6/style.css Normal file
View File

@@ -0,0 +1,115 @@
@font-face {
font-family: canterbury;
src: url(Canterbury.ttf);
}
@font-face {
font-family: black-chancery;
src: url(BLKCHCRY.TTF);
}
html {
overflow-x: hidden;
background-image: url(sfondo.jpg);
background-repeat: no-repeat;
background-size: cover;
}
body {
margin-left: 10%;
margin-right: 10%;
}
#corpo {
padding: 4em;
box-shadow: 2px 3px 20px black, 0 0 60px #8a4d0f inset;
background: #fdf9bb;
filter: url(#invecchiamento);
}
#contenuto {
position: absolute;
font-size: 20pt;
font-family: black-chancery;
text-align: center;
top: 5px;
margin-left: 2%;
margin-right: 12%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: canterbury;
}
.titolo {
font-size: 50pt;
}
.navbar {
position: relative;
}
header {
position: relative;
}
nav {
background: #fdf9bb;
box-shadow: 2px 3px 20px black, 0 0 60px #c48e58 inset;
}
nav ul {
list-style-type: none;
padding: 0;
margin: 0;
}
nav ul>li {
display: inline-block;
position: relative;
}
nav a {
color: black;
text-decoration: none;
padding: 15px;
display: block;
}
nav a:hover {
box-shadow: 2px 3px 20px black, 0 0 60px #edb072 inset;
}
nav .dropdown {
max-height: 0;
overflow: hidden;
transition: max-height 1s ease;
}
nav li:hover>.dropdown,
nav li:focus>.dropdown {
max-height: 300px;
}
nav .dropdown {
position: absolute;
background: #fdf9bb;
box-shadow: 2px 3px 20px black, 0 0 60px #edb072 inset;
z-index: 1;
}
nav ul ul li {
white-space: nowrap;
}
/*Da qui potete inserire tutto il layout della vostra pagina*/

View File

@@ -84,7 +84,10 @@
<li> <li>
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a> <a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
<ul class="dropdown"> <ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li> <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> </ul>
</li> </li>
<li> <li>

View File

@@ -1,109 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
<title>Milites Christi</title><!--modifica-->
<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><!--modifica-->
<div class="navbar">
<header>
<center>
<nav>
<ul>
<li>
<a href="/" 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="presentazione.html">Presentazione</a></li>
<li><a href="presentazione.html">Presentazione</a></li>
<li><a href="presentazione.html">Presentazione</a></li>
<li><a href="presentazione.html">Presentazione</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 2</a>
<ul class="dropdown">
<li><a href="servizi.html">Servizi</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 3</a>
<ul class="dropdown">
<li><a href="index.html">Le notizie</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="calendario.html">Calendario scolastico</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</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 />
<!--Da qui potete inserire tutto il layout della vostra pagina-->
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mattis,
ex vulputate blandit pretium, erat lorem rhoncus nunc, vel malesuada magna
justo quis augue. Pellentesque et ornare neque, at porttitor metus.
Integer at ex nibh. Vestibulum pulvinar eleifend euismod. Maecenas mattis
mi non ullamcorper vehicula. Aenean nec enim et ligula porttitor aliquam.
Donec mattis leo urna, eget sodales eros vestibulum eu. Vestibulum ante
ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Nam posuere consectetur lorem, eu pulvinar dui vehicula at. Duis in mi at
enim fringilla imperdiet sit amet et odio. Cras tristique efficitur
tincidunt. Donec tincidunt nec nisi a lobortis. Integer at enim interdum,
euismod lectus sed, rutrum tortor. In hac habitasse platea dictumst.
Suspendisse vitae urna non velit dignissim consequat consectetur ut felis.
<!--Fine regione per la modifica-->
<br />
<br />
<br />
<center>Classe 3I2</center>
</div>
</body>
</html>