Modifica path immagini gruppo 6
@@ -26,11 +26,11 @@
|
||||
|
||||
<div id="contenuto">
|
||||
<h1 class="titolo">
|
||||
<img class="moon" src="islam.png" />
|
||||
<img class="moon" src="img/islam.png" />
|
||||
|
||||
Guerra Santa
|
||||
|
||||
<img class="cross" src="1stMalteseCross-removebg-preview.png" />
|
||||
<img class="cross" src="img/1stMalteseCross-removebg-preview.png" />
|
||||
</h1>
|
||||
|
||||
<div class="navbar">
|
||||
@@ -121,7 +121,7 @@
|
||||
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" />
|
||||
<img class="imgGuerra" src="img/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
|
||||
|
||||
@@ -26,11 +26,11 @@
|
||||
|
||||
<div id="contenuto">
|
||||
<h1 class="titolo">
|
||||
<img class="moon" src="islam.png" />
|
||||
<img class="moon" src="img/islam.png" />
|
||||
|
||||
Storia dell'Islam
|
||||
|
||||
<img class="cross" src="1stMalteseCross-removebg-preview.png" />
|
||||
<img class="cross" src="img/1stMalteseCross-removebg-preview.png" />
|
||||
</h1>
|
||||
|
||||
<div class="navbar">
|
||||
@@ -129,7 +129,7 @@
|
||||
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" />
|
||||
<img class="imgIslam" src="img/gerusalemme.jpeg" />
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
@@ -26,11 +26,11 @@
|
||||
|
||||
<div id="contenuto">
|
||||
<h1 class="titolo">
|
||||
<img class="moon" src="islam.png" />
|
||||
<img class="moon" src="img/islam.png" />
|
||||
|
||||
Testimonianze Cristiane
|
||||
|
||||
<img class="cross" src="1stMalteseCross-removebg-preview.png" />
|
||||
<img class="cross" src="img/1stMalteseCross-removebg-preview.png" />
|
||||
</h1>
|
||||
|
||||
<div class="navbar">
|
||||
|
||||
@@ -26,11 +26,11 @@
|
||||
|
||||
<div id="contenuto">
|
||||
<h1 class="titolo">
|
||||
<img class="moon" src="islam.png" />
|
||||
<img class="moon" src="img/islam.png" />
|
||||
|
||||
Testimonianze Islamiche
|
||||
|
||||
<img class="cross" src="1stMalteseCross-removebg-preview.png" />
|
||||
<img class="cross" src="img/1stMalteseCross-removebg-preview.png" />
|
||||
</h1>
|
||||
|
||||
<div class="navbar">
|
||||
|
||||
|
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 3.1 MiB After Width: | Height: | Size: 3.1 MiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
@@ -1,5 +0,0 @@
|
||||
window.addEventListener('load', () => {
|
||||
document.getElementById('corpo').style.height = document.getElementById('contenuto').offsetHeight + "px";
|
||||
});
|
||||
|
||||
//Da qui potete inserire tutto il layout della vostra pagina
|
||||
@@ -1,115 +0,0 @@
|
||||
@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*/
|
||||
|
||||
|
||||