Modifica path immagini gruppo 6
This commit is contained in:
La Programmatrice Verde
parent
b73fec1a12
commit
9bc5e8a8f5
@ -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*/
|
||||
|
||||
|
||||
@ -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