Stile finito?
This commit is contained in:
La Programmatrice Verde
parent
8af5a838e9
commit
153b7c04c2
@ -1,3 +1,5 @@
|
|||||||
- Creare la pagina preferibilmente divisa in più sezioni (Es.: per la prima crociata, si può dividere in `I personaggi`, `Gli avvenimenti`, `Le leggende`. Queste divisioni saranno le voci del menù nella navbar)
|
- Creare la pagina preferibilmente divisa in almeno 2 e al massimo 4 sezioni (Es.: per la prima crociata, si può dividere in `I personaggi`, `Gli avvenimenti`, `Le leggende`. Queste divisioni saranno le voci del menù nella navbar).
|
||||||
- Inventare un titolo da dare al lavoro che sia breve e coinciso, sarà mostrato sulla navbar
|
- Inventare un titolo da dare al lavoro che sia breve e coinciso, sarà mostrato sulla navbar
|
||||||
- Ogni sezione dovrà essere una cartella con un `index.html`
|
- Ogni sezione dovrà essere una cartella con un `index.html`
|
||||||
|
- **NON MODIFICARE LE ZONE NON MARCATE PER LA MODIFICA, E SOPRATTUTTO NON INSERIRE ELEMENTI AL DI FUORI DELLA CLASSE CONTENUTO**
|
||||||
|
- La navbar la modificherò io
|
||||||
BIN
favicon2.png
Normal file
BIN
favicon2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 243 KiB |
322
index.html
322
index.html
@ -1,244 +1,98 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="content-type" content="text/html" charset="utf-8">
|
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
|
||||||
<title>Le Crociate</title>
|
<title>Milites Christi</title>
|
||||||
<link id="favicon" rel="icon" href="/img/favicons/network.ico">
|
<link id="favicon" rel="icon" href="/favicon2.png" />
|
||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="/style.css" />
|
||||||
<script src="script.js"></script>
|
<script src="/script.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="corpo">
|
<div id="corpo">
|
||||||
|
<svg>
|
||||||
<h1 class="titolo"><center>Milites Christi</center></h1>
|
<filter id="invecchiamento">
|
||||||
<div class="navbar">
|
<feTurbulence
|
||||||
|
x="0"
|
||||||
<header>
|
y="0"
|
||||||
|
baseFrequency="0.02"
|
||||||
<nav>
|
numOctaves="5"
|
||||||
<ul>
|
seed="1"
|
||||||
<li>
|
></feTurbulence>
|
||||||
<a href="/" class="nav-item" tabindex="0">Home</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" class="nav-item" tabindex="0">Guerra santa o pellegrinaggio?</a>
|
|
||||||
<ul class="dropdown">
|
|
||||||
<li><a href="presentazione.html">Presentazione</a></li>
|
|
||||||
<li><a href="luoghi.html">I luoghi</a></li>
|
|
||||||
<li><a href="persone.html">Le persone</a></li>
|
|
||||||
<li><a href="storia.html">La storia</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" class="nav-item">La prima crociata</a>
|
|
||||||
<ul class="dropdown">
|
|
||||||
<li><a href="servizi.html">Servizi</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" class="nav-item">La crociata di Riccardo Cuor di Leon: tra storia e leggenda</a>
|
|
||||||
<ul class="dropdown">
|
|
||||||
<li><a href="index.html">Le notizie</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" class="nav-item">Francesco d'Assisi e le crociate di Federico II</a>
|
|
||||||
<ul class="dropdown">
|
|
||||||
<li><a href="orientamento.html">Orientamento</a></li>
|
|
||||||
<li><a href="accoglienza.html">Accoglienza</a></li>
|
|
||||||
<li><a href="preparazione_test.html">Preparazione test universitari</a></li>
|
|
||||||
<li><a href="centro_sportivo.html">Centro Sportivo</a></li>
|
|
||||||
<li><a href="placement.html">Placement</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" class="nav-item">La crociata dei pezzenti e degli albigesi</a>
|
|
||||||
<ul class="dropdown">
|
|
||||||
<li><a href="calendario.html">Calendario scolastico</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" class="nav-item" tabindex="0">Storia del'Islam: occidente vs oriente</a>
|
|
||||||
<ul class="dropdown">
|
|
||||||
<li><a href="presentazione.html">Presentazione</a></li>
|
|
||||||
<li><a href="luoghi.html">I luoghi</a></li>
|
|
||||||
<li><a href="persone.html">Le persone</a></li>
|
|
||||||
<li><a href="storia.html">La storia</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#" class="nav-item" tabindex="0">I cavalieri templari e la leggenda del Graal</a>
|
|
||||||
<ul class="dropdown">
|
|
||||||
<li><a href="presentazione.html">Presentazione</a></li>
|
|
||||||
<li><a href="luoghi.html">I luoghi</a></li>
|
|
||||||
<li><a href="persone.html">Le persone</a></li>
|
|
||||||
<li><a href="storia.html">La storia</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</center>
|
|
||||||
</header>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="contenuto">
|
|
||||||
|
|
||||||
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.
|
|
||||||
|
|
||||||
Mauris eget gravida ante, a varius libero. Nullam pulvinar felis vitae interdum porta. Duis ultrices elit ac ipsum porttitor tincidunt. Quisque luctus congue consequat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla lobortis dui ligula, ut dapibus erat imperdiet eget. Aliquam in justo a lorem gravida tempus eu et dui. Cras porta tellus eu massa pulvinar accumsan. Aenean et pretium mauris, a tristique dolor. Mauris a suscipit eros. Donec velit nisl, accumsan vitae lobortis a, ornare quis lorem. Sed vitae sapien vitae nisi consequat commodo. Nullam egestas pretium est, ac faucibus nunc posuere ac. Nulla condimentum laoreet augue, eu fringilla purus rutrum quis.
|
|
||||||
|
|
||||||
Nunc suscipit quam lacinia, sollicitudin dui a, sodales odio. Ut iaculis, odio vitae mattis aliquet, dolor risus iaculis risus, finibus bibendum lectus felis at leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam semper velit sit amet elementum consequat. Curabitur at mauris ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus blandit mauris ac sapien ullamcorper, nec aliquet lectus feugiat. Sed fringilla, erat at gravida eleifend, orci mi dapibus odio, id semper nibh purus vel felis. Proin id erat sem. Nullam maximus lacus nec mattis vulputate. Donec maximus, velit et vehicula mattis, odio nulla elementum nunc, eget porta neque tellus eget nibh. Maecenas suscipit ac sapien tincidunt dictum. Maecenas vitae quam mauris. Duis pharetra turpis eu est cursus sodales. Etiam dictum imperdiet quam. Nulla facilisi.
|
|
||||||
|
|
||||||
Nulla pellentesque venenatis velit, id fringilla ante faucibus in. Etiam consectetur lorem eget tincidunt commodo. Nam vehicula mollis lacus, eget bibendum arcu dapibus nec. Curabitur at ex imperdiet, porttitor sapien at, mattis arcu. Vestibulum posuere mauris mauris, imperdiet blandit urna placerat sed. Curabitur porta enim luctus enim blandit, id viverra magna tempor. Fusce efficitur elit quis nulla accumsan, in semper lacus elementum. Sed quis iaculis tellus. Proin commodo tincidunt ligula, ac laoreet libero tristique eget. Morbi sed nibh congue, commodo est vitae, blandit nisi. Etiam et faucibus arcu.
|
|
||||||
|
|
||||||
Aenean bibendum tincidunt nibh, at bibendum dui sagittis sed. Aliquam sit amet eros vitae metus pharetra euismod non eget orci. Sed sagittis elit non porttitor scelerisque. Suspendisse sit amet placerat turpis, rhoncus gravida leo. Sed vehicula, mauris vitae euismod dapibus, libero erat vehicula libero, id faucibus nisl tortor in arcu. Aenean non nunc sed felis euismod laoreet. Donec vel arcu sit amet ex fringilla accumsan ut at est. Proin non ullamcorper elit, vel tristique risus. Donec dui magna, interdum id lorem nec, ornare fringilla enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam sollicitudin elit risus. Sed pharetra eget felis vitae placerat. Maecenas semper mauris non metus fermentum auctor.
|
|
||||||
|
|
||||||
Maecenas euismod porttitor molestie. Vestibulum et purus a quam dignissim commodo in et eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam sit amet nisi placerat, blandit augue at, elementum nisl. Pellentesque mauris orci, euismod et nunc vitae, molestie luctus massa. Pellentesque vulputate mattis quam, vel laoreet quam sagittis nec. Aenean ex est, hendrerit ac mauris et, rhoncus hendrerit magna. Duis id faucibus leo, ac dignissim mi. Curabitur consequat arcu mattis lacus hendrerit convallis. In quam eros, tempor ultrices quam in, suscipit tempus leo. Mauris ornare tellus a lectus aliquam, vitae dapibus lorem maximus. Aliquam hendrerit finibus lacus non sagittis. Donec rhoncus blandit nisl, quis dignissim ante rutrum a. Nullam vitae mollis ipsum. Sed volutpat lectus sollicitudin velit imperdiet interdum. Quisque lobortis, elit at elementum pellentesque, erat purus finibus tellus, placerat euismod magna purus in orci.
|
|
||||||
|
|
||||||
Etiam consectetur a purus ac aliquet. Quisque pharetra vel augue nec pretium. Curabitur laoreet mi odio, sit amet lacinia velit rhoncus eget. Donec a purus aliquam, elementum tortor in, convallis odio. Aenean porta tempor nisl quis elementum. Proin id auctor odio. Sed dictum risus nec cursus fringilla. Praesent tincidunt eros quam, ac tincidunt neque accumsan id.
|
|
||||||
|
|
||||||
Etiam in molestie tortor. Phasellus lorem tellus, tempus sit amet tortor nec, mollis ornare ligula. Fusce sit amet egestas nisi. Nunc id sem at nibh pretium placerat. Proin lobortis suscipit tincidunt. Pellentesque congue egestas urna, sit amet tristique urna elementum vel. Cras porta pulvinar massa luctus tincidunt. Vestibulum lobortis leo nec libero mattis mattis. Mauris mi metus, sodales sed suscipit et, sodales nec dui. Curabitur bibendum odio quis enim rutrum hendrerit.
|
|
||||||
|
|
||||||
Maecenas quam nibh, tincidunt id dictum vel, posuere id turpis. Integer porttitor est felis, quis pellentesque tellus dignissim eget. Ut convallis accumsan tortor ut tempus. Quisque eget venenatis nisi. Nullam neque nisi, molestie ac orci vitae, cursus cursus leo. Aliquam a ligula ut massa efficitur tempor. Ut accumsan vel augue in tempor. Quisque lobortis nisl eget aliquam laoreet. Curabitur egestas posuere tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
|
|
||||||
|
|
||||||
Nam sollicitudin tempor dui tempor rutrum. Curabitur sed dignissim felis. Aenean eu ex gravida, rutrum sapien rhoncus, fringilla nisi. Aliquam auctor vestibulum lorem ac rutrum. Vestibulum euismod justo non arcu feugiat hendrerit. Vivamus id faucibus risus. Nullam ac dapibus dolor. Suspendisse posuere odio nisl, quis varius ligula fringilla sed.
|
|
||||||
|
|
||||||
Vestibulum vel lorem erat. Nam ultricies lectus eget nisi tristique, at luctus felis molestie. Nulla placerat imperdiet neque a malesuada. Quisque viverra tincidunt mauris eget sollicitudin. Sed ac diam varius, facilisis purus vel, iaculis felis. In lacinia enim a augue feugiat malesuada. Nam non accumsan erat, sit amet cursus massa. Nam lobortis id leo non dapibus. Pellentesque nec erat magna. Nulla lacinia sapien vitae ex ultricies, auctor congue quam egestas. Curabitur eu massa eleifend, ultricies orci quis, vehicula nisi. In risus sapien, venenatis a mollis a, pretium et urna. Sed ac diam dapibus magna tempus feugiat sed vel leo. Duis vulputate nibh urna, sit amet tempor arcu tempus vitae. Nullam id ipsum sem.
|
|
||||||
|
|
||||||
Integer porttitor iaculis neque sodales interdum. Nulla facilisi. Proin ut libero sed orci mollis pharetra vel non elit. Nullam accumsan arcu urna, vel mollis leo aliquet vel. Mauris vel turpis nunc. Vivamus bibendum, felis non dictum commodo, dolor sem tincidunt sapien, vel tempor magna lacus eu mauris. Pellentesque id pretium lacus. Suspendisse euismod tortor euismod tempor varius. In eget aliquam urna. Etiam hendrerit pulvinar elit a efficitur. Sed quis tortor nulla. Ut et lectus sit amet nibh elementum interdum. Nullam consectetur sollicitudin est, in interdum mauris mollis in. Praesent euismod purus mauris, vel sodales nunc scelerisque vitae.
|
|
||||||
|
|
||||||
Suspendisse auctor nisl nec felis consequat elementum. Etiam lacinia tempor tempor. Nam tempor lectus sed ante feugiat rutrum. In urna arcu, elementum et odio sed, viverra pharetra libero. Nullam et porttitor sapien. Pellentesque dictum est non ante porttitor molestie. Donec et vulputate augue, ac pellentesque nulla. Praesent in metus vitae ligula dapibus consequat.
|
|
||||||
|
|
||||||
Nullam eget nulla ornare eros ornare ornare. In bibendum erat eros, non faucibus massa scelerisque nec. Suspendisse consequat nunc at molestie porta. Integer bibendum tortor ut mollis congue. Curabitur imperdiet ante in nunc maximus, vel lacinia quam vehicula. Duis nunc turpis, porttitor at mattis eu, tincidunt tristique quam. Morbi mauris nulla, facilisis aliquam ipsum ut, pulvinar porta mi. Suspendisse congue, mauris vel gravida consequat, erat ipsum maximus massa, sollicitudin sagittis elit tortor ut arcu. Sed velit quam, tincidunt ac purus eu, accumsan semper augue. Cras ac placerat odio. Nunc placerat odio a diam venenatis, sit amet bibendum arcu euismod.
|
|
||||||
|
|
||||||
Sed vitae arcu quam. Aenean nec orci posuere ex vestibulum porta. Proin pulvinar neque neque, sed sagittis magna pellentesque vitae. Vestibulum venenatis gravida leo sit amet iaculis. Vivamus sagittis eget est ut egestas. Nulla dictum convallis interdum. Aenean elementum ac metus non efficitur. Suspendisse potenti. Suspendisse fermentum nisl vel turpis tristique, consectetur tristique nisi consequat. Sed condimentum ullamcorper augue, vel auctor nisl porta nec. Sed sagittis ornare quam. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam in gravida diam, eget luctus nunc.
|
|
||||||
|
|
||||||
Etiam imperdiet lacus at volutpat aliquet. Etiam congue, nisl eget varius commodo, nisl tellus hendrerit nibh, ut convallis lacus libero facilisis augue. Morbi commodo arcu vel nibh placerat, ac tempus leo iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultricies tristique risus, ut suscipit nibh lobortis aliquet. Proin porttitor eget metus ac consectetur. Donec ornare magna at tellus porta egestas. Nulla laoreet ipsum in placerat consequat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque eleifend nibh libero, sed hendrerit sem malesuada id. In commodo velit nec tincidunt porta. Duis accumsan, magna sed feugiat ultricies, metus ante auctor risus, et posuere neque arcu quis magna. Donec non mattis neque. Etiam cursus auctor placerat. Vivamus pulvinar hendrerit consequat. Vivamus sagittis vel elit in vehicula.
|
|
||||||
|
|
||||||
Nunc eu ante metus. Nullam ullamcorper ut mauris ac dapibus. Donec consectetur congue lacus, eu congue lorem lacinia a. Morbi non erat elit. Morbi sit amet volutpat nibh. Proin vehicula mi viverra quam ornare fermentum at vitae ex. In leo ligula, efficitur eget placerat in, luctus placerat enim. Sed feugiat sapien tellus, a vulputate velit pretium nec. Vivamus faucibus lorem nisl, quis interdum ligula rhoncus eu. Sed interdum, ipsum at placerat ullamcorper, libero tortor elementum libero, ut iaculis velit augue a quam. Pellentesque sollicitudin rutrum turpis et volutpat. Sed id risus interdum, accumsan erat non, pulvinar orci. In libero orci, rutrum non placerat sit amet, convallis id turpis. Sed iaculis iaculis magna. Praesent viverra eu nisi semper ullamcorper. Ut id feugiat dui.
|
|
||||||
|
|
||||||
Vestibulum cursus velit quis nulla finibus sagittis. Phasellus massa erat, efficitur sed lacus quis, mollis bibendum orci. Donec quis iaculis dui. Cras lobortis accumsan posuere. Fusce consequat convallis urna, id efficitur enim feugiat vel. In ac nulla pretium purus sollicitudin vestibulum eu sit amet metus. Curabitur elit elit, mollis a magna et, laoreet vestibulum orci. Donec eget pulvinar urna. Nam eget posuere elit, eget fermentum mauris. Nullam felis est, aliquet ut mi at, tincidunt mattis risus.
|
|
||||||
|
|
||||||
Nulla odio mauris, suscipit id orci in, laoreet sagittis erat. Donec convallis libero scelerisque, scelerisque lorem ut, pretium ipsum. Nullam tristique risus quis ultricies elementum. Integer porta porttitor felis, non finibus mi condimentum ut. Donec pharetra porta metus, ut venenatis tellus vehicula sed. Aenean rutrum mi pellentesque sapien viverra, in laoreet sem ornare. Maecenas eu condimentum nisi. Donec a volutpat nisi. Nam ullamcorper porta rutrum. Vestibulum sed aliquet mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
||||||
|
|
||||||
Phasellus ultricies fermentum lectus at dictum. Proin maximus mollis nulla, eu consequat risus vulputate eu. Integer at blandit nibh. Fusce vulputate neque et condimentum varius. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et augue vel turpis condimentum fermentum eu non ligula. Fusce nec felis accumsan, mattis arcu sit amet, maximus magna. Donec tincidunt ipsum ut lorem accumsan volutpat. Morbi pharetra tortor ante, sit amet gravida mi feugiat in. Suspendisse feugiat mauris pellentesque ex pretium, quis scelerisque risus venenatis. Aenean non justo vel turpis faucibus tincidunt. Etiam eget tincidunt elit, eget pellentesque lacus. Aliquam vestibulum hendrerit tempor.
|
|
||||||
|
|
||||||
Nam et mollis nunc. Morbi a mi in magna laoreet finibus. Sed ac leo id massa vulputate bibendum sit amet ac augue. Duis feugiat, nibh a molestie commodo, sem nisi condimentum neque, aliquam venenatis mauris metus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis tristique arcu a dictum. Suspendisse sed porta risus. Phasellus at ultrices lacus. Nulla facilisi. Suspendisse pellentesque eros id enim semper, id mollis massa fringilla. Phasellus et sem in velit facilisis mattis. Donec tempor orci et arcu ultrices gravida. Donec suscipit sapien quis vestibulum vulputate. Etiam volutpat, turpis id lacinia auctor, mi nibh facilisis mauris, in suscipit sapien ante ut lorem. Aliquam mollis ipsum felis, eget elementum mauris condimentum vitae.
|
|
||||||
|
|
||||||
Phasellus scelerisque convallis lectus, sed malesuada leo lacinia dignissim. Mauris lobortis nisl sit amet sem vestibulum tincidunt id id lorem. Donec porttitor turpis vel erat semper posuere. Duis lacinia eu augue at pretium. Donec gravida fermentum tincidunt. Phasellus sagittis, enim in aliquet mollis, nisi lacus vehicula enim, vitae mattis nisi dolor id enim. Etiam condimentum, ex eu aliquam faucibus, odio ante sagittis ex, non convallis diam ex a erat. Ut massa enim, imperdiet eu vehicula a, fermentum at nisi. Curabitur vehicula sapien vel eleifend venenatis. Morbi at elementum leo. Praesent justo neque, porttitor at odio ut, scelerisque tristique nunc. Pellentesque vel nibh ut lacus sagittis ultrices. Nunc mollis nulla enim, ac elementum mi lacinia quis. Praesent tempus lacus et erat suscipit, vel egestas tortor tristique. Maecenas consectetur lectus commodo lorem pulvinar rutrum.
|
|
||||||
|
|
||||||
Suspendisse nec ipsum eu elit iaculis tincidunt id sed risus. Vestibulum ipsum risus, ornare sit amet tristique eu, tristique eu dolor. Etiam vitae justo nec ante volutpat maximus at id eros. Suspendisse eu turpis eleifend, egestas tellus sed, rhoncus nisi. Maecenas feugiat tincidunt elit sit amet pulvinar. Quisque consequat ipsum ac erat vestibulum, vel semper lectus maximus. Sed varius nulla et ipsum maximus aliquet.
|
|
||||||
|
|
||||||
In non justo sed nibh pulvinar congue in vel dolor. Curabitur nec ligula lectus. Etiam pellentesque rhoncus elit condimentum feugiat. Quisque sed laoreet sapien. Aenean dignissim dignissim vulputate. Suspendisse ut vulputate orci. Vestibulum massa diam, viverra tincidunt lectus in, pharetra scelerisque lorem. Nulla aliquet a ex et hendrerit. Vestibulum at fermentum arcu, eu porta enim. Nam elementum mi id sodales laoreet. Suspendisse gravida nec nunc a eleifend. Sed diam mi, efficitur at suscipit at, convallis vel mauris. Aliquam malesuada eleifend sapien a eleifend. Aenean semper at massa non blandit. Nulla vitae ante non ligula fringilla pellentesque. Curabitur quam arcu, aliquet vel convallis quis, condimentum non lectus.
|
|
||||||
|
|
||||||
Duis ipsum arcu, gravida in nulla nec, congue luctus lacus. Nullam sollicitudin tortor faucibus tempus dapibus. Pellentesque a convallis nibh. Proin nec neque eros. Phasellus convallis eu arcu et volutpat. Etiam ornare nisi velit, eu mollis nibh vehicula vitae. Praesent pharetra tellus sed molestie lobortis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam vel eros et quam accumsan fermentum eget in lacus. Pellentesque sollicitudin, eros in egestas mollis, quam arcu efficitur nunc, vitae pharetra est diam sit amet nibh. Maecenas arcu quam, volutpat at elit in, interdum efficitur nisi. Cras pellentesque odio eu pulvinar ornare. Nulla in quam commodo, mollis diam at, dignissim ante. Donec velit justo, commodo eget vehicula ac, mollis facilisis nibh. Pellentesque a mollis ipsum.
|
|
||||||
|
|
||||||
Suspendisse malesuada lectus dignissim lectus sagittis rhoncus. Maecenas odio nulla, aliquam sed urna eget, suscipit accumsan est. In hac habitasse platea dictumst. In euismod et sem at aliquet. Aenean velit risus, porta placerat massa sed, dignissim vehicula dui. Aliquam bibendum elit eu velit molestie interdum. Mauris eu elit imperdiet, imperdiet ex id, mattis justo. Donec turpis dui, condimentum non mi non, sagittis aliquet risus. Ut sit amet tellus leo. In hac habitasse platea dictumst. Nunc sollicitudin aliquet justo vitae tempor. Aenean malesuada pulvinar sodales. Integer quis gravida risus, at lobortis nibh. Maecenas et dignissim augue.
|
|
||||||
|
|
||||||
Aenean dictum ex orci, a dictum sapien tincidunt ac. Pellentesque neque tortor, laoreet iaculis urna et, auctor sollicitudin purus. Morbi suscipit orci feugiat est semper, sit amet scelerisque sapien tristique. Morbi pellentesque dolor orci, in dignissim ipsum blandit ac. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean sollicitudin vestibulum pulvinar. Aenean ac placerat orci. Sed eget lectus scelerisque, imperdiet ipsum quis, posuere lacus. Aenean vitae sem enim.
|
|
||||||
|
|
||||||
Ut non est ut justo dignissim consequat a et arcu. Aenean nisl purus, dapibus egestas diam eu, congue aliquet lectus. Proin iaculis erat erat, at accumsan metus iaculis vel. Ut id blandit leo. Donec ac facilisis odio, eget rhoncus nisl. Duis varius lobortis vestibulum. Nulla facilisi. Nam elit nunc, pulvinar vel pharetra non, pellentesque vel nunc. Etiam nec tellus lectus. Cras gravida mollis mauris, nec aliquet eros pulvinar sit amet. Quisque ut nunc ante. Praesent porttitor lectus eu risus eleifend mattis. Integer pulvinar est nec placerat molestie. Vestibulum at ex ac eros semper pharetra.
|
|
||||||
|
|
||||||
Fusce orci lectus, blandit in enim vitae, ultricies facilisis dui. Pellentesque interdum nulla et ornare auctor. Praesent at nibh in tellus rhoncus auctor. Integer ligula sem, vehicula a tempor nec, ultricies eu risus. Praesent in finibus lectus. Fusce congue felis quis venenatis fringilla. Cras pretium tortor risus, et pellentesque justo bibendum ac. Proin fermentum laoreet laoreet. Aliquam non diam ut magna tempus consectetur eget ac orci. Integer interdum diam est, a luctus justo feugiat sed.
|
|
||||||
|
|
||||||
Cras eleifend dictum ante, vitae maximus ex ornare porttitor. Maecenas quam orci, tincidunt non orci at, accumsan interdum mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis maximus sit amet ante eget euismod. Praesent tellus massa, laoreet ut tortor a, commodo aliquet arcu. Aenean ullamcorper vel turpis non ultrices. Sed eget arcu lacinia, laoreet tellus sed, elementum lacus. Quisque vitae mi magna. Phasellus quis convallis nulla, nec finibus lectus. Vivamus malesuada at lorem quis blandit. Donec nec odio condimentum, sollicitudin orci sed, laoreet ex. Sed a quam in nisl interdum facilisis. Donec vitae porta arcu, vitae tincidunt ante. Maecenas ac hendrerit nulla, eu fermentum est.
|
|
||||||
|
|
||||||
Donec sit amet arcu auctor, efficitur arcu id, vestibulum augue. Aenean fermentum urna eget ullamcorper lobortis. Integer laoreet accumsan erat sed lacinia. Integer dignissim tempus ante eu mollis. Proin dolor libero, commodo auctor convallis ut, volutpat non ex. Sed dapibus tellus sed odio imperdiet tincidunt. Curabitur erat dolor, dictum ac nisl a, molestie fringilla justo. Duis pulvinar volutpat suscipit. Integer faucibus congue eros, vel vehicula felis porta ac. Mauris consectetur magna vel finibus mattis.
|
|
||||||
|
|
||||||
Quisque iaculis leo nec malesuada tincidunt. Maecenas vel pharetra lorem. Morbi tincidunt odio non ipsum lacinia hendrerit. Etiam nisl odio, cursus aliquam vulputate ut, tempus eget erat. Suspendisse in lectus et purus luctus dapibus. In ut congue leo. Mauris ullamcorper elit et iaculis auctor. Morbi a porta dui. Nunc et finibus ante.
|
|
||||||
|
|
||||||
Donec sit amet venenatis tortor, non dictum quam. In nisl nibh, fermentum id placerat at, cursus eu erat. Nulla facilisi. Suspendisse et convallis ligula, sit amet posuere ante. Etiam congue tellus id lorem vulputate finibus. Quisque id bibendum odio, vel suscipit diam. Nunc a nisl eget lectus bibendum interdum a in orci. Proin efficitur luctus eros ac pulvinar. Donec id purus eu massa tempus egestas. In molestie urna nec rhoncus imperdiet. Proin risus eros, viverra nec ligula gravida, laoreet ultrices leo. Pellentesque consectetur et nulla id interdum. Donec at pulvinar felis. Suspendisse et ipsum volutpat, mollis nisi in, euismod ipsum.
|
|
||||||
|
|
||||||
Donec viverra, quam eget pulvinar aliquam, tellus leo faucibus dolor, a feugiat leo nunc sed mauris. Maecenas non risus sed lectus lobortis venenatis. Vivamus ullamcorper tempor dapibus. Maecenas non massa sed diam dapibus tempus. Nulla facilisi. Phasellus sagittis bibendum lacinia. In hac habitasse platea dictumst. Phasellus commodo metus ac ex maximus sodales. Fusce eget elit sollicitudin, condimentum quam et, porttitor nisl. Integer ultricies nibh non fermentum euismod. Vestibulum convallis placerat mi fringilla sollicitudin. In semper neque at lorem iaculis, ultricies euismod ante feugiat.
|
|
||||||
|
|
||||||
Mauris fermentum est quis dictum blandit. Phasellus ullamcorper varius massa a mattis. Nullam in consectetur orci. Nulla turpis nulla, lacinia eu vestibulum sed, consequat finibus tortor. Maecenas in aliquam ipsum. Vestibulum mollis imperdiet mattis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vestibulum fermentum ornare purus eget aliquam. Phasellus interdum ex in lobortis dapibus. Integer at sapien ac turpis porta egestas. Nulla cursus consequat sem, congue molestie velit feugiat ac. Maecenas ac lectus non dui molestie tincidunt. Curabitur suscipit bibendum erat non ultricies. Maecenas vitae diam condimentum, euismod neque ut, fermentum velit.
|
|
||||||
|
|
||||||
Phasellus eget magna lacus. Aenean nisi felis, imperdiet sit amet accumsan eget, suscipit non leo. Maecenas finibus augue sed lorem commodo, vitae tempus odio euismod. Cras neque erat, rhoncus in nulla vitae, facilisis venenatis risus. Vivamus finibus vestibulum tristique. Integer iaculis id lacus pellentesque imperdiet. Etiam volutpat tristique sem, vitae bibendum mauris facilisis et. Integer scelerisque dui velit, finibus pellentesque tortor pulvinar auctor. Sed sed tellus at lectus ornare tempus sed pharetra mauris. Morbi faucibus sapien in finibus mattis. Quisque ut sapien metus. Ut vitae felis vel diam scelerisque euismod.
|
|
||||||
|
|
||||||
Phasellus euismod enim in velit placerat, eget egestas arcu vestibulum. Sed eu tincidunt orci. Nam lectus nibh, tempus iaculis blandit bibendum, sagittis sit amet eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque blandit mauris eu massa tempus, et lacinia erat volutpat. Nunc id gravida neque, id tempor augue. Nullam ac augue vel justo dictum interdum eu at leo. Phasellus tempus sagittis convallis. Quisque ultricies consequat tellus et iaculis. Nullam porta, mauris eget posuere ullamcorper, leo elit dignissim odio, sit amet scelerisque nunc nisl vitae nibh. Nam ac quam et dui mollis suscipit tincidunt at sem. Sed urna dui, iaculis ultrices efficitur et, vulputate nec ipsum. Ut porttitor dapibus nisi, vitae semper justo gravida sed. Proin sem erat, ultrices sit amet congue non, molestie eget orci.
|
|
||||||
|
|
||||||
In quis consectetur risus, ac facilisis tellus. Vivamus in cursus urna, id pulvinar ligula. Sed nec sagittis libero, sed consequat felis. Vivamus vestibulum accumsan viverra. Quisque eu rhoncus metus, vel dictum quam. Integer est ante, laoreet sit amet massa vitae, tempus tempus lacus. Sed non feugiat mi, a convallis ex.
|
|
||||||
|
|
||||||
Sed euismod urna vitae nulla pretium, sed pellentesque lorem dignissim. Vivamus odio ligula, lacinia non magna et, vestibulum faucibus erat. Donec dignissim euismod erat, eu mattis mauris finibus id. Duis rutrum nunc et justo pharetra iaculis. Integer aliquam egestas justo sed ornare. Morbi quis quam lorem. Quisque hendrerit arcu vitae arcu ultricies, laoreet posuere massa laoreet. Ut ut ultrices magna. Fusce porta lacus vitae dignissim congue. Etiam euismod nulla et tempus consequat. Maecenas sit amet felis ac ligula rhoncus molestie eu et lorem. Quisque sed metus quam. Etiam in posuere ipsum, gravida mattis felis.
|
|
||||||
|
|
||||||
Praesent nec consectetur nisi. Morbi aliquet, felis eu placerat feugiat, tortor ex malesuada ipsum, et eleifend sem nibh non quam. Sed non gravida massa. Nunc eu venenatis tortor, et imperdiet ante. Nulla rhoncus malesuada ipsum. Phasellus malesuada aliquam nisi, vel blandit tellus blandit vitae. Phasellus scelerisque, ipsum porttitor porta convallis, mi diam suscipit libero, quis tempor felis orci sit amet nisl. Donec viverra nisi at luctus porta. Nam ornare erat nunc, nec rhoncus libero volutpat nec. Duis et eros blandit, tempus nisl eu, ullamcorper ante. Phasellus sit amet ligula finibus, sollicitudin orci vel, cursus elit.
|
|
||||||
|
|
||||||
Ut eget tellus sit amet magna commodo convallis. In et metus sed est facilisis congue sit amet non nibh. Nunc accumsan eu purus ultricies ultrices. Vestibulum ac dui sagittis, dictum est at, volutpat risus. Etiam consectetur, mauris eget sagittis pellentesque, nisi arcu lobortis dui, in tempus ex lectus et nunc. Mauris sagittis, urna a suscipit scelerisque, nisi risus eleifend est, at sollicitudin lorem quam volutpat est. Quisque id turpis lorem. Aliquam metus dui, tempor quis imperdiet in, scelerisque sed enim. Pellentesque a purus sed elit dictum aliquam. In a semper velit. Fusce rutrum porttitor eros, ac venenatis ipsum hendrerit eu. Nunc vitae neque vel erat venenatis tempus. Pellentesque eu augue sagittis, vehicula turpis sit amet, accumsan quam. Integer vestibulum, nibh non tempor pretium, mi diam accumsan mauris, eget volutpat nisl turpis rhoncus erat.
|
|
||||||
|
|
||||||
Mauris tempor neque id metus posuere volutpat. Mauris diam urna, gravida sit amet malesuada a, dapibus eu magna. Sed suscipit sed lacus a condimentum. Suspendisse sed mi sit amet eros pretium tempor eu eget ante. Maecenas tincidunt ligula quis metus efficitur blandit. Ut in ligula commodo, rutrum nunc sollicitudin, gravida neque. Proin sollicitudin mi ut leo facilisis sollicitudin. Suspendisse potenti. Proin nec sem tincidunt, blandit tellus id, vestibulum ante. Donec eget pellentesque enim. Praesent id ultricies tellus, in semper purus.
|
|
||||||
|
|
||||||
Nunc purus massa, tincidunt non accumsan eu, vulputate sit amet ex. Vivamus in elit mi. Fusce lobortis, risus ac ornare finibus, mauris velit laoreet lacus, quis cursus sem lorem sed felis. Aenean nec bibendum nunc. Donec condimentum dui cursus magna pharetra bibendum. Ut eget venenatis dui. In elementum tellus varius justo condimentum sodales. Aliquam elementum mauris vel enim euismod consectetur.
|
|
||||||
|
|
||||||
Nunc mattis, ex eget suscipit gravida, nisi felis porttitor urna, id luctus lacus neque non magna. Etiam ac auctor ante, at mollis sem. Cras mauris lorem, fermentum at nulla ac, placerat dapibus tellus. Duis euismod est sed purus volutpat, sed varius leo mollis. Vestibulum eu lorem eget felis scelerisque suscipit. Mauris imperdiet mi eu metus efficitur rhoncus. Morbi arcu orci, maximus nec ultrices non, vestibulum vitae ligula. Nullam iaculis nibh quis venenatis molestie. Mauris convallis lobortis elit, sit amet ultrices enim lobortis eu.
|
|
||||||
|
|
||||||
Sed auctor a quam at dignissim. Nunc congue eleifend erat. Nam metus diam, egestas at varius ut, tristique ac nulla. Mauris sit amet arcu metus. Aenean consequat, nisi vel tincidunt congue, massa elit vehicula nunc, eget ornare turpis nisl sed ante. Nullam accumsan, sapien vitae bibendum consectetur, diam ante tempor eros, at feugiat purus ante et augue. Quisque pretium mi eu eros sagittis, at sollicitudin mauris molestie. Sed nunc lorem, feugiat ut tincidunt auctor, sagittis egestas nisl. Morbi nisi erat, finibus id ante vel, porta ultrices enim. Morbi eros neque, faucibus in lobortis ac, imperdiet eget lacus. Etiam condimentum finibus fringilla.
|
|
||||||
|
|
||||||
Sed at risus consequat, lobortis dolor vitae, facilisis velit. Donec ipsum erat, euismod vel vestibulum nec, scelerisque in lorem. Nunc vitae laoreet massa. Mauris ac condimentum ipsum. Aliquam in molestie elit. Nulla eget sagittis nunc. Aliquam non eros finibus, faucibus diam in, tincidunt nisl. Nulla turpis nisi, pharetra ut odio sed, suscipit auctor lectus. Etiam sodales blandit egestas. Integer dictum, neque non euismod lobortis, arcu odio ornare lectus, ut convallis dolor mi quis est. Integer gravida dapibus orci.
|
|
||||||
|
|
||||||
Aliquam erat volutpat. Fusce molestie vel turpis id ultrices. Integer suscipit ac urna sed consequat. Pellentesque tempus turpis at dui cursus, ac porta elit sodales. Nullam ultrices mauris purus, id blandit lacus commodo a. Vivamus pretium a nibh et scelerisque. Pellentesque aliquam consectetur nunc. Ut vitae velit in nunc consectetur interdum. Suspendisse vel sodales nulla. Donec pellentesque massa nec tellus vehicula semper. Proin id purus interdum, aliquam tellus in, ullamcorper lorem.
|
|
||||||
|
|
||||||
Nam vel ante nisl. Duis hendrerit faucibus diam. Integer bibendum velit quam, et consequat justo rutrum et. Aenean porta est quis dapibus blandit. Aenean dignissim ornare cursus. Donec tristique efficitur justo. Aenean rhoncus, risus sit amet venenatis auctor, tortor nisi ultricies erat, quis mattis quam erat ut elit. Praesent vel nibh id ex congue elementum quis dictum nisi. In est magna, congue sed mauris eu, vestibulum consectetur erat. Nunc in ex id nunc luctus suscipit.
|
|
||||||
|
|
||||||
Ut venenatis lectus in molestie tempus. Nam facilisis vitae nibh non pellentesque. In consectetur nisi at imperdiet luctus. Maecenas ipsum nunc, interdum quis velit vel, dictum blandit elit. Fusce arcu dolor, aliquet nec lorem eget, viverra molestie eros. In vulputate nulla arcu, non posuere tellus hendrerit at. Duis nec accumsan augue. Morbi placerat elit libero, ut venenatis dolor scelerisque a. Praesent in ante ac nibh condimentum gravida. Aenean ut risus eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Mauris tristique risus ac orci consequat pharetra.
|
|
||||||
|
|
||||||
Suspendisse finibus consectetur tincidunt. Nunc aliquam elit sed scelerisque dapibus. Proin eget diam orci. Curabitur pharetra urna a mi ultricies, eu vestibulum est lobortis. Donec posuere vitae neque in congue. Nullam vestibulum enim non ante cursus tincidunt. Etiam fringilla auctor orci, aliquet ornare mauris molestie non. Nulla rutrum fringilla mi et euismod. Sed tristique consequat finibus.
|
|
||||||
</div>
|
|
||||||
<svg>
|
|
||||||
<filter id="wavy2">
|
|
||||||
<feTurbulence x="0" y="0" baseFrequency="0.02" numOctaves="5" seed="1"></feTurbulence>
|
|
||||||
<feDisplacementMap in="SourceGraphic" scale="20" />
|
<feDisplacementMap in="SourceGraphic" scale="20" />
|
||||||
</filter>
|
</filter>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="contenuto">
|
||||||
|
<h1 class="titolo"><center>Milites Christi</center></h1>
|
||||||
|
|
||||||
|
<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>
|
||||||
<div class="parent">
|
<li>
|
||||||
<div class="filtered-content">
|
<a href="#" class="nav-item">Gruppo 5</a>
|
||||||
<div class="child">This won't be filtered</div>
|
<ul class="dropdown">
|
||||||
</div>
|
<li><a href="calendario.html">Calendario scolastico</a></li>
|
||||||
<div class="blurred-content"> contenuto smonco</div>
|
</ul>
|
||||||
<svg>
|
</li>
|
||||||
<filter id="wavy2">
|
<li>
|
||||||
<feTurbulence x="0" y="0" baseFrequency="0.02" numOctaves="5" seed="1"></feTurbulence>
|
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
|
||||||
<feDisplacementMap in="SourceGraphic" scale="20" />
|
<ul class="dropdown">
|
||||||
</filter>
|
<li><a href="presentazione.html">Presentazione</a></li>
|
||||||
</svg>
|
</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>
|
</div>
|
||||||
|
<br />
|
||||||
</body>
|
<!--Da qui potete inserire tutto il layout della vostra pagina-->
|
||||||
|
<!--Va che devi andare a capo a mano per restare dentro la pergamena-->
|
||||||
|
<!--La navbar è sminchiata solo se non arrivi a riempire la pagina fino al bordo-->
|
||||||
|
<!--Fine regione per la modifica-->
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<center>Classe 3I2</center>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
1
indexStyle.css
Normal file
1
indexStyle.css
Normal file
@ -0,0 +1 @@
|
|||||||
|
/*Invocare la potenza suprema della CSS grid per posizionare testo e immagini come una dea ;P
|
||||||
@ -1,89 +1,109 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="content-type" content="text/html" charset="utf-8">
|
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
|
||||||
<title>Le Crociate</title>
|
<title>Milites Christi</title><!--modifica-->
|
||||||
<link id="favicon" rel="icon" href="/img/favicons/network.ico">
|
<link id="favicon" rel="icon" href="/favicon2.png" />
|
||||||
<link rel="stylesheet" href="../../style.css">
|
<link rel="stylesheet" href="/style.css" />
|
||||||
<script src="script.js"></script>
|
<script src="/script.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1 class="titolo"><center>Argomento del gruppo</center></h1>
|
<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>
|
<header>
|
||||||
|
<center>
|
||||||
<nav>
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="#" class="nav-item" tabindex="0">Guerra santa o pellegrinaggio?</a>
|
<a href="/" class="nav-item" tabindex="0">Home</a>
|
||||||
<ul class="dropdown">
|
</li>
|
||||||
<li><a href="presentazione.html">Presentazione</a></li>
|
<li>
|
||||||
<li><a href="luoghi.html">I luoghi</a></li>
|
<a href="#" class="nav-item" tabindex="0">Gruppo 1</a>
|
||||||
<li><a href="persone.html">Le persone</a></li>
|
<ul class="dropdown">
|
||||||
<li><a href="storia.html">La storia</a></li>
|
<li><a href="presentazione.html">Presentazione</a></li>
|
||||||
</ul>
|
<li><a href="presentazione.html">Presentazione</a></li>
|
||||||
</li>
|
<li><a href="presentazione.html">Presentazione</a></li>
|
||||||
<li>
|
<li><a href="presentazione.html">Presentazione</a></li>
|
||||||
<a href="#" class="nav-item">La prima crociata</a>
|
</ul>
|
||||||
<ul class="dropdown">
|
</li>
|
||||||
<li><a href="servizi.html">Servizi</a></li>
|
<li>
|
||||||
</ul>
|
<a href="#" class="nav-item">Gruppo 2</a>
|
||||||
</li>
|
<ul class="dropdown">
|
||||||
<li>
|
<li><a href="servizi.html">Servizi</a></li>
|
||||||
<a href="#" class="nav-item">La crociata di Riccardo Cuor di Leon: tra storia e leggenda</a>
|
</ul>
|
||||||
<ul class="dropdown">
|
</li>
|
||||||
<li><a href="index.html">Le notizie</a></li>
|
<li>
|
||||||
</ul>
|
<a href="#" class="nav-item">Gruppo 3</a>
|
||||||
</li>
|
<ul class="dropdown">
|
||||||
<li>
|
<li><a href="index.html">Le notizie</a></li>
|
||||||
<a href="#" class="nav-item">Francesco d'Assisi e le crociate di Federico II</a>
|
</ul>
|
||||||
<ul class="dropdown">
|
</li>
|
||||||
<li><a href="orientamento.html">Orientamento</a></li>
|
<li>
|
||||||
<li><a href="accoglienza.html">Accoglienza</a></li>
|
<a href="#" class="nav-item">Gruppo 4</a>
|
||||||
<li><a href="preparazione_test.html">Preparazione test universitari</a></li>
|
<ul class="dropdown">
|
||||||
<li><a href="centro_sportivo.html">Centro Sportivo</a></li>
|
<li><a href="orientamento.html">Orientamento</a></li>
|
||||||
<li><a href="placement.html">Placement</a></li>
|
</ul>
|
||||||
</ul>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="#" class="nav-item">Gruppo 5</a>
|
||||||
<a href="#" class="nav-item">La crociata dei pezzenti e degli albigesi</a>
|
<ul class="dropdown">
|
||||||
<ul class="dropdown">
|
<li><a href="calendario.html">Calendario scolastico</a></li>
|
||||||
<li><a href="calendario.html">Calendario scolastico</a></li>
|
</ul>
|
||||||
</ul>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
<li>
|
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
|
||||||
<a href="#" class="nav-item" tabindex="0">Storia del'Islam: occidente vs oriente</a>
|
<ul class="dropdown">
|
||||||
<ul class="dropdown">
|
<li><a href="presentazione.html">Presentazione</a></li>
|
||||||
<li><a href="presentazione.html">Presentazione</a></li>
|
</ul>
|
||||||
<li><a href="luoghi.html">I luoghi</a></li>
|
</li>
|
||||||
<li><a href="persone.html">Le persone</a></li>
|
<li>
|
||||||
<li><a href="storia.html">La storia</a></li>
|
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
|
||||||
</ul>
|
<ul class="dropdown">
|
||||||
</li>
|
<li><a href="presentazione.html">Presentazione</a></li>
|
||||||
<li>
|
</ul>
|
||||||
<a href="#" class="nav-item" tabindex="0">I cavalieri templari e la leggenda del Graal</a>
|
</li>
|
||||||
<ul class="dropdown">
|
</ul>
|
||||||
<li><a href="presentazione.html">Presentazione</a></li>
|
|
||||||
<li><a href="luoghi.html">I luoghi</a></li>
|
|
||||||
<li><a href="persone.html">Le persone</a></li>
|
|
||||||
<li><a href="storia.html">La storia</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
</nav>
|
||||||
</center>
|
</center>
|
||||||
</header>
|
</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.
|
||||||
|
|
||||||
Argomenti:
|
<!--Fine regione per la modifica-->
|
||||||
<br>
|
<br />
|
||||||
<bR>
|
<br />
|
||||||
<br>
|
<br />
|
||||||
<br>
|
<center>Classe 3I2</center>
|
||||||
|
</div>
|
||||||
<br>
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -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
|
||||||
BIN
sfondo.jpg
BIN
sfondo.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 292 KiB |
48
style.css
48
style.css
@ -9,31 +9,32 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
margin-left: 10%;
|
|
||||||
margin-right: 10%;
|
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
border: 20px solid rgb(0, 255, 0);
|
background-image: url(sfondo.jpg);
|
||||||
background-color: aqua;
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body{
|
||||||
display: flex;
|
margin-left: 10%;
|
||||||
|
margin-right: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#corpo {
|
||||||
padding: 4em;
|
padding: 4em;
|
||||||
box-shadow: 2px 3px 20px black, 0 0 60px #8a4d0f inset;
|
box-shadow: 2px 3px 20px black, 0 0 60px #8a4d0f inset;
|
||||||
background: #fdf9bb;
|
background: #fdf9bb;
|
||||||
|
filter: url(#invecchiamento);
|
||||||
}
|
}
|
||||||
|
|
||||||
.corpo {
|
#contenuto {
|
||||||
filter: url(#wavy2);
|
position: absolute;
|
||||||
}
|
|
||||||
|
|
||||||
.contenuto {
|
|
||||||
font-size: 20pt;
|
font-size: 20pt;
|
||||||
font-family: black-chancery;
|
font-family: black-chancery;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 40px;
|
top: 5px;
|
||||||
filter: none;
|
margin-left: 2%;
|
||||||
|
margin-right:12%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
@ -50,16 +51,19 @@ h6 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
position: sticky;
|
position: relative;
|
||||||
top: 0px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
background-color: beige;
|
background: #fdf9bb;
|
||||||
|
box-shadow: 2px 3px 20px black, 0 0 60px #c48e58 inset;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
nav ul {
|
nav ul {
|
||||||
@ -81,8 +85,7 @@ nav a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
nav a:hover {
|
nav a:hover {
|
||||||
text-decoration: underline;
|
box-shadow: 2px 3px 20px black, 0 0 60px #edb072 inset;
|
||||||
background-color: blanchedalmond;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
nav .dropdown {
|
nav .dropdown {
|
||||||
@ -98,10 +101,13 @@ nav li:focus>.dropdown {
|
|||||||
|
|
||||||
nav .dropdown {
|
nav .dropdown {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: rebeccapurple;
|
background: #fdf9bb;
|
||||||
z-index: 1000;
|
box-shadow: 2px 3px 20px black, 0 0 60px #edb072 inset;
|
||||||
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav ul ul li {
|
nav ul ul li {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*Da qui potete inserire tutto il layout della vostra pagina*/
|
||||||
101
test.html
101
test.html
@ -2,16 +2,15 @@
|
|||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
|
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
|
||||||
<title>Le Crociate</title>
|
<title>Milites Christi</title><!--modifica-->
|
||||||
<link id="favicon" rel="icon" href="/img/favicons/network.ico" />
|
<link id="favicon" rel="icon" href="/favicon2.png" />
|
||||||
<link rel="stylesheet" href="style.css" />
|
<link rel="stylesheet" href="/style.css" />
|
||||||
<script src="script.js"></script>
|
<script src="/script.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="corpo">
|
<div id="corpo">
|
||||||
|
|
||||||
<svg>
|
<svg>
|
||||||
<filter id="wavy2">
|
<filter id="invecchiamento">
|
||||||
<feTurbulence
|
<feTurbulence
|
||||||
x="0"
|
x="0"
|
||||||
y="0"
|
y="0"
|
||||||
@ -23,12 +22,88 @@
|
|||||||
</filter>
|
</filter>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<div class="contenuto">
|
|
||||||
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.
|
|
||||||
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user