<!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>
</head>
<body>
<iu-overlay></iu-overlay>
<iu-floating-logo></iu-floating-logo>
<!-- Header -->
<iu-header>
<iu-header-topbar>
<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="#"></iu-header-topbar-item>
</iu-header-topbar>
<iu-header-navbar>
<iu-header-navbar-item text="Attività orientamento"></iu-header-navbar-item>
<iu-header-navbar-item text="Contatti" href="#"></iu-header-navbar-item>
<iu-header-navbar-item text="Login/Registrazione" href="#"></iu-header-navbar-item>
</iu-header-navbar>
</iu-header>
<!-- Breadcrumbs -->
<iu-breadcrumbs>
<iu-breadcrumbs-item text="Orientamento" href="/index.html"></iu-breadcrumbs-item>
<iu-breadcrumbs-item text="Registrazione studente scuola superiore"></iu-breadcrumbs-item>
</iu-breadcrumbs>
<!-- Form -->
<iu-group>
<iu-form>
<!-- Dati di accesso -->
<iu-input label="Email / Nome utente" name="email" placeholder="mariorossi@gmail.com"></iu-input>
<iu-input label="Password" name="password" type="password"></iu-input>
<iu-input label="Conferma password" name="confermaPassword" type="password"></iu-input>
<iu-paragraph><p><strong>Trattamento dati personali</strong></p></iu-paragraph>
<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>
<!-- Dati personali -->
<iu-heading text="Dati personali" nested></iu-heading>
<iu-input label="Nome" name="nome"></iu-input>
<iu-input label="Cognome" name="cognome"></iu-input>
<iu-input label="Codice fiscale" name="cf"></iu-input>
<iu-checkbox label="Non possiedo un codice fiscale"></iu-checkbox>
<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>
<!-- Istituto di provenienza -->
<iu-heading text="Istituto di provenienza"></iu-heading>
<iu-input label="Nome istituto" name="nomeIstituto" placeholder="Liceo scientifico Federico II"></iu-input>
<iu-select
name="idTipologiaScuolaSuperiore"
label="Tipo di scuola"
placeholder="Seleziona"
options='[
{"value": "1", "label": "Liceo classico"},
{"value": "2", "label": "Liceo scientifico"},
{"value": "3", "label": "Liceo linguistico"},
{"value": "4", "label": "Liceo artistico"},
{"value": "5", "label": "Istituto tecnico-commerciale"},
{"value": "6", "label": "Istituto tecnico-industriale"},
{"value": "7", "label": "Istituto professionale"},
{"value": "8", "label": "Altro"}
]'
>
</iu-select>
<iu-select
name="annoScolasticoFrequentato"
label="Classe attualmente frequentata (2024/2025)"
placeholder="Seleziona"
options='[
{"value": "1", "label": "Quarto"},
{"value": "2", "label": "Quinto"},
{"value": "3", "label": "Già diplomato"}
]'
>
</iu-select>
<iu-select
name="idProvincia"
label="Provincia"
placeholder="Seleziona"
options='[
{"value": "1", "label": "Quarto"},
{"value": "2", "label": "Quinto"},
{"value": "3", "label": "Già diplomato"}
]'
>
</iu-select>
<iu-input label="Comune" name="comune" placeholder="Jesi"></iu-input>
<iu-input label="Indirizzo" name="indirizzo" placeholder="Via San Pietro Martire 5"></iu-input>
<!-- Dati docente -->
<iu-heading text="Docente Referente per l'Orientamento"></iu-heading>
<iu-input label="Nome e cognome docente" name="nomeCognomeDocenteOrientamento"></iu-input>
<iu-input label="Email docente" name="emailDocenteOrientamento" placeholder="nomecognome@email.it"></iu-input>
<!-- Preferenze -->
<iu-heading text="Le mie preferenze"></iu-heading>
<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>
<iu-select
name="selectMultipleTipologia"
label="Tipologia corso di studi"
placeholder="Seleziona"
options='[
{"value": "1", "label": "Laurea triennale"},
{"value": "2", "label": "Laurea magistrale"}
]'
>
</iu-select>
<iu-select
name="selectMultipleAree"
label="Area disciplinari a cui sono interessato"
placeholder="Seleziona"
options='[
{"value": "1", "label": "Teatro"},
{"value": "2", "label": "Architettura"},
{"value": "3", "label": "Design"},
{"value": "4", "label": "Urbanistica"},
{"value": "5", "label": "Arti"},
{"value": "6", "label": "Moda"}
]'
>
</iu-select>
</iu-form>
<!-- <iu-form fields='[
{"name": "username", "type": "text", "label": "Email / Nome utente", "placeholder": "mariorossi@gmail.com"},
{"name": "password", "type": "password", "label": "Password", "placeholder": "***"},
{"name": "password", "type": "password", "label": "Conferma Password", "placeholder": "***"},
{"name": "firstName", "type": "text", "label": "Nome"},
{"name": "lastName", "type": "text", "label": "Cognome"},
{"name": "cf", "type": "text", "label": "Codice fiscale", "placeholder": "XXX"},
{"name": "phone", "type": "text", "label": "Cellulare"},
{"name": "school", "type": "text", "label": "Nome Istituto"},
{"name": "school_type", "type": "text", "label": "Tipo di Scuola"},
{"name": "school_class", "type": "text", "label": "Classe attualmente frequentata"}
]'></iu-form> -->
</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>
