|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>Sito Susanna</title>
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<img id="wallpaper" src="static/wallpaper.jpg" alt="wallpaper">
|
|
|
|
<header>
|
|
|
|
<nav>
|
|
|
|
<div class="nav-item" id="mobile-nav-menu">
|
|
|
|
Bla bla bla
|
|
|
|
</div>
|
|
|
|
<div class="nav-item current">
|
|
|
|
<a href="#">Home</a>
|
|
|
|
</div>
|
|
|
|
<div class="nav-item">
|
|
|
|
<a href="appunti/">Appunti</a>
|
|
|
|
</div>
|
|
|
|
<div class="nav-item">
|
|
|
|
<a href="galleria/">Galleria</a>
|
|
|
|
</div>
|
|
|
|
<div class="nav-item">
|
|
|
|
<a href="cv/">C.V.</a>
|
|
|
|
</div>
|
|
|
|
<div class="nav-item">
|
|
|
|
<a href="spasticate/">Spasticate</a>
|
|
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
<h1>Homepage di Susanna Terron</h1>
|
|
|
|
</header>
|
|
|
|
<main>
|
|
|
|
<div class="news">
|
|
|
|
<h2>Notizie</h2>
|
|
|
|
<ul>
|
|
|
|
<li>Notizia 1</li>
|
|
|
|
<li>Notizia 2</li>
|
|
|
|
<li>Notizia 3</li>
|
|
|
|
<li>Notizia 4</li>
|
|
|
|
<li>Notizia 5</li>
|
|
|
|
<li>Notizia 6</li>
|
|
|
|
<li>Notizia 7</li>
|
|
|
|
<li>Notizia 8</li>
|
|
|
|
<li>Notizia 9</li>
|
|
|
|
<li>Notizia 10</li>
|
|
|
|
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed, omnis.</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<h1>Titolo di esempio</h1>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<h2>Sottotitolo di esempio</h2>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<h2>Sottotitolo di esempio</h2>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<h2>Sottotitolo di esempio</h2>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<h2>Sottotitolo di esempio</h2>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<h2>Sottotitolo di esempio</h2>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<h2>Sottotitolo di esempio</h2>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat magnam qui beatae reiciendis dicta?
|
|
|
|
Reiciendis at quaerat voluptate cum nulla excepturi dicta ipsum repudiandae quia tempora pariatur nihil
|
|
|
|
beatae quasi, officia dolore? Amet sapiente minus unde saepe ut? Voluptatibus sit aut esse debitis fugit
|
|
|
|
impedit obcaecati sapiente non magnam hic?</p>
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
|
|
<div>
|
|
|
|
Questo è il sito di Susanna creato da <a href="https://poisson.phc.dm.unipi.it/~delucreziis/">Antonio De
|
|
|
|
Lucreziis</a> e <a href="https://poisson.phc.dm.unipi.it/~baldino/">Francesco Baldino</a>
|
|
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|