|
|
|
|
<!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">Item 1</div>
|
|
|
|
|
<div class="nav-item">Item 2</div>
|
|
|
|
|
<div class="nav-item">Item 3</div>
|
|
|
|
|
<div class="nav-item">Item 4</div>
|
|
|
|
|
<div class="nav-item">Item 5</div>
|
|
|
|
|
</nav>
|
|
|
|
|
<h1>Homepage di Susanna</h1>
|
|
|
|
|
<div class="empty"></div>
|
|
|
|
|
</header>
|
|
|
|
|
<main>
|
|
|
|
|
<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="#">Antonio De Lucreziis</a> e <a href="#">Francesco Baldino</a>
|
|
|
|
|
</div>
|
|
|
|
|
</footer>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
