<!DOCTYPE html>
<html lang="it">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="css/main.css">      
        <link rel="stylesheet" href="css/spectre-icons.css">      
        <script src="js/ui.js" type="module"></script>
        <title>Nel cielo di Fara</title>
    </head>
    <body>        
        <header class="main-header home">
            <div class="container">
                <div class="columns text-gray" id="nav">
                    <div class="column col-lg-7 col-sm-10 col-md-2">
                        <img class="of-hidden" src="img/loghi/InnovaPatrimonio_logo_transparent_bg_150x98.png" alt="Logo InnovaPatrimonio" id="logo">
                    </div>
                    <div class="column col-sm-2 show-sm text-right">
                        <i class="icon icon-menu icon-2x"></i>
                    </div>
                    <div class="hide-sm column col-lg-5 col-sm-10 col-md-10 nav-light nav-menu" id="links">
                        <a href="itinerario.html" title="Vai all'itinerario">L'itinerario</a>
                        <a href="progetto.html" title="Vai alla descrizione del progetto">Il progetto</a>
                        <a href="news.html" title="Leggi news ed eventi">News & Eventi</a>
                        <a href="credits.html" title="Credits del progetto">Credits</a>
                    </div>
                    <nav class="d-hide side-nav bg-white opensans">
                        <p id="close-nav"><i class="icon-close"></i></p>
                        <a href="itinerario.html" title="Vai all'itinerario">L'itinerario</a>
                        <a href="progetto.html" title="Vai alla descrizione del progetto">Il progetto</a>
                        <a href="news.html" title="Leggi news ed eventi">News & Eventi</a>
                        <a href="credits.html" title="Credits del progetto">Credits</a>
                    </nav>
                </div>
            </div>
            <div id="title" class="text-center">
                <h1 class="arvo">Nel cielo di Fara</h1>
                <a href="itinerario.html"><button>Entra</button></a>
            </div>
        </header>
        <main></main>
        <footer class="roboto">
            <p id="copy">&copy; Avviso pubblico Beni Culturali e Turismo POR FESR Lazio 2014-2020</p>
            <p><img src="img/loghi_ispc_potlach.png" class="logos" alt="Loghi ISPC Potlach"></p>
            <p><img src="img/FESR_BARRA_BENEFICIARI_DEF.jpg" class="logos" alt="Loghi enti beneficiari"></p>
        </footer>
        <div id="preload">
            <img src="img/lp-bg/fara_bg_1.jpg" />
            <img src="img/lp-bg/fara_bg_2.jpg" />
            <img src="img/lp-bg/fara_bg_3.jpg" />
            <img src="img/lp-bg/fara_bg_4.jpg" />
            <img src="img/lp-bg/fara_bg_5.jpg" />
        </div>
    </body>
</html>