Modifica path immagini gruppo 6
This commit is contained in:
La Programmatrice Verde
parent
b73fec1a12
commit
9bc5e8a8f5
@ -26,11 +26,11 @@
|
|||||||
|
|
||||||
<div id="contenuto">
|
<div id="contenuto">
|
||||||
<h1 class="titolo">
|
<h1 class="titolo">
|
||||||
<img class="moon" src="islam.png" />
|
<img class="moon" src="img/islam.png" />
|
||||||
|
|
||||||
Guerra Santa
|
Guerra Santa
|
||||||
|
|
||||||
<img class="cross" src="1stMalteseCross-removebg-preview.png" />
|
<img class="cross" src="img/1stMalteseCross-removebg-preview.png" />
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
@ -121,7 +121,7 @@
|
|||||||
consolidare il controllo sui traffici tra Oriente e Occidente e per
|
consolidare il controllo sui traffici tra Oriente e Occidente e per
|
||||||
canalizzare le spinte millenariste che animavano la società dell'epoca.
|
canalizzare le spinte millenariste che animavano la società dell'epoca.
|
||||||
<br />
|
<br />
|
||||||
<img class="imgGuerra" src="guerra_santa.jpg" />
|
<img class="imgGuerra" src="img/guerra_santa.jpg" />
|
||||||
<br />
|
<br />
|
||||||
Dal punto di vista musulmano, la guerra santa, o jihad, era concepita come
|
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
|
un dovere morale e spirituale, volto a difendere la propria fede e il
|
||||||
|
|||||||
@ -26,11 +26,11 @@
|
|||||||
|
|
||||||
<div id="contenuto">
|
<div id="contenuto">
|
||||||
<h1 class="titolo">
|
<h1 class="titolo">
|
||||||
<img class="moon" src="islam.png" />
|
<img class="moon" src="img/islam.png" />
|
||||||
|
|
||||||
Storia dell'Islam
|
Storia dell'Islam
|
||||||
|
|
||||||
<img class="cross" src="1stMalteseCross-removebg-preview.png" />
|
<img class="cross" src="img/1stMalteseCross-removebg-preview.png" />
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
@ -129,7 +129,7 @@
|
|||||||
importanti, ma ha anche fatto subire una sconfitta ai musulmani, dovuta
|
importanti, ma ha anche fatto subire una sconfitta ai musulmani, dovuta
|
||||||
dal suo comportamento poco deciso negli assedi di alcune città.
|
dal suo comportamento poco deciso negli assedi di alcune città.
|
||||||
<br />
|
<br />
|
||||||
<img class="imgIslam" src="gerusalemme.jpeg" />
|
<img class="imgIslam" src="img/gerusalemme.jpeg" />
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
|
|||||||
@ -26,11 +26,11 @@
|
|||||||
|
|
||||||
<div id="contenuto">
|
<div id="contenuto">
|
||||||
<h1 class="titolo">
|
<h1 class="titolo">
|
||||||
<img class="moon" src="islam.png" />
|
<img class="moon" src="img/islam.png" />
|
||||||
|
|
||||||
Testimonianze Cristiane
|
Testimonianze Cristiane
|
||||||
|
|
||||||
<img class="cross" src="1stMalteseCross-removebg-preview.png" />
|
<img class="cross" src="img/1stMalteseCross-removebg-preview.png" />
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
|
|||||||
@ -26,11 +26,11 @@
|
|||||||
|
|
||||||
<div id="contenuto">
|
<div id="contenuto">
|
||||||
<h1 class="titolo">
|
<h1 class="titolo">
|
||||||
<img class="moon" src="islam.png" />
|
<img class="moon" src="img/islam.png" />
|
||||||
|
|
||||||
Testimonianze Islamiche
|
Testimonianze Islamiche
|
||||||
|
|
||||||
<img class="cross" src="1stMalteseCross-removebg-preview.png" />
|
<img class="cross" src="img/1stMalteseCross-removebg-preview.png" />
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<div class="navbar">
|
<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*/
|
|
||||||
|
|
||||||
|
|
||||||
@ -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>
|
|
||||||
Loading…
x
Reference in New Issue
Block a user