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

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

Referenze

<a>Inserisce link e collegamenti ipertestuali
<th>Definisce una cella di intestazione di una tabella HTML.
<abbr>Inserisce abbreviazioni e acronimi
<form>Crea un modulo/form HTML per consentire all'utente di inviare dati al server
dirnameInvia informazioni sulla direzione di scrittura da un elemento input
<label>Mostrare un testo di etichetta per un elemento di input.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Le bambole Mattel

Seasons of the Year

Portfolio Base Freelance – Web,

ESERCIZIO ESAME 1

Quiz ristrutturazione

Verifica Subappalto (Art. 119)

pag. 3 progetto inf

Prima Coccola ebay(2)

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>