You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

144 lines
9.1 KiB
HTML

3 years ago
<!DOCTYPE html>
<html lang="en">
3 years ago
<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 href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
3 years ago
<link rel="stylesheet" href="style.css">
</head>
3 years ago
<body>
<img id="wallpaper" src="static/wallpaper.jpg" alt="wallpaper">
<header>
<nav>
<div class="nav-item" id="mobile-nav-menu">
<span class="material-icons">
more_vert
</span>
</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>
3 years ago
<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>
3 years ago
</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>
<script src="./nav.js"></script>
3 years ago
</body>
3 years ago
</html>