Parco Nazionale dell\\\\\\\\\\\\\\ by @garghy64 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<audio>Il tag <audio> HTML permette di inserire contenuti musicali e suoni nel documento
sizeDetermina le dimensioni dell'elemento in base al valore contenuto
<th>Definisce una cella di intestazione di una tabella HTML.
<li>Inserisce voci all'interno di una lista
colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
placeholderDefinisce un testo segnaposto per un elemento input o textarea

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Formattazione testo

My Anime Blog - Ninjas and Dragons

Design, Marketing & AI News (Portf

Tabella esercitazione esame

Countdown Passaporto

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<html>
  <head>
    <title>Parco Nazionale dell'Abruzzo</title>
    <style>

      html,
      body {
        margin: 0;
        padding: 0;
      }
      .main{
        display:flex;
        flex-direction:row;
      }
      .Content{
        width:20%;
        height:900px;
      }
      .background{
        height:900px;
        background-image:url('https://static1.cbrimages.com/  wordpress/wp-content/uploads/2022/12/tokyo-ghoul.jpg');
        background-repeat:no-repeat;
        background-size:80%;
      }
      
      img {
        padding: 10;
        border: 0;
      }

      .headertext {
        padding: 30px;
        text-align: center;
        background: white;
      }

      .footer {
        padding: 20px;
        text-align: center;
        background: #ddd;
        margin-top: 20px;
      }
      nav{
        width:100%;
        height:5%;
        background-color:#23252b;
        padding-inline:6em;
        display:flex;
        align-items:center;
        justify-content:space-between;
      }
      .navButton{
        color:Black;
        padding-inline:1em;
        background-color: transparent!important;
        border:none!important;
      }

      .header{
        width: 100%;
        transition: line-height 0.2s linear, box-shadow 0.2s linear;
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        padding:10;
        display:flex;
        background-color:orange;
      }

      .header.small {
        line-height: 50px;
        box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.8);
      }

      .header.small > .container > #logo {
        height: 40px;
      }

      

    </style>
  </head> 
  <body>

    <div class="header">
      <div class="dropdown">
        <button class="btn btn-secondary dropdown-toggle navButton" type="button" data-bs-toggle="dropdown" aria-expanded="false"><h1><a class="dropdown-item" href="https://www.parcoabruzzo.it/infopoint.php">Infopoint</a></h1></button>

        <ul class="dropdown-menu">
          <li><a class="dropdown-item" href="https://www.parcoabruzzo.it/gallery.php">Foto</a></li>
          <li><a class="dropdown-item" href="https://www.parcoabruzzo.it/news.php">News</a></li>
          <li><a class="dropdown-item" href="https://www.parcoabruzzo.it/emporio.php">Shop</a></li>
        </ul>
      </div>
      <button class="navButton"><h1><a class="dropdown-item" href="https://www.parcoabruzzo.it/eventi-orsomarsicano.php">Eventi</a></h1></button>

      <button class="navButton"><h1><a class="dropdown-item" href="https://www.parcoabruzzo.it/pagina.php?id=544">Norme di comportamento</a></h1></button>

      <div class="dropdown">
        <button class="btn btn-secondary dropdown-toggle navButton" type="button" data-bs-toggle="dropdown" aria-expanded="false"><h1><a class="dropdown-item" href="https://www.parcoabruzzo.it/pagina.php?id=332">Natura</a></h1>
        
        </button>
        <ul class="dropdown-menu">
         <li><a class="dropdown-item" href="https://www.parcoabruzzo.it/paesi.php">I paesi</a></li>
         <li><a class="dropdown-item" href="https://www.parcoabruzzo.it/sog.php">Dormire</a></li>
         <li><a class="dropdown-item" href="https://www.parcoabruzzo.it/mangiare.php">Mangiare</a></li>
         <li><a class="dropdown-item" href="https://www.parcoabruzzo.it/pagina.php?id=74">Volontariato</a></li>
        </ul>
      </div>
    </div>
    <div class="headertext">
      <p><br></p>
      <p><br></p>
      <p><br></p>
      <p><br></p>
      <p><br></p>
      <h1>Parco Nazionale dell'Abruzzo</h1>
      <p>Il parco nazionale d'Abruzzo, Lazio e Molise (PNALM), originariamente parco nazionale d'Abruzzo, è uno dei parchi nazionali più antichi d'Italia, inaugurato il 9 settembre 1922 e istituito ufficialmente l'11 gennaio 1923 con regio decreto-legge. L'area protetta ricade nella provincia dell'Aquila, in Abruzzo, e in parte nelle province di Frosinone, nel Lazio e Isernia, in Molise.</p>
    </div>
    <p><br></p>
    


    <p><br></p>
    <h1>Mappa</h1>
    <iframe loading="lazy" style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2973.904815028058!2d13.787893015575907!3d41.808810877726245!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x13300b8aa7d5d791%3A0x9a7e87583e078990!2sParco+Nazionale+D'Abruzzo+Lazio+e+Molise!5e0!3m2!1sit!2sit!4v1531389576770" width="600" height="450" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
    
    <div class="headertext">
      <h2>Foto popolari</h2>
      <img src="https://www.goodtrekking.it/media/2018/07/shutterstock_742878823.jpg&sharpen&save-as=webp&crop-to-fit&w=1200&h=800&q=76"> 
      <img src="https://www.goodtrekking.it/wp-content/uploads/2018/07/shutterstock_710422417.jpg"> 
      <img src=""> 
    </div>
    <div class="footer">
      <h2>Footer</h2>
      <p>Viale Santa Lucia, 2 - 67032 Pescasseroli (AQ)<br>
      Tel. 0863/91131 - Fax 0863/912132</p>
      <p>Email:<a href="mailto:info@parcoabruzzo.it">info@parcoabruzzo.it - Posta Elettronica</a></p>
    </div>
  </body> 
</html>