Fork: 0
gdlweb / iuav-ui
Transfer to URL with SHA Find file
Newer
Older
iuav-ui / demo / registrazione-studente.html
@elcar elcar on 18 Feb 8 KB feat: migrazione a UMD per compatibilità, pagine open day
Raw Blame History 
  1. <!DOCTYPE html>
  2. <html lang="it">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <title>Iuav UI Library</title>
  7.     <script type="module" crossorigin src="./assets/iuav-ui5.js"></script>
  8.     <link rel="stylesheet" crossorigin href="./assets/iuav-ui.css">
  9.   </head>
  10.   <body>
  11.  
  12.     <iu-overlay></iu-overlay>
  13.  
  14.     <iu-floating-logo></iu-floating-logo>
  15.  
  16.     <!-- Header -->
  17.     <iu-header>
  18.       <iu-header-topbar>
  19.         <iu-header-topbar-item text="Notizie, eventi e avvisi" href="#"></iu-header-topbar-item>
  20.         <iu-header-topbar-item text="Contatti" href="#"></iu-header-topbar-item>
  21.         <iu-header-topbar-item text="Servizi" href="#"></iu-header-topbar-item>
  22.         <iu-header-topbar-item text="Informazioni per" href="#"></iu-header-topbar-item>
  23.       </iu-header-topbar>
  24.       <iu-header-navbar>
  25.         <iu-header-navbar-item text="Attività orientamento"></iu-header-navbar-item>
  26.         <iu-header-navbar-item text="Contatti" href="#"></iu-header-navbar-item>
  27.         <iu-header-navbar-item text="Login/Registrazione" href="#"></iu-header-navbar-item>
  28.       </iu-header-navbar>
  29.     </iu-header>
  30.  
  31.     <!-- Breadcrumbs -->
  32.     <iu-breadcrumbs>
  33.       <iu-breadcrumbs-item text="Orientamento" href="/index.html"></iu-breadcrumbs-item>
  34.       <iu-breadcrumbs-item text="Registrazione studente scuola superiore"></iu-breadcrumbs-item>
  35.     </iu-breadcrumbs>
  36.     
  37.     <!-- Form -->
  38.     <iu-group>
  39.       <iu-form>
  40.         
  41.         <!-- Dati di accesso -->
  42.         <iu-input label="Email / Nome utente" name="email" placeholder="mariorossi@gmail.com"></iu-input>
  43.         <iu-input label="Password" name="password" type="password"></iu-input>
  44.         <iu-input label="Conferma password" name="confermaPassword" type="password"></iu-input>
  45.         <iu-paragraph><p><strong>Trattamento dati personali</strong></p></iu-paragraph>
  46.         <iu-checkbox label="Dichiaro di aver preso visione dell'informativa Privacy e dell’informativa per il trattamento dei dati personali dei partecipanti agli eventi di ateneo quali mostre, seminari, convegni, conferenze, workshop, attività didattiche e di ricerca. <a href='#' target='blank'>Clicca qui per visualizzarlo</a>"></iu-checkbox>
  47.  
  48.         <!-- Dati personali -->
  49.         <iu-heading text="Dati personali" nested></iu-heading>
  50.         <iu-input label="Nome" name="nome"></iu-input>
  51.         <iu-input label="Cognome" name="cognome"></iu-input>
  52.         <iu-input label="Codice fiscale" name="cf"></iu-input>
  53.         <iu-checkbox label="Non possiedo un codice fiscale"></iu-checkbox>
  54.         <iu-input label="Cellulare" name="cellulare" helper="Non useremo mai il tuo numero di cellulare per inviarti pubblicità ma sarà utilizzato solo per inviarti comunicazioni organizzative."></iu-input>
  55.  
  56.         <!-- Istituto di provenienza -->
  57.         <iu-heading text="Istituto di provenienza"></iu-heading>
  58.         <iu-input label="Nome istituto" name="nomeIstituto" placeholder="Liceo scientifico Federico II"></iu-input>
  59.         <iu-select
  60.           name="idTipologiaScuolaSuperiore"
  61.           label="Tipo di scuola"
  62.           placeholder="Seleziona"
  63.           options='[
  64.             {"value": "1", "label": "Liceo classico"},
  65.             {"value": "2", "label": "Liceo scientifico"},
  66.             {"value": "3", "label": "Liceo linguistico"},
  67.             {"value": "4", "label": "Liceo artistico"},
  68.             {"value": "5", "label": "Istituto tecnico-commerciale"},
  69.             {"value": "6", "label": "Istituto tecnico-industriale"},
  70.             {"value": "7", "label": "Istituto professionale"},
  71.             {"value": "8", "label": "Altro"}
  72.           ]'
  73.         >
  74.         </iu-select>
  75.         <iu-select
  76.           name="annoScolasticoFrequentato"
  77.           label="Classe attualmente frequentata (2024/2025)"
  78.           placeholder="Seleziona"
  79.           options='[
  80.             {"value": "1", "label": "Quarto"},
  81.             {"value": "2", "label": "Quinto"},
  82.             {"value": "3", "label": "Già diplomato"}
  83.           ]'
  84.         >
  85.         </iu-select>
  86.         <iu-select
  87.           name="idProvincia"
  88.           label="Provincia"
  89.           placeholder="Seleziona"
  90.           options='[
  91.             {"value": "1", "label": "Quarto"},
  92.             {"value": "2", "label": "Quinto"},
  93.             {"value": "3", "label": "Già diplomato"}
  94.           ]'
  95.         >
  96.         </iu-select>
  97.         <iu-input label="Comune" name="comune" placeholder="Jesi"></iu-input>
  98.         <iu-input label="Indirizzo" name="indirizzo" placeholder="Via San Pietro Martire 5"></iu-input>
  99.  
  100.  
  101.         <!-- Dati docente -->
  102.         <iu-heading text="Docente Referente per l'Orientamento"></iu-heading>
  103.         <iu-input label="Nome e cognome docente" name="nomeCognomeDocenteOrientamento"></iu-input>
  104.         <iu-input label="Email docente" name="emailDocenteOrientamento" placeholder="nomecognome@email.it"></iu-input>
  105.  
  106.         <!-- Preferenze -->
  107.         <iu-heading text="Le mie preferenze"></iu-heading>
  108.         <iu-paragraph><p>Inserisci le tue preferenze su aree e corsi di studio cosi da offrirti un'esperienza personalizzata e aggiornamenti mirati sulla base dei tuoi interessi.</p></iu-paragraph>
  109.         <iu-select
  110.           name="selectMultipleTipologia"
  111.           label="Tipologia corso di studi"
  112.           placeholder="Seleziona"
  113.           options='[
  114.             {"value": "1", "label": "Laurea triennale"},
  115.             {"value": "2", "label": "Laurea magistrale"}
  116.           ]'
  117.         >
  118.         </iu-select>
  119.         <iu-select
  120.           name="selectMultipleAree"
  121.           label="Area disciplinari a cui sono interessato"
  122.           placeholder="Seleziona"
  123.           options='[
  124.             {"value": "1", "label": "Teatro"},
  125.             {"value": "2", "label": "Architettura"},
  126.             {"value": "3", "label": "Design"},
  127.             {"value": "4", "label": "Urbanistica"},
  128.             {"value": "5", "label": "Arti"},
  129.             {"value": "6", "label": "Moda"}
  130.           ]'
  131.         >
  132.         </iu-select>
  133.       </iu-form>    
  134.  
  135.       <!-- <iu-form fields='[
  136.         {"name": "username", "type": "text", "label": "Email / Nome utente", "placeholder": "mariorossi@gmail.com"},
  137.         {"name": "password", "type": "password", "label": "Password", "placeholder": "***"},
  138.         {"name": "password", "type": "password", "label": "Conferma Password", "placeholder": "***"},
  139.         {"name": "firstName", "type": "text", "label": "Nome"},
  140.         {"name": "lastName", "type": "text", "label": "Cognome"},
  141.         {"name": "cf", "type": "text", "label": "Codice fiscale", "placeholder": "XXX"},
  142.         {"name": "phone", "type": "text", "label": "Cellulare"},
  143.         {"name": "school", "type": "text", "label": "Nome Istituto"},
  144.         {"name": "school_type", "type": "text", "label": "Tipo di Scuola"},
  145.         {"name": "school_class", "type": "text", "label": "Classe attualmente frequentata"}
  146.       ]'></iu-form>     -->
  147.  
  148.     </iu-group> 
  149.  
  150.  
  151.     <iu-footer colophon>
  152.       <iu-footer-column heading="Contatti" slot="column">
  153.         <p>
  154.           Santa Croce 191, Tolentini<br>
  155.           30135 Venezia<br>
  156.           C.F. 80009280274<br>
  157.           P.Iva 00708670278
  158.         </p>
  159.       </iu-footer-column>
  160.       <iu-footer-column heading="Amministrazione" slot="column">
  161.         <ul>
  162.           <li><a href="/it/organizzazione/governo-dell-ateneo">Organi di governo</a></li>
  163.           <li><a href="/it/albo">Albo online</a></li>
  164.           <li><a href="https://iuav.amministrazionetrasparente.cineca.it/">Amministrazione trasparente</a></li>
  165.           <li><a href="/it/privacy">Informativa privacy</a></li>
  166.         </ul>
  167.       </iu-footer-column>
  168.       <iu-footer-column heading="In evidenza" slot="column">
  169.         <ul>
  170.           <li><a href="/it/ateneo/bandi-concorsi">Lavora con noi</a></li>
  171.           <li><a href="/it/servizi">Servizi</a></li>
  172.           <li><a href="/it/notizie">Notizie, eventi e avvisi</a></li>
  173.           <li><a href="/it/chi-siamo/piani-programmazione-e-strategie">Piano strategico</a></li>
  174.         </ul>
  175.       </iu-footer-column>
  176.       <iu-footer-column heading="Seguici su" slot="column">
  177.         <iu-social-nav></iu-social-nav>
  178.       </iu-footer-column>
  179.       <nav slot="colophon" aria-label="Link a rubrica e area riservata" role="navigation">
  180.         <ul>
  181.           <li><a href="/it/rubrica-persone">Rubrica contatti</a></li>
  182.           <li><a href="/it/sitemap-it">Mappa del sito</a></li>
  183.         </ul>
  184.       </nav>
  185.     </iu-footer>
  186.  
  187.  
  188.   </body>
  189. </html>