Newer
Older
iuav-ui / sandbox / index.html
<!DOCTYPE html>
<html lang="it">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Iuav UI Library</title>
    <script src="https://www.iuav.it/themes/custom/iuav/js/site.js"></script>
  </head>
  <body>
      
    <iu-overlay></iu-overlay>

    <iu-floating-logo></iu-floating-logo>

    <!-- Header -->
    <iu-header>

      <iu-header-topbar i18n searchable>
        <iu-header-topbar-item text="Notizie, eventi e avvisi" href="#"></iu-header-topbar-item>
        <iu-header-topbar-item text="Contatti" href="#"></iu-header-topbar-item>
        <iu-header-topbar-item text="Servizi" href="#"></iu-header-topbar-item>
        <iu-header-topbar-item text="Informazioni per" href="informazioni-per.html"></iu-header-topbar-item>
      </iu-header-topbar>
      
      <iu-header-navbar>
        
        <iu-header-navbar-item text="Ateneo" submenu>

          <iu-header-navbar-submenu>

            <iu-header-navbar-submenu-section 
              text="Chi siamo" 
              href="#"
              items='[
                {"text": "Piani, programmazione e strategie", "href": "#"},
                {"text": "Accordi, relazioni e convenzioni", "href": "#"}
              ]'
            ></iu-header-navbar-submenu-section>

            <iu-header-navbar-submenu-section 
              text="Sostenibilità" 
              href="#"
            ></iu-header-navbar-submenu-section>

            <iu-header-navbar-submenu-section 
              text="Organizzazione" 
              href="organizzazione.html"
              items='[
                {"text": "Amministrazione", "href": "#"},
                {"text": "Docenti", "href": "#"},
                {"text": "Governo dell ateneo", "href": "#"},
                {"text": "Senato degli studenti", "href": "#"}
              ]'
            ></iu-header-navbar-submenu-section>

            <iu-header-navbar-submenu-section 
              text="Statuto e regolamenti" 
              href="#"
            ></iu-header-navbar-submenu-section>

            <iu-header-navbar-submenu-section 
              text="Strutture didattiche, di ricerca e di servizio" 
              href="#"
              items='[
                {"text": "Dipartimento di culture del progetto", "href": "#"},
                {"text": "Scuola di dottorato", "href": "#"},
                {"text": "Scuola di specializzazione SSIBAP", "href": "#"},
                {"text": "Aggregazioni di ricerca", "href": "#"},
                {"text": "Centro superiore C.SCARPA", "href": "#"},
                {"text": "Infrastruttura di ricerca IR.IDE", "href": "#"},
                {"text": "Biblioteca", "href": "#"},
                {"text": "Laboratori", "href": "#"},
                {"text": "Archivio progetti", "href": "#"}
              ]'
            ></iu-header-navbar-submenu-section>

            <iu-header-navbar-submenu-section 
              text="Sedi" 
              href="#"
              items='[
                {"text": "Percorsi accessibili", "href": "#"},
                {"text": "Calendario di chiusura delle sedi", "href": "#"}
              ]'
            ></iu-header-navbar-submenu-section>
            
            <iu-header-navbar-submenu-section 
              text="Editoria" 
              href="#"
              items='[
              {"text": "Tutte le pubblicazioni", "href": "#"}
              ]'
            ></iu-header-navbar-submenu-section>
            
            <iu-header-navbar-submenu-section 
              text="Assicurazione delle qualità" 
              href="#"
              items='[
                {"text": "Sistema qualità dell Università Iuav di Venezia", "href": "#"},
                {"text": "Nucleo di valutazione", "href": "#"},
                {"text": "Presidio della qualità", "href": "#"},
                {"text": "Commissione paritetica docenti-studenti", "href": "#"},
                {"text": "Gruppi assicurazioni delle qualità", "href": "#"},
                {"text": "Relazioni e attività", "href": "#"}
              ]'
            ></iu-header-navbar-submenu-section>

            <iu-header-navbar-submenu-section 
              text="Lavora con noi" 
              href="#"
            ></iu-header-navbar-submenu-section>            

          </iu-header-navbar-submenu>
        </iu-header-navbar-item>
        <iu-header-navbar-item text="Didattica" submenu>
          <iu-header-navbar-submenu>

            <iu-header-navbar-submenu-section 
              text="Lauree triennali" 
              href="#"
              items='[
                {"text": "Architettura", "href": "/pages/didattica/architettura.html"},
                {"text": "Design della moda e arti multimediali", "href": "#"},
                {"text": "Design del prodotto, della comunicazione visiva e degli interni", "href": "#"},
                {"text": "Design — sede di Vicenza", "href": "#"},
                {"text": "Urbanistica e pianificazione del territorio", "href": "#"},
                {"text": "Anni successivi al primo — Corsi di laurea triennali", "href": "#"},
                {"text": "Corsi di laurea ad esaurimento — Lauree triennali", "href": "#"}
              ]'
            ></iu-header-navbar-submenu-section>

            <iu-header-navbar-submenu-section 
              text="Lauree magistrali" 
              href="#"
              items='[
                {"text": "Architettura", "href": "#"},
                {"text": "Architettura. Conservazione proattiva del patrimonio nelle aree a rischio", "href": "#"},
                {"text": "Arti visive e cinema espanso", "href": "#"},
                {"text": "Design del prodotto, della comunicazione visiva e degli interni", "href": "#"},
                {"text": "Moda | Fashion", "href": "#"},
                {"text": "MA in Architecture", "href": "#"},
                {"text": "Renewable Energy Engineering in Coastal Environment", "href": "#"},
                {"text": "Sustainable transportation and smart maritime mobility", "href": "#"},
                {"text": "Teatro e arti performative", "href": "#"},
                {"text": "Urbanistica e pianificazione del territorio", "href": "#"},
                {"text": "Anni successivi al primo — Corsi di laurea magistrali", "href": "#"},
                {"text": "Corsi di laurea ad esaurimento — Lauree magistrali, specialistiche, dm 93 e precedenti", "href": "#"}
              ]'
            ></iu-header-navbar-submenu-section>

          <iu-header-navbar-submenu-section 
            text="Scuola di dottorato" 
            href="#"
          ></iu-header-navbar-submenu-section>

          <iu-header-navbar-submenu-section 
            text="Scuola di specializzazione SSIBAP" 
            href="#"
          ></iu-header-navbar-submenu-section>

          <iu-header-navbar-submenu-section 
            text="Workshop e attività" 
            href="#"
          ></iu-header-navbar-submenu-section>

          <iu-header-navbar-submenu-section 
            text="Percorsi di alta formazione" 
            href="#"
            items='[
              {"text": "Master", "href": "#"},
              {"text": "Corsi di perfezionamento", "href": "#"}
            ]'
          ></iu-header-navbar-submenu-section>

          <iu-header-navbar-submenu-section 
            text="Ambiti" 
            href="#"
            items='[
              {"text": "Architettura", "href": "#"},
              {"text": "Arti visive e multimediali", "href": "#"},
              {"text": "Design del prodotto, della comunicazione e degli interni", "href": "#"},
              {"text": "Design della moda", "href": "#"},
              {"text": "Ingegneria per l&#39;ambiente", "href": "#"},
              {"text": "Pianificazione e urbanistica", "href": "#"},
              {"text": "Restauro", "href": "#"},
              {"text": "Teatro e arti performative", "href": "#"}
            ]'
          ></iu-header-navbar-submenu-section>

          </iu-header-navbar-submenu>
        </iu-header-navbar-item>
        <iu-header-navbar-item text="Orientamento" href="#"></iu-header-navbar-item>
        <iu-header-navbar-item text="Ricerca" href="#"></iu-header-navbar-item>
        <iu-header-navbar-item text="Terza missione" href="#"></iu-header-navbar-item>
        <iu-header-navbar-item text="Internazionale" href="#"></iu-header-navbar-item>
        <iu-header-navbar-item text="Tirocinio e lavoro" href="#"></iu-header-navbar-item>
      </iu-header-navbar>
    </iu-header>
     
    <!-- Hero Banner -->
    <iu-hero-highlight jpg="./assets/img/hero-highlight.jpg" heading="Open future, open day.<br>Porte aperte a Iuav" href="#" link="Scopri di più sull’Open Day"></iu-hero-highlight>

    <iu-group>
      <iu-container columns="3">
        <iu-feature-card
          href="#"
          heading="“Il giusto equilibrio tra progettazione e teoria”"
          subtitle="Scopri le storie e le testimonianze di chi studia a Iuav"
          img="./assets/img/image-1.jpg"
        ></iu-feature-card>
        <iu-feature-card
          href="#"
          heading="Dal laboratorio al progetto"
          subtitle="Scopri le storie e le testimonianze di chi studia a Iuav"
          img="./assets/img/image-2.jpg"
        ></iu-feature-card>
        <iu-feature-card
          href="#"
          heading="Inizia da qui: come studiare a Iuav"
          subtitle="Scopri le storie e le testimonianze di chi studia a Iuav"
          img="./assets/img/image-3.jpg"
        ></iu-feature-card>

      </iu-container>
    </iu-group>

    <iu-featured-content
      heading='Sezione in evidenza'
      link="Link a pagina"
      href="https://www.iuav.it/it/notizia?ft=1&id=attraversamenti-2-materie-e-immaginari"
      img="../assets/img/image-3.jpg"
      text="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis dolor eu arcu interdum laoreet. Mauris sodales rhoncus tellus, nec placerat ligula elementum ultricies. Integer nec congue quam. Integer lobortis justo dui, eget gravida est vestibulum in quisque quis dolor eu arcu.</p>"
    ></iu-featured-content>

    <iu-group>
      <iu-heading text="Ultime notizie" href="#" link="Vedi tutte"></iu-heading>
      <iu-container columns="4">
        <iu-card
          href="#"
          category="Comunicati stampa"
          date="12.12.2024"
          name="Studiare con i piedi: in cammino tra fiume e paesaggio"
          img="./assets/img/image-4.jpg"
        ></iu-card>
        <iu-card
          href="#"
          category="Comunicati stampa"
          date="10.12.2024"
          name="La Velocittà: Local Turbobiking"
          img="./assets/img/image-5.jpg"
        ></iu-card>
        <iu-card
          href="#"
          category="Comunicati stampa"
          date="20.11.2024"
          name="Bilancio positivo per Iuav Career Day"
          img="./assets/img/image-6.jpg"
        ></iu-card>
        <iu-card
          href="#"
          category="Comunicati stampa"
          date="15.11.2024"
          name="Taxis Ataktos"
          img="./assets/img/image-7.jpg"
        ></iu-card>
      </iu-container>
    </iu-group>

    <iu-footer colophon>
      <iu-footer-column heading="Contatti" slot="column">
        <p>
          Santa Croce 191, Tolentini<br>
          30135 Venezia<br>
          C.F. 80009280274<br>
          P.Iva 00708670278
        </p>
      </iu-footer-column>
      <iu-footer-column heading="Amministrazione" slot="column">
        <ul>
          <li><a href="/it/organizzazione/governo-dell-ateneo">Organi di governo</a></li>
          <li><a href="/it/albo">Albo online</a></li>
          <li><a href="https://iuav.amministrazionetrasparente.cineca.it/">Amministrazione trasparente</a></li>
          <li><a href="/it/privacy">Informativa privacy</a></li>
        </ul>
      </iu-footer-column>
      <iu-footer-column heading="In evidenza" slot="column">
        <ul>
          <li><a href="/it/ateneo/bandi-concorsi">Lavora con noi</a></li>
          <li><a href="/it/servizi">Servizi</a></li>
          <li><a href="/it/notizie">Notizie, eventi e avvisi</a></li>
          <li><a href="/it/chi-siamo/piani-programmazione-e-strategie">Piano strategico</a></li>
        </ul>
      </iu-footer-column>
      <iu-footer-column heading="Seguici su" slot="column">
        <iu-social-nav></iu-social-nav>
      </iu-footer-column>
      <nav slot="colophon" aria-label="Link a rubrica e area riservata" role="navigation">
        <ul>
          <li><a href="/it/rubrica-persone">Rubrica contatti</a></li>
          <li><a href="/it/sitemap-it">Mappa del sito</a></li>
        </ul>
      </nav>
    </iu-footer>

    <script type="module">
      import '@iuav-ui';
    </script>    

  </body>
</html>