+ ${this.category}
+ ${this.date}
+
+ ${this.name}
+
+
+
+ `}};q.styles=L`
+ :host{
+ --iu-comp-bg: transparent;
+ --iu-comp-color: var(--iu-color-black);
+ --iu-comp-bg-hover: var(--iu-color-black);
+ --iu-comp-color-hover: var(--iu-color-white);
+ --iu-comp-border-color: var(--iu-color-grey-200);
+ --iu-comp-border-color-hover: var(--iu-color-grey-500);
+ }
+ :host:has(.accordion.is-open){
+ border-bottom: 1px solid var(--iu-comp-border-color-hover);
+ }
+ .accordion{
+ border-top: 1px solid var(--iu-comp-border-color);
+ cursor: pointer;
+ color: var(--iu-comp-color);
+ background: var(--iu-comp-bg);
+ }
+ .accordion.is-open,
+ .accordion.is-open button,
+ :host(:hover),
+ :host(:hover) button{
+ color: var(--iu-comp-color-hover);
+ background: var(--iu-comp-bg-hover);
+ }
+ .accordion.is-open svg{
+ transform: rotate(45deg);
+ }
+ button{
+ color: var(--iu-comp-color);
+ background: var(--iu-comp-bg);
+ cursor: pointer;
+ border: 0;
+ position: relative;
+ font: var(--iu-f-2);
+ text-align: left;
+ width: 100%;
+ padding: 4px 0;
+ display: flex;
+ align-items: center;
+ text-rendering: geometricPrecision;
+ }
+ .size-2 button{
+ padding: 0;
+ font: var(--iu-f-lg);
+ }
+ svg{
+ transition: transform .2s ease;
+ }
+ .size-1 svg{
+ width: 36px;
+ height: 36px;
+ margin-right: .625rem;
+ margin-top: -2px;
+ }
+ .size-2 svg{
+ width: 50px;
+ height: 50px;
+ margin-right: .9375rem;
+ margin-top: -2px;
+ }
+ @media ${_(O.xl)} {
+ button{
+ }
+ }
+ .content{
+ display: none;
+ color: var(--iu-comp-color);
+ padding-top: var(--iu-spacing-2);
+ padding-bottom: var(--iu-spacing-6);
+ padding-left: calc(3.125rem + .9375rem);
+ padding-right: var(--iu-grid-gutter);
+ }
+ .content.is-open{
+ display: block;
+ }
+ .content.columns-2{
+ columns: 2;
+ gap: var(--iu-grid-gutter);
+ }
+ ::slotted(*){
+ --iu-comp-color: var(--iu-color-white);
+ --iu-comp-border-color: var(--iu-color-grey-500);
+ --iu-comp-bg-hover: var(--iu-color-white);
+ --iu-comp-color-hover: var(--iu-color-black);
+ margin-bottom: 0;
+ color: var(--iu-color-white) !important;
+ }
+ `;oe([w()],q.prototype,"text",2);oe([w()],q.prototype,"index",2);oe([w({type:Boolean,reflect:!0})],q.prototype,"columns",2);oe([w({type:Boolean,reflect:!0})],q.prototype,"isOpen",2);oe([w()],q.prototype,"controlled",2);oe([w({type:Number})],q.prototype,"size",2);oe([Ge("slot")],q.prototype,"slotElement",2);q=oe([I("iu-accordion")],q);var as=Object.defineProperty,ls=Object.getOwnPropertyDescriptor,ct=(i,e,t,s)=>{for(var r=s>1?void 0:s?ls(e,t):e,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(e,t,r):o(r))||r);return s&&r&&as(e,t,r),r};let Ae=class extends M{constructor(){super(...arguments),this.mode="single",this.columns=!1,this.openAccordions=[]}firstUpdated(){super.firstUpdated(),this.columns&&this.classList.add("columns-2"),this.querySelectorAll("iu-accordion").forEach((i,e)=>{i.index=e,i.controlled=!0})}handleAccordionToggle(i){const{index:e}=i.detail;this.mode==="single"?this.openAccordions=this.openAccordions.includes(e)?[]:[e]:this.mode==="multiple"&&(this.openAccordions.includes(e)?this.openAccordions=this.openAccordions.filter(t=>t!==e):this.openAccordions=[...this.openAccordions,e]),this.updateAccordionStates()}updateAccordionStates(){this.querySelectorAll("iu-accordion").forEach((i,e)=>{const t=this.openAccordions.includes(e);i.isOpen=t})}render(){return A`
+
+
+
+
+ ${this.text}
+ ${this.img&&A`
`}
+
+
+
+
+ `}};W.styles=L`
+ :host{
+ display: block;
+ }
+ .card{
+ display: block;
+ text-decoration: none;
+ color: var(--iu-color-black);
+ position: relative;
+ aspect-ratio: 1/1;
+ overflow: hidden;
+ }
+ .card:hover .img{
+ height: 100% !important;
+ }
+ .img{
+ transition: height .2s ease;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ overflow: hidden;
+ background-image: linear-gradient(to top, var(--iu-color-grey-400), var(--iu-color-grey-200));
+ }
+ .img img{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+ .header{
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ display: flex;
+ justify-content: space-between;
+ font: var(--iu-f-0);
+ color: var(--iu-color-grey-300);
+ }
+ .content p{
+ font: var(--iu-f-2);
+ font-weight: bold;
+ margin-top: 0;
+ }
+ `;ae([Ge(".img")],W.prototype,"cardImg",2);ae([Ge(".content")],W.prototype,"cardContent",2);ae([w()],W.prototype,"href",2);ae([w()],W.prototype,"category",2);ae([w()],W.prototype,"date",2);ae([w()],W.prototype,"name",2);ae([w()],W.prototype,"img",2);W=ae([I("iu-card")],W);function si(i){return i!==null&&typeof i=="object"&&"constructor"in i&&i.constructor===Object}function Nt(i,e){i===void 0&&(i={}),e===void 0&&(e={}),Object.keys(e).forEach(t=>{typeof i[t]>"u"?i[t]=e[t]:si(e[t])&&si(i[t])&&Object.keys(e[t]).length>0&&Nt(i[t],e[t])})}const mi={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector(){return null},querySelectorAll(){return[]},getElementById(){return null},createEvent(){return{initEvent(){}}},createElement(){return{children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName(){return[]}}},createElementNS(){return{}},importNode(){return null},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function ve(){const i=typeof document<"u"?document:{};return Nt(i,mi),i}const ws={document:mi,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle(){return{getPropertyValue(){return""}}},Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia(){return{}},requestAnimationFrame(i){return typeof setTimeout>"u"?(i(),null):setTimeout(i,0)},cancelAnimationFrame(i){typeof setTimeout>"u"||clearTimeout(i)}};function V(){const i=typeof window<"u"?window:{};return Nt(i,ws),i}function bs(i){return i===void 0&&(i=""),i.trim().split(" ").filter(e=>!!e.trim())}function ys(i){const e=i;Object.keys(e).forEach(t=>{try{e[t]=null}catch{}try{delete e[t]}catch{}})}function Et(i,e){return e===void 0&&(e=0),setTimeout(i,e)}function Qe(){return Date.now()}function xs(i){const e=V();let t;return e.getComputedStyle&&(t=e.getComputedStyle(i,null)),!t&&i.currentStyle&&(t=i.currentStyle),t||(t=i.style),t}function As(i,e){e===void 0&&(e="x");const t=V();let s,r,n;const o=xs(i);return t.WebKitCSSMatrix?(r=o.transform||o.webkitTransform,r.split(",").length>6&&(r=r.split(", ").map(l=>l.replace(",",".")).join(", ")),n=new t.WebKitCSSMatrix(r==="none"?"":r)):(n=o.MozTransform||o.OTransform||o.MsTransform||o.msTransform||o.transform||o.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),s=n.toString().split(",")),e==="x"&&(t.WebKitCSSMatrix?r=n.m41:s.length===16?r=parseFloat(s[12]):r=parseFloat(s[4])),e==="y"&&(t.WebKitCSSMatrix?r=n.m42:s.length===16?r=parseFloat(s[13]):r=parseFloat(s[5])),r||0}function Ye(i){return typeof i=="object"&&i!==null&&i.constructor&&Object.prototype.toString.call(i).slice(8,-1)==="Object"}function Ss(i){return typeof window<"u"&&typeof window.HTMLElement<"u"?i instanceof HTMLElement:i&&(i.nodeType===1||i.nodeType===11)}function R(){const i=Object(arguments.length<=0?void 0:arguments[0]),e=["__proto__","constructor","prototype"];for(let t=1;t
+
+ `}};tt.styles=[L([Yr]),L`
+ .img{
+ aspect-ratio: 3/2;
+ height: auto;
+ }
+ .img img{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+ .caption p{
+ font: var(--iu-f-0);
+ background: #fff;
+ margin-bottom: 0;
+ margin-top: 1.75rem;
+ height: 100%;
+ }
+ :host .swiper-button-prev, :host .swiper-button-next{
+ width: 50%;
+ height: var(--carousel-img-height);
+ top: 0;
+ margin-top: 0;
+ }
+ :host .swiper-button-prev::after, :host .swiper-button-next::after{
+ content: none;
+ }
+ :host .swiper-pagination{
+ display: flex;
+ gap: 0.625rem;
+ position: absolute;
+ top: calc(var(--carousel-img-height) + 0.625rem);
+ }
+ :host .swiper-pagination .swiper-pagination-bullet{
+ width:100%;
+ border-radius: 0;
+ height: 1px;
+ margin: 0;
+ background: var(--iu-color-grey-300);
+ opacity: 1;
+ }
+ :host .swiper-pagination .swiper-pagination-bullet-active{
+ background: var(--iu-color-black);
+ height: 3px;
+ }
+ :host .swiper-slide{
+ opacity: 0;
+ }
+ :host .swiper-slide-active, :host .swiper.slide-duplicate-active{
+ opacity: 1;
+ }
+ `];Ei([w({type:Array})],tt.prototype,"items",2);tt=Ei([I("iu-carousel")],tt);var Qr=Object.defineProperty,Kr=Object.getOwnPropertyDescriptor,Te=(i,e,t,s)=>{for(var r=s>1?void 0:s?Kr(e,t):e,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(e,t,r):o(r))||r);return s&&r&&Qr(e,t,r),r};let ie=class extends M{constructor(){super(...arguments),this.name="#",this.contacts=[]}isExternalLink(i){const e=document.createElement("a");return e.href=i,e.hostname!==window.location.hostname&&!!e.hostname}checkLinkType(){if(this.href){const i=this.isExternalLink(this.href);this.classList.toggle("external",i),this.classList.toggle("internal",!i)}}checkCardSpan(){this.description!=null&&this.classList.add("span-2")}firstUpdated(){super.firstUpdated(),this.checkCardSpan(),this.checkLinkType()}render(){return A`
+
+ ${this.items.map(i=>A`
+
+
+
+
+
+
+
+
+
+ `)}
+
+ 
+ ${i.caption?A`
+ `:""}
+
+ ${ft(i.caption)}
+
+ ${this.href?A`${this.name}`:A`${this.name}`}
+ ${this.sub&&A`${this.sub}`}
+
+
+
+ `}};ie.styles=L`
+ :host{
+ display: flex;
+ align-items: flex-end;
+ aspect-ratio: 1/1;
+ background: var(--iu-color-black);
+ color: var(--iu-color-yellow-100);
+ padding: var(--iu-grid-gutter);
+ }
+ :host(.external) a svg{
+ transform: rotate(-45deg);
+ }
+ :host(.span-2){
+ aspect-ratio: unset;
+ }
+ @media ${_(O.xl)} {
+ :host(.span-2){
+ aspect-ratio: 2/0.975;
+ }
+ }
+ div{
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ height: 100%;
+ }
+ header{
+ flex-grow: 1;
+ }
+ header span{
+ display: block;
+ }
+ .title{
+ font: var(--iu-f-lg);
+ }
+ .sub{
+ margin-top: 1rem;
+ }
+ header a{
+ display: flex;
+ align-items: center;
+ text-decoration: none;
+ color: var(--iu-color-yellow-100);
+ }
+ header a span{
+ flex-grow: 1;
+ }
+ header a svg{
+ width: 40px;
+ }
+ @media ${_(O.lg)} {
+ :host(.span-2) footer{
+ display: grid;
+ grid-template-columns: repeat(2,1fr);
+ }
+ }
+ footer ul{
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ }
+ footer ul li a{
+ color: var(--iu-color-yellow-100);
+ }
+ footer ul li a:hover{
+ text-decoration: none;
+ }
+ .description{
+ margin-top: var(--iu-spacing-6);
+ }
+ @media ${_(O.xl)} {
+ .description{
+ margin-top: 0;
+ }
+ }
+ .description p{
+ margin: 0;
+ }
+ `;Te([w()],ie.prototype,"href",2);Te([w()],ie.prototype,"name",2);Te([w()],ie.prototype,"sub",2);Te([w({type:Array})],ie.prototype,"contacts",2);Te([w()],ie.prototype,"description",2);ie=Te([I("iu-contact-card")],ie);var Jr=Object.defineProperty,en=Object.getOwnPropertyDescriptor,Ti=(i,e,t,s)=>{for(var r=s>1?void 0:s?en(e,t):e,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(e,t,r):o(r))||r);return s&&r&&Jr(e,t,r),r};let it=class extends M{constructor(){super(...arguments),this.heading="Contatti"}render(){return A`
+ ${this.heading}
+
+
+ ${this.weekday}
+ ${this.day}
+
+
+
+
+
+ ${this.time==""?"Tutto il giorno":this.time}
+ ${this.deadline&&A`Fino al ${this.deadline}`}
+
+ ${this.place}
+ ${ft(this.text)}
`}
+
+ ${this.label&&A`
+ ${this.label}
`} +-
+ ${this.items.map(i=>A`
+
Università Iuav di Venezia
+${this.heading}
`} +
+
+ `}};Mt.styles=L`
+ :host{
+ display: block;
+ }
+ div{
+ box-sizing: border-box;
+ pointer-events: none;
+ visibility: hidden;
+ opacity: 0;
+ position: absolute;
+ transform: translateZ(0) translateY(calc(100% - 2px));
+ bottom: 0;
+ left: 0;
+ // width: 100%;
+ background: #fff;
+ }
+ :host > div > ul {
+ list-style-type: none;
+ margin: 0;
+ padding-top: var(--iu-spacing-6);
+ padding-bottom: var(--iu-spacing-7);
+ padding-left: var(--iu-grid-offset);
+ padding-right: var(--iu-grid-gutter);
+ orphans: 1;
+ columns: 3;
+ column-gap: var(--iu-grid-gutter);
+ }
+ :host(.is-active) div{
+ pointer-events: auto;
+ visibility: visible;
+ opacity: 1;
+ }
+ :host(.is-closing) div{
+ }
+ ::slotted(*){
+ opacity: 1;
+ }
+ :host(.is-active.is-closing) ::slotted(*) {
+ transition: opacity .1s ease;
+ opacity: 0;
+ }
+ `;Mt=zn([I("iu-header-navbar-submenu")],Mt);var Ln=Object.defineProperty,In=Object.getOwnPropertyDescriptor,ht=(i,e,t,s)=>{for(var r=s>1?void 0:s?In(e,t):e,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(e,t,r):o(r))||r);return s&&r&&Ln(e,t,r),r};let $e=class extends M{constructor(){super(...arguments),this.href="",this.text="",this.items=[]}render(){return A`
+ -
+
-
+ ${this.items.map(i=>A`
+
- + ${i.text} + + `)} +
+ ${this.i18n&&A`EN`}
+ ${this.searchable&&A``}
+
+ ${r}
`;case 2:return A`${r}
`;case 3:return A`${r}
`;case 4:return A`${r}
`;case 5:return A`${r}
`;case 6:return A`${r}
`;default:return A`${r}
`}})(this.tag,this.text);return A` +
+ ${t}
+ ${i}
+
+
+
+
+ ${this.jpg&&A`
+
+
+ `}};K.styles=L`
+ :host{
+ display:block;
+ margin-bottom: var(--iu-spacing-block-lg);
+ }
+ .video{
+ aspect-ratio: 16/9;
+ position: relative;
+ overflow: hidden;
+ margin-bottom: calc(var(--iu-grid-gutter)*2);
+ z-index: 20;
+ }
+ @media ${_(O.md)} {
+ .video{
+ aspect-ratio: auto;
+ }
+ }
+ @media ${_(O.lg)} {
+ .video{
+ height: calc(var(--iu-hero-banner-height) - var(--iu-grid-gutter));
+ }
+ }
+ .video video{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+ h1{
+ font-weight: 400;
+ font: var(--iu-f-4);
+ z-index: 10;
+ margin-bottom: 0;
+ margin-top: 0;
+ width: calc(100% / 12 * 11);
+ }
+ @media ${_(O.md)} {
+ h1{
+ font: var(--iu-f-7);
+ }
+ }
+ @media ${_(O.lg)} {
+ h1{
+ font: var(--iu-f-9);
+ position: sticky;
+ bottom: var(--iu-grid-gutter);
+ }
+ }
+ `;we([w()],K.prototype,"jpg",2);we([w()],K.prototype,"webp",2);we([w()],K.prototype,"alt",2);we([w()],K.prototype,"mp4",2);we([w()],K.prototype,"webm",2);we([w()],K.prototype,"heading",2);K=we([I("iu-hero-banner")],K);var Wn=Object.defineProperty,Zn=Object.getOwnPropertyDescriptor,be=(i,e,t,s)=>{for(var r=s>1?void 0:s?Zn(e,t):e,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(e,t,r):o(r))||r);return s&&r&&Wn(e,t,r),r};let J=class extends M{constructor(){super(...arguments),this.target="_self",this.size=1,this.nested=!1}render(){return A`
+
+
+ ${this.webp?A``:""}
+
+ 
+
+
+ `}
+
+ ${(this.webm||this.mp4)&&A`
+
+
+
+
+ `}
+
+ ${this.heading&&A`
+ ${this.heading}
+ `} + +
+ ${this.label&&A`
+ ${this.label}
`} + ${this.items.map(i=>A` +
+
+ `}};Ne.styles=L`
+ :host{
+ display:block;
+ }
+ div{
+ border-top: 1px solid var(--iu-color-grey-200);
+ }
+ p{
+ margin: 0;
+ }
+ .label{
+ padding-top: var(--iu-spacing-0);
+ color: var(--iu-color-grey-300);
+ }
+ .text a{
+ color: var(--iu-color-black);
+ }
+ @media ${_(O.md)} {
+ }
+ `;Rt([w()],Ne.prototype,"label",2);Rt([w()],Ne.prototype,"text",2);Ne=Rt([I("iu-list-item")],Ne);var io=Object.defineProperty,so=Object.getOwnPropertyDescriptor,Fe=(i,e,t,s)=>{for(var r=s>1?void 0:s?so(e,t):e,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(e,t,r):o(r))||r);return s&&r&&io(e,t,r),r};let me=class extends M{constructor(){super(...arguments),this.columns=2,this.size=1,this.nested=!1}wrapListItems(){this.querySelectorAll("ul, ol").forEach(t=>{t.classList.add("list")}),this.querySelectorAll("li").forEach(t=>{const r=`${t.innerHTML}`;t.innerHTML=r})}firstUpdated(){this.wrapListItems()}render(){return A`
+ ${this.label}
+${ft(this.text)}
+
+
+
+
+
+
+
+ `;
+ }
+
+}
+
+declare global {
+ interface HTMLElementTagNameMap {
+ 'iu-accordion': Accordion;
+ }
+}
\ No newline at end of file
diff --git a/src/components/breadcrumbs/breadcrumbs-item.ts b/src/components/breadcrumbs/breadcrumbs-item.ts
new file mode 100644
index 0000000..22b67a9
--- /dev/null
+++ b/src/components/breadcrumbs/breadcrumbs-item.ts
@@ -0,0 +1,68 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+import {LitElement, html, css} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+
+/**
+ * Show a breadcrumb item.
+ * @slot - This element has a slot
+ * @csspart - brea
+ */
+
+@customElement('iu-breadcrumbs-item')
+
+export class BreadcrumbsItem extends LitElement {
+ static override styles = css`
+ :host h1{
+ color: var(--iu-color-black);
+ margin: 0;
+ font-size: inherit;
+ font-weight: 400;
+ font: var(--iu-f-4);
+ display: inline;
+ }
+ :host li{
+ font: var(--iu-f-4);
+ display: inline;
+ }
+ :host .link a{
+ color: var(--iu-color-grey-300);
+ text-decoration: none;
+ }
+ :host .divider{
+ color: var(--theme-color-black);
+ margin-left: var(--iu-spacing-0);
+ margin-right: var(--iu-spacing-0);
+ }
+ `;
+
+ @property() href?: string;
+ @property() type?: string;
+ @property() text?: string;
+
+ override render() {
+ this.type == 'current' ? '' : ''
+ if (this.href) {
+ return html`
+
+
+ ${this.text}
+ ${this.img && html``}
+
+
+
+
+ `;
+ }
+
+}
+
+declare global {
+ interface HTMLElementTagNameMap {
+ 'iu-card': Card;
+ }
+}
\ No newline at end of file
diff --git a/src/components/carousel/carousel.ts b/src/components/carousel/carousel.ts
new file mode 100644
index 0000000..53f3e9c
--- /dev/null
+++ b/src/components/carousel/carousel.ts
@@ -0,0 +1,131 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+import {LitElement, html, css, unsafeCSS} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+import { breakpoints } from '../../breakpoints';
+import Swiper from 'swiper';
+import { EffectFade, Navigation, Pagination } from 'swiper/modules';
+import swiperStyles from 'swiper/css/bundle?raw';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+
+@customElement('iu-carousel')
+
+export class Carousel extends LitElement {
+ static override styles = [
+ css([swiperStyles]),
+ css`
+ .img{
+ aspect-ratio: 3/2;
+ height: auto;
+ }
+ .img img{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+ .caption p{
+ font: var(--iu-f-0);
+ background: #fff;
+ margin-bottom: 0;
+ margin-top: 1.75rem;
+ height: 100%;
+ }
+ :host .swiper-button-prev, :host .swiper-button-next{
+ width: 50%;
+ height: var(--carousel-img-height);
+ top: 0;
+ margin-top: 0;
+ }
+ :host .swiper-button-prev::after, :host .swiper-button-next::after{
+ content: none;
+ }
+ :host .swiper-pagination{
+ display: flex;
+ gap: 0.625rem;
+ position: absolute;
+ top: calc(var(--carousel-img-height) + 0.625rem);
+ }
+ :host .swiper-pagination .swiper-pagination-bullet{
+ width:100%;
+ border-radius: 0;
+ height: 1px;
+ margin: 0;
+ background: var(--iu-color-grey-300);
+ opacity: 1;
+ }
+ :host .swiper-pagination .swiper-pagination-bullet-active{
+ background: var(--iu-color-black);
+ height: 3px;
+ }
+ :host .swiper-slide{
+ opacity: 0;
+ }
+ :host .swiper-slide-active, :host .swiper.slide-duplicate-active{
+ opacity: 1;
+ }
+ `
+ ];
+
+ @property({ type: Array }) items: Array<{ path: string; caption?: string }> = [];
+
+ override firstUpdated() {
+ // Initialize Swiper once the component is rendered
+ new Swiper(this.shadowRoot.querySelector('.swiper'), {
+ modules: [EffectFade, Navigation, Pagination],
+ loop: true,
+ effect: 'fade',
+ crossFade: true,
+ pagination: {
+ el: this.shadowRoot.querySelector('.swiper-pagination')
+ },
+ navigation: {
+ nextEl: this.shadowRoot.querySelector('.swiper-button-next'),
+ prevEl: this.shadowRoot.querySelector('.swiper-button-prev')
+ },
+ });
+ requestAnimationFrame(() => {
+ const height = Math.floor(this.clientWidth / 1.5)
+ this.style.setProperty('--carousel-img-height', `${height}px`);
+ });
+ }
+
+ override render() {
+ return html`
+
+ ${this.category}
+ ${this.date}
+
+ ${this.name}
+
+
+ `;
+ }
+
+}
+
+declare global {
+ interface HTMLElementTagNameMap {
+ 'iu-carousel': Carousel;
+ }
+}
\ No newline at end of file
diff --git a/src/components/contacts/contact-card.ts b/src/components/contacts/contact-card.ts
new file mode 100644
index 0000000..52d2ab5
--- /dev/null
+++ b/src/components/contacts/contact-card.ts
@@ -0,0 +1,172 @@
+/**
+* @license
+* Copyright 2019 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+
+import {LitElement, html, css, unsafeCSS} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+import { breakpoints } from '../../breakpoints';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+
+@customElement('iu-contact-card')
+
+export class ContactCard extends LitElement {
+ static override styles = css`
+ :host{
+ display: flex;
+ align-items: flex-end;
+ aspect-ratio: 1/1;
+ background: var(--iu-color-black);
+ color: var(--iu-color-yellow-100);
+ padding: var(--iu-grid-gutter);
+ }
+ :host(.external) a svg{
+ transform: rotate(-45deg);
+ }
+ :host(.span-2){
+ aspect-ratio: unset;
+ }
+ @media ${unsafeCSS(breakpoints.xl)} {
+ :host(.span-2){
+ aspect-ratio: 2/0.975;
+ }
+ }
+ div{
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ height: 100%;
+ }
+ header{
+ flex-grow: 1;
+ }
+ header span{
+ display: block;
+ }
+ .title{
+ font: var(--iu-f-lg);
+ }
+ .sub{
+ margin-top: 1rem;
+ }
+ header a{
+ display: flex;
+ align-items: center;
+ text-decoration: none;
+ color: var(--iu-color-yellow-100);
+ }
+ header a span{
+ flex-grow: 1;
+ }
+ header a svg{
+ width: 40px;
+ }
+ @media ${unsafeCSS(breakpoints.lg)} {
+ :host(.span-2) footer{
+ display: grid;
+ grid-template-columns: repeat(2,1fr);
+ }
+ }
+ footer ul{
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ }
+ footer ul li a{
+ color: var(--iu-color-yellow-100);
+ }
+ footer ul li a:hover{
+ text-decoration: none;
+ }
+ .description{
+ margin-top: var(--iu-spacing-6);
+ }
+ @media ${unsafeCSS(breakpoints.xl)} {
+ .description{
+ margin-top: 0;
+ }
+ }
+ .description p{
+ margin: 0;
+ }
+ `;
+
+ @property() href? : string;
+ @property() name : string = '#';
+ @property() sub? : string;
+ @property({ type: Array }) contacts?: Array<{ href: string; label: string }> = [];
+ @property() description? : string;
+
+ /**
+ * Checks if a link is external or internal.
+ * @param link The URL to check.
+ * @returns true if the link is external, false otherwise.
+ */
+ private isExternalLink(link: string): boolean {
+ const linkElement = document.createElement('a');
+ linkElement.href = link;
+ return linkElement.hostname !== window.location.hostname && !!linkElement.hostname;
+ }
+
+ /**
+ * Applies the appropriate class to the component based on the link type.
+ */
+ private checkLinkType() {
+ if (this.href) {
+ const isExternal = this.isExternalLink(this.href);
+ this.classList.toggle('external', isExternal);
+ this.classList.toggle('internal', !isExternal);
+ }
+ }
+
+
+ /**
+ * If component has description, span for 2 columns
+ */
+ private checkCardSpan(){
+ if (this.description != undefined) {
+ this.classList.add('span-2')
+ }
+ }
+
+ override firstUpdated(){
+ super.firstUpdated();
+ this.checkCardSpan();
+ this.checkLinkType();
+ }
+
+ override render() {
+ return html`
+
+ ${this.items.map(
+ (item) => html`
+
+
+
+
+
+
+
+
+
+ `
+ )}
+
+ 
+ ${item.caption
+ ? html`
+ `
+ : ''
+ }
+
+ ${unsafeHTML(item.caption)}
+
+ ${this. href
+ ? html`${this.name}`
+ : html`${this.name}`
+ }
+ ${this.sub && html`${this.sub}`}
+
+
+
+ `;
+ }
+}
+
+declare global {
+ interface HTMLElementTagNameMap {
+ 'iu-contact-card': ContactCard;
+ }
+}
\ No newline at end of file
diff --git a/src/components/contacts/contacts-cards.ts b/src/components/contacts/contacts-cards.ts
new file mode 100644
index 0000000..a09e4be
--- /dev/null
+++ b/src/components/contacts/contacts-cards.ts
@@ -0,0 +1,76 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+import {LitElement, html, css, unsafeCSS} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+import { breakpoints } from '../../breakpoints';
+
+@customElement('iu-contacts-cards')
+
+export class ContactsCards extends LitElement {
+ static override styles = css`
+ :host{
+ display: block;
+ margin-bottom: var(--iu-spacing-block-sm);
+ }
+ iu-paragraph{
+ margin-bottom: var(--iu-spacing-1);
+ }
+ iu-paragraph p{
+ font-weight: bold;
+ }
+ iu-container{
+ display: grid;
+ grid-template-columns: repeat(12, minmax(0, 1fr));
+ gap: var(--iu-grid-gutter);
+ }
+ ::slotted(iu-contact-card){
+ grid-column: span 12 / span 12;
+ }
+ @media ${unsafeCSS(breakpoints.md)} {
+ ::slotted(iu-contact-card){
+ grid-column: span 6 / span 6;
+ }
+ ::slotted(.span-2){
+ grid-column: span 12 / span 12;
+ }
+ }
+ @media ${unsafeCSS(breakpoints.lg)} {
+ ::slotted(iu-contact-card){
+ grid-column: span 4 / span 4;
+ }
+ ::slotted(.span-2){
+ grid-column: span 6 / span 6;
+ }
+ }
+ @media ${unsafeCSS(breakpoints.xl)} {
+ ::slotted(iu-contact-card){
+ grid-column: span 3 / span 3;
+ }
+ }
+ iu-heading{
+ --iu-heading-link-color: var(--iu-color-yellow-400);
+ }
+ `;
+
+ @property() heading? = '';
+
+ override render() {
+ return html`
+ ${this.heading && html`${this.heading}
+
+
+ ${this.weekday}
+ ${this.day}
+
+
+
+
+ ${this.time == '' ? 'Tutto il giorno' : this.time }
+ ${this.deadline && html`Fino al ${this.deadline}`}
+
+ ${this.place}
+
+ ${this.name}
+ ${this.subtitle && html`${this.subtitle}`}
+ ${this.excerpt && html`${this.excerpt}`}
+
+ ${unsafeHTML(this.text)}
`}
+
+ ${this.label && html`
+ ${this.label}
`} +-
+ ${this.items.map(
+ (item) => html`
+
${this.heading}
`} +Università Iuav di Venezia
+-
+ ${this.items.map(
+ (item) => html`
+
- + ${item.text} + + ` + )} +
+
+ `;
+ }
+
+}
+
+declare global {
+ interface HTMLElementTagNameMap {
+ 'iu-header-navbar-submenu': SiteHeaderNavbarSubmenu;
+ }
+}
\ No newline at end of file
diff --git a/src/components/header/header-navbar.ts b/src/components/header/header-navbar.ts
new file mode 100644
index 0000000..a96b9da
--- /dev/null
+++ b/src/components/header/header-navbar.ts
@@ -0,0 +1,202 @@
+import {LitElement, html, css, unsafeCSS} from 'lit';
+import { customElement, queryAssignedElements } from 'lit/decorators.js';
+import { breakpoints } from '../../breakpoints';
+
+@customElement('iu-header-navbar')
+
+export class SiteHeaderNavbar extends LitElement {
+ static override styles = css`
+ @media ${unsafeCSS(breakpoints.xxl)} {
+ :host{
+ display: block;
+ }
+ }
+ :host a{
+ color: var(--theme-color-black);
+ text-decoration: none;
+ }
+ :host iu-container{
+ align-items: center;
+ height: 3.75rem;
+ background: var(--theme-color-white);
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ }
+ .logo{
+ font-weight: 700;
+ }
+ .nav{
+ grid-column: 2 / 5;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .nav ul{
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ display: flex;
+ }
+ :host nav ul ::slotted(*:not(:last-child)){
+ margin-right: var(--iu-spacing-4);
+ }
+ .actions button{
+ width: 50px;
+ height: 50px;
+ background: transparent;
+ border: 0;
+ padding: 0;
+ cursor: pointer;
+ display: none;
+ margin-right: calc((50px - 16px) / 2 * -1)
+ }
+ .actions button svg{
+ height: 16px;
+ width: 16px;
+ }
+ `;
+
+ // Query all `iu-header-navbar-item` elements
+ @queryAssignedElements({ slot: '' })
+ navbarItems!: HTMLElement[];
+
+ private isAnySubmenuOpen(): boolean {
+ return !this.navbarItems.some((item: any) => item.isActive);
+ }
+
+ private updateActionsVisibility() {
+ const actionsButton = this.shadowRoot?.querySelector('.actions button') as HTMLElement;
+ if (actionsButton) {
+ if (this.isAnySubmenuOpen()) {
+ actionsButton.style.display = 'block'; // Show the button
+ } else {
+ actionsButton.style.display = 'none'; // Hide the button
+ }
+ }
+ }
+
+ private handleSubmenuToggle(event: CustomEvent) {
+
+ const { source } = event.detail;
+
+ this.navbarItems.forEach((item: any) => {
+ // Close all other submenus
+ if (item !== source) {
+ item.isActive = false;
+ item.submenuElements.forEach((submenu: HTMLElement) =>
+ submenu.classList.remove('is-active')
+ );
+ }
+ // Handle closing animation if same element toggled
+ if (event.detail.closing && item === source) {
+ item.submenuElements.forEach((submenu: HTMLElement) => {
+ submenu.classList.add('is-closing')
+ const container = submenu.container;
+ const containerHeight = container.scrollHeight;
+ container.animate(
+ [
+ { height: `${containerHeight}px` },
+ { height: 0 }
+ ],
+ {
+ duration: 250,
+ delay: 250,
+ easing: 'ease-out'
+ }
+ ).onfinish = () => {
+ submenu.classList.remove('is-closing'),
+ submenu.classList.remove('is-active')
+ }
+ });
+ }
+ });
+
+ // Check if any submenu is open and toggle button visibility
+ this.updateActionsVisibility();
+
+ }
+
+ private closeAllSubmenu(){
+
+ const actionsButton = this.shadowRoot?.querySelector('.actions button') as HTMLElement;
+ if (actionsButton) {
+ actionsButton.style.display = 'none'; // Hide the button
+ }
+
+ document.body.classList.remove('is-locked');
+
+ this.navbarItems.forEach((item: any) => {
+ // Close all submenus
+ item.isActive = false;
+ item.submenuElements.forEach((submenu: HTMLElement) => {
+ // Animate open submenu
+ if (submenu.classList.contains('is-active')){
+ const overlay = document.querySelector('iu-overlay') as Overlay;
+ overlay.visible = false;
+ submenu.classList.add('is-closing');
+ const container = submenu.container;
+ const containerHeight = container.scrollHeight;
+ container.animate(
+ [
+ { height: `${containerHeight}px` },
+ { height: 0 }
+ ],
+ {
+ duration: 250,
+ delay: 250,
+ easing: 'ease-out'
+ }
+ ).onfinish = () => {
+ submenu.classList.remove('is-closing'),
+ submenu.classList.remove('is-active')
+ }
+ } else {
+ submenu.classList.remove('is-active')
+ }
+ }
+ );
+ });
+
+ }
+
+ override connectedCallback() {
+ super.connectedCallback();
+ this.addEventListener('iu-header-toggle-submenu', this.handleSubmenuToggle as EventListener);
+
+ // Update the button visibility on initial load
+ this.updateActionsVisibility();
+
+ }
+
+ override disconnectedCallback() {
+ this.removeEventListener('iu-header-toggle-submenu', this.handleSubmenuToggle as EventListener);
+ super.disconnectedCallback();
+ }
+
+ override render() {
+ return html`
+ -
+
+ ${this.i18n && html`EN`}
+ ${this.searchable && html``}
+
+ ${text}
`; + case 2: + return html`${text}
`; + case 3: + return html`${text}
`; + case 4: + return html`${text}
`; + case 5: + return html`${text}
`; + case 6: + return html`${text}
`; + default: + return html`${text}
`; + } + }; + + const contentTemplate = getHeadingTemplate(this.tag, this.text); + + return html` +
+ ${contentTemplate}
+ ${linkTemplate}
+
+
+
+
+ ${this.jpg && html`
+
+
+ `;
+ }
+
+}
+
+declare global {
+ interface HTMLElementTagNameMap {
+ 'iu-hero-banner': HeroBanner;
+ }
+}
\ No newline at end of file
diff --git a/src/components/link/link.css b/src/components/link/link.css
new file mode 100644
index 0000000..2d87223
--- /dev/null
+++ b/src/components/link/link.css
@@ -0,0 +1,3 @@
+iu-link:last-child{
+ border-bottom: 1px solid var(--iu-comp-border-color);
+}
\ No newline at end of file
diff --git a/src/components/link/link.ts b/src/components/link/link.ts
new file mode 100644
index 0000000..23c05e2
--- /dev/null
+++ b/src/components/link/link.ts
@@ -0,0 +1,102 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+import {LitElement, html, css, unsafeCSS} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+import { breakpoints } from '../../breakpoints';
+
+@customElement('iu-link')
+
+export class Link extends LitElement {
+ static override styles = css`
+ :host{
+ display: block;
+ --iu-comp-bg: transparent;
+ --iu-comp-color: var(--iu-color-black);
+ --iu-comp-bg-hover: var(--iu-color-black);
+ --iu-comp-color-hover: var(--iu-color-white);
+ --iu-comp-border-color: var(--iu-color-grey-200);
+ --iu-comp-border-color-hover: var(--iu-color-grey-500);
+ // margin-bottom: var(--iu-spacing-3);
+ }
+ @media ${unsafeCSS(breakpoints.md)} {
+ :host{
+ // margin-bottom: var(--iu-spacing-6);
+ }
+ }
+ a{
+ background: var(--iu-comp-bg);
+ color: var(--iu-comp-color);
+ font: var(--iu-f-2);
+ text-decoration: none;
+ border-top: 1px solid var(--iu-comp-border-color);
+ position: relative;
+ display: flex;
+ }
+ a.size-2{
+ font: var(--iu-f-lg);
+ }
+ a:hover{
+ background: var(--iu-comp-bg-hover);
+ color: var(--iu-comp-color-hover);
+ }
+ svg{
+ width: 2.25rem;
+ height: 2.25rem;
+ margin-right: var(--iu-spacing-0);
+ flex-shrink: 0;
+ }
+ .size-2 svg{
+ width: 3.125rem;
+ height: 3.125rem;
+ margin-right: var(--iu-spacing-1);
+ }
+ a > span{
+ padding-top: 0.375rem;
+ padding-bottom: 0.375rem;
+ // padding-right: 1.25rem;
+ }
+ a span span{
+ display: inline-block;
+ font: var(--iu-f-0);
+ color: var(--iu-color-grey-300);
+ transform: translateY(-0.875rem);
+ }
+ `;
+
+ @property() href?: string;
+ @property() text?: string;
+ @property() label?: string;
+ @property() target?: string = "_self";
+ @property({type: Number}) size = 1;
+ @property({type: Boolean, reflect: true}) nested?: boolean = false;
+
+ override render() {
+ return html`
+
+
+ ${this.webp ? html`` : ''}
+
+
+
+
+ `}
+
+ ${(this.webm || this.mp4) && html`
+
+
+
+
+ `}
+
+ ${this.heading && html`
+ ${this.heading}
+ `} + +
+ ${this.label && html`
+ ${this.label}
`} + ${this.items.map( + (item) => html` +
+
+ `;
+ }
+
+}
+
+declare global {
+ interface HTMLElementTagNameMap {
+ 'iu-list-item': ListItem;
+ }
+}
\ No newline at end of file
diff --git a/src/components/list/list.ts b/src/components/list/list.ts
new file mode 100644
index 0000000..cda3162
--- /dev/null
+++ b/src/components/list/list.ts
@@ -0,0 +1,75 @@
+/**
+* @license
+* Copyright 2019 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+
+import {LitElement, html, css, unsafeCSS} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+import { breakpoints } from '../../breakpoints';
+
+@customElement('iu-list')
+
+export class List extends LitElement {
+ static override styles = css`
+ :host{
+ display: block;
+ margin-bottom: var(--iu-spacing-block);
+ }
+ :host iu-container{
+ display: grid;
+ grid-template-columns: repeat( var(--list-columns-sm), 1fr);
+ grid-gap: var(--iu-grid-gutter);
+ }
+ @media ${unsafeCSS(breakpoints.md)} {
+ :host iu-container{
+ grid-template-columns: repeat( var(--list-columns-md, var(--list-columns-sm)), 1fr);
+ }
+ }
+ @media ${unsafeCSS(breakpoints.lg)} {
+ :host iu-container{
+ grid-template-columns: repeat( var(--list-columns-lg, var(--list-columns-md, var(--list-columns-sm))), 1fr);
+ }
+ }
+ @media ${unsafeCSS(breakpoints.xl)} {
+ :host iu-container{
+ grid-template-columns: repeat( var(--list-columns-xl, var(--list-columns-lg, var(--list-columns-md, var(--list-columns-sm)))), 1fr);
+ }
+ }
+ `;
+
+ @property({type: Number}) sm? = 2;
+ @property({type: Number}) md?: number;
+ @property({type: Number}) lg?: number;
+ @property({type: Number}) xl?: number;
+ @property({type: Boolean, reflect: true}) nested?: boolean = false;
+
+ override updated(changedProperties) {
+
+ const sizes = ['sm', 'md', 'lg', 'xl'];
+
+ sizes.forEach((size) => {
+ if (changedProperties.has(size)) {
+ const value = this[size];
+ // Update the CSS variable dynamically
+ this.style.setProperty(`--list-columns-${size}`, value?.toString() || '');
+ }
+ });
+
+ }
+
+ override render() {
+ return html`
+ ${this.label}
+${unsafeHTML(this.text)}
+
+
+
+
+
+ `}};q.styles=L`
+ :host{
+ --iu-comp-bg: transparent;
+ --iu-comp-color: var(--iu-color-black);
+ --iu-comp-bg-hover: var(--iu-color-black);
+ --iu-comp-color-hover: var(--iu-color-white);
+ --iu-comp-border-color: var(--iu-color-grey-200);
+ --iu-comp-border-color-hover: var(--iu-color-grey-500);
+ }
+ :host:has(.accordion.is-open){
+ border-bottom: 1px solid var(--iu-comp-border-color-hover);
+ }
+ .accordion{
+ border-top: 1px solid var(--iu-comp-border-color);
+ cursor: pointer;
+ color: var(--iu-comp-color);
+ background: var(--iu-comp-bg);
+ }
+ .accordion.is-open,
+ .accordion.is-open button,
+ :host(:hover),
+ :host(:hover) button{
+ color: var(--iu-comp-color-hover);
+ background: var(--iu-comp-bg-hover);
+ }
+ .accordion.is-open svg{
+ transform: rotate(45deg);
+ }
+ button{
+ color: var(--iu-comp-color);
+ background: var(--iu-comp-bg);
+ cursor: pointer;
+ border: 0;
+ position: relative;
+ font: var(--iu-f-2);
+ text-align: left;
+ width: 100%;
+ padding: 4px 0;
+ display: flex;
+ align-items: center;
+ text-rendering: geometricPrecision;
+ }
+ .size-2 button{
+ padding: 0;
+ font: var(--iu-f-lg);
+ }
+ svg{
+ transition: transform .2s ease;
+ }
+ .size-1 svg{
+ width: 36px;
+ height: 36px;
+ margin-right: .625rem;
+ margin-top: -2px;
+ }
+ .size-2 svg{
+ width: 50px;
+ height: 50px;
+ margin-right: .9375rem;
+ margin-top: -2px;
+ }
+ @media ${_(O.xl)} {
+ button{
+ }
+ }
+ .content{
+ display: none;
+ color: var(--iu-comp-color);
+ padding-top: var(--iu-spacing-2);
+ padding-bottom: var(--iu-spacing-6);
+ padding-left: calc(3.125rem + .9375rem);
+ padding-right: var(--iu-grid-gutter);
+ }
+ .content.is-open{
+ display: block;
+ }
+ .content.columns-2{
+ columns: 2;
+ gap: var(--iu-grid-gutter);
+ }
+ ::slotted(*){
+ --iu-comp-color: var(--iu-color-white);
+ --iu-comp-border-color: var(--iu-color-grey-500);
+ --iu-comp-bg-hover: var(--iu-color-white);
+ --iu-comp-color-hover: var(--iu-color-black);
+ margin-bottom: 0;
+ color: var(--iu-color-white) !important;
+ }
+ `;oe([w()],q.prototype,"text",2);oe([w()],q.prototype,"index",2);oe([w({type:Boolean,reflect:!0})],q.prototype,"columns",2);oe([w({type:Boolean,reflect:!0})],q.prototype,"isOpen",2);oe([w()],q.prototype,"controlled",2);oe([w({type:Number})],q.prototype,"size",2);oe([Ge("slot")],q.prototype,"slotElement",2);q=oe([I("iu-accordion")],q);var as=Object.defineProperty,ls=Object.getOwnPropertyDescriptor,ct=(i,e,t,s)=>{for(var r=s>1?void 0:s?ls(e,t):e,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(e,t,r):o(r))||r);return s&&r&&as(e,t,r),r};let Ae=class extends M{constructor(){super(...arguments),this.mode="single",this.columns=!1,this.openAccordions=[]}firstUpdated(){super.firstUpdated(),this.columns&&this.classList.add("columns-2"),this.querySelectorAll("iu-accordion").forEach((i,e)=>{i.index=e,i.controlled=!0})}handleAccordionToggle(i){const{index:e}=i.detail;this.mode==="single"?this.openAccordions=this.openAccordions.includes(e)?[]:[e]:this.mode==="multiple"&&(this.openAccordions.includes(e)?this.openAccordions=this.openAccordions.filter(t=>t!==e):this.openAccordions=[...this.openAccordions,e]),this.updateAccordionStates()}updateAccordionStates(){this.querySelectorAll("iu-accordion").forEach((i,e)=>{const t=this.openAccordions.includes(e);i.isOpen=t})}render(){return A`
+
+
+
+
+ ${this.text}
+ ${this.img&&A``}
+
+
+
+
+ `}};W.styles=L`
+ :host{
+ display: block;
+ }
+ .card{
+ display: block;
+ text-decoration: none;
+ color: var(--iu-color-black);
+ position: relative;
+ aspect-ratio: 1/1;
+ overflow: hidden;
+ }
+ .card:hover .img{
+ height: 100% !important;
+ }
+ .img{
+ transition: height .2s ease;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ overflow: hidden;
+ background-image: linear-gradient(to top, var(--iu-color-grey-400), var(--iu-color-grey-200));
+ }
+ .img img{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+ .header{
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ display: flex;
+ justify-content: space-between;
+ font: var(--iu-f-0);
+ color: var(--iu-color-grey-300);
+ }
+ .content p{
+ font: var(--iu-f-2);
+ font-weight: bold;
+ margin-top: 0;
+ }
+ `;ae([Ge(".img")],W.prototype,"cardImg",2);ae([Ge(".content")],W.prototype,"cardContent",2);ae([w()],W.prototype,"href",2);ae([w()],W.prototype,"category",2);ae([w()],W.prototype,"date",2);ae([w()],W.prototype,"name",2);ae([w()],W.prototype,"img",2);W=ae([I("iu-card")],W);function si(i){return i!==null&&typeof i=="object"&&"constructor"in i&&i.constructor===Object}function Nt(i,e){i===void 0&&(i={}),e===void 0&&(e={}),Object.keys(e).forEach(t=>{typeof i[t]>"u"?i[t]=e[t]:si(e[t])&&si(i[t])&&Object.keys(e[t]).length>0&&Nt(i[t],e[t])})}const mi={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector(){return null},querySelectorAll(){return[]},getElementById(){return null},createEvent(){return{initEvent(){}}},createElement(){return{children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName(){return[]}}},createElementNS(){return{}},importNode(){return null},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function ve(){const i=typeof document<"u"?document:{};return Nt(i,mi),i}const ws={document:mi,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle(){return{getPropertyValue(){return""}}},Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia(){return{}},requestAnimationFrame(i){return typeof setTimeout>"u"?(i(),null):setTimeout(i,0)},cancelAnimationFrame(i){typeof setTimeout>"u"||clearTimeout(i)}};function V(){const i=typeof window<"u"?window:{};return Nt(i,ws),i}function bs(i){return i===void 0&&(i=""),i.trim().split(" ").filter(e=>!!e.trim())}function ys(i){const e=i;Object.keys(e).forEach(t=>{try{e[t]=null}catch{}try{delete e[t]}catch{}})}function Et(i,e){return e===void 0&&(e=0),setTimeout(i,e)}function Qe(){return Date.now()}function xs(i){const e=V();let t;return e.getComputedStyle&&(t=e.getComputedStyle(i,null)),!t&&i.currentStyle&&(t=i.currentStyle),t||(t=i.style),t}function As(i,e){e===void 0&&(e="x");const t=V();let s,r,n;const o=xs(i);return t.WebKitCSSMatrix?(r=o.transform||o.webkitTransform,r.split(",").length>6&&(r=r.split(", ").map(l=>l.replace(",",".")).join(", ")),n=new t.WebKitCSSMatrix(r==="none"?"":r)):(n=o.MozTransform||o.OTransform||o.MsTransform||o.msTransform||o.transform||o.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),s=n.toString().split(",")),e==="x"&&(t.WebKitCSSMatrix?r=n.m41:s.length===16?r=parseFloat(s[12]):r=parseFloat(s[4])),e==="y"&&(t.WebKitCSSMatrix?r=n.m42:s.length===16?r=parseFloat(s[13]):r=parseFloat(s[5])),r||0}function Ye(i){return typeof i=="object"&&i!==null&&i.constructor&&Object.prototype.toString.call(i).slice(8,-1)==="Object"}function Ss(i){return typeof window<"u"&&typeof window.HTMLElement<"u"?i instanceof HTMLElement:i&&(i.nodeType===1||i.nodeType===11)}function R(){const i=Object(arguments.length<=0?void 0:arguments[0]),e=["__proto__","constructor","prototype"];for(let t=1;t
+ ${this.category}
+ ${this.date}
+
+ ${this.name}
+
+
+ `}};tt.styles=[L([Yr]),L`
+ .img{
+ aspect-ratio: 3/2;
+ height: auto;
+ }
+ .img img{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+ .caption p{
+ font: var(--iu-f-0);
+ background: #fff;
+ margin-bottom: 0;
+ margin-top: 1.75rem;
+ height: 100%;
+ }
+ :host .swiper-button-prev, :host .swiper-button-next{
+ width: 50%;
+ height: var(--carousel-img-height);
+ top: 0;
+ margin-top: 0;
+ }
+ :host .swiper-button-prev::after, :host .swiper-button-next::after{
+ content: none;
+ }
+ :host .swiper-pagination{
+ display: flex;
+ gap: 0.625rem;
+ position: absolute;
+ top: calc(var(--carousel-img-height) + 0.625rem);
+ }
+ :host .swiper-pagination .swiper-pagination-bullet{
+ width:100%;
+ border-radius: 0;
+ height: 1px;
+ margin: 0;
+ background: var(--iu-color-grey-300);
+ opacity: 1;
+ }
+ :host .swiper-pagination .swiper-pagination-bullet-active{
+ background: var(--iu-color-black);
+ height: 3px;
+ }
+ :host .swiper-slide{
+ opacity: 0;
+ }
+ :host .swiper-slide-active, :host .swiper.slide-duplicate-active{
+ opacity: 1;
+ }
+ `];Ei([w({type:Array})],tt.prototype,"items",2);tt=Ei([I("iu-carousel")],tt);var Qr=Object.defineProperty,Kr=Object.getOwnPropertyDescriptor,Te=(i,e,t,s)=>{for(var r=s>1?void 0:s?Kr(e,t):e,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(e,t,r):o(r))||r);return s&&r&&Qr(e,t,r),r};let ie=class extends M{constructor(){super(...arguments),this.name="#",this.contacts=[]}isExternalLink(i){const e=document.createElement("a");return e.href=i,e.hostname!==window.location.hostname&&!!e.hostname}checkLinkType(){if(this.href){const i=this.isExternalLink(this.href);this.classList.toggle("external",i),this.classList.toggle("internal",!i)}}checkCardSpan(){this.description!=null&&this.classList.add("span-2")}firstUpdated(){super.firstUpdated(),this.checkCardSpan(),this.checkLinkType()}render(){return A`
+
+ ${this.items.map(i=>A`
+
+
+
+
+
+
+
+
+
+ `)}
+
+
+ ${i.caption?A`
+ `:""}
+
+ ${ft(i.caption)}
+
+ ${this.href?A`${this.name}`:A`${this.name}`}
+ ${this.sub&&A`${this.sub}`}
+
+
+
+ `}};ie.styles=L`
+ :host{
+ display: flex;
+ align-items: flex-end;
+ aspect-ratio: 1/1;
+ background: var(--iu-color-black);
+ color: var(--iu-color-yellow-100);
+ padding: var(--iu-grid-gutter);
+ }
+ :host(.external) a svg{
+ transform: rotate(-45deg);
+ }
+ :host(.span-2){
+ aspect-ratio: unset;
+ }
+ @media ${_(O.xl)} {
+ :host(.span-2){
+ aspect-ratio: 2/0.975;
+ }
+ }
+ div{
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ height: 100%;
+ }
+ header{
+ flex-grow: 1;
+ }
+ header span{
+ display: block;
+ }
+ .title{
+ font: var(--iu-f-lg);
+ }
+ .sub{
+ margin-top: 1rem;
+ }
+ header a{
+ display: flex;
+ align-items: center;
+ text-decoration: none;
+ color: var(--iu-color-yellow-100);
+ }
+ header a span{
+ flex-grow: 1;
+ }
+ header a svg{
+ width: 40px;
+ }
+ @media ${_(O.lg)} {
+ :host(.span-2) footer{
+ display: grid;
+ grid-template-columns: repeat(2,1fr);
+ }
+ }
+ footer ul{
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ }
+ footer ul li a{
+ color: var(--iu-color-yellow-100);
+ }
+ footer ul li a:hover{
+ text-decoration: none;
+ }
+ .description{
+ margin-top: var(--iu-spacing-6);
+ }
+ @media ${_(O.xl)} {
+ .description{
+ margin-top: 0;
+ }
+ }
+ .description p{
+ margin: 0;
+ }
+ `;Te([w()],ie.prototype,"href",2);Te([w()],ie.prototype,"name",2);Te([w()],ie.prototype,"sub",2);Te([w({type:Array})],ie.prototype,"contacts",2);Te([w()],ie.prototype,"description",2);ie=Te([I("iu-contact-card")],ie);var Jr=Object.defineProperty,en=Object.getOwnPropertyDescriptor,Ti=(i,e,t,s)=>{for(var r=s>1?void 0:s?en(e,t):e,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(e,t,r):o(r))||r);return s&&r&&Jr(e,t,r),r};let it=class extends M{constructor(){super(...arguments),this.heading="Contatti"}render(){return A`
+ ${this.heading}
+
+
+ ${this.weekday}
+ ${this.day}
+
+
+
+
+
+ ${this.time==""?"Tutto il giorno":this.time}
+ ${this.deadline&&A`Fino al ${this.deadline}`}
+
+ ${this.place}
+ ${ft(this.text)}
`}
+
+ ${this.label&&A`
+ ${this.label}
`} +-
+ ${this.items.map(i=>A`
+
Università Iuav di Venezia
+${this.heading}
`} +
+
+ `}};Mt.styles=L`
+ :host{
+ display: block;
+ }
+ div{
+ box-sizing: border-box;
+ pointer-events: none;
+ visibility: hidden;
+ opacity: 0;
+ position: absolute;
+ transform: translateZ(0) translateY(calc(100% - 2px));
+ bottom: 0;
+ left: 0;
+ // width: 100%;
+ background: #fff;
+ }
+ :host > div > ul {
+ list-style-type: none;
+ margin: 0;
+ padding-top: var(--iu-spacing-6);
+ padding-bottom: var(--iu-spacing-7);
+ padding-left: var(--iu-grid-offset);
+ padding-right: var(--iu-grid-gutter);
+ orphans: 1;
+ columns: 3;
+ column-gap: var(--iu-grid-gutter);
+ }
+ :host(.is-active) div{
+ pointer-events: auto;
+ visibility: visible;
+ opacity: 1;
+ }
+ :host(.is-closing) div{
+ }
+ ::slotted(*){
+ opacity: 1;
+ }
+ :host(.is-active.is-closing) ::slotted(*) {
+ transition: opacity .1s ease;
+ opacity: 0;
+ }
+ `;Mt=zn([I("iu-header-navbar-submenu")],Mt);var Ln=Object.defineProperty,In=Object.getOwnPropertyDescriptor,ht=(i,e,t,s)=>{for(var r=s>1?void 0:s?In(e,t):e,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(e,t,r):o(r))||r);return s&&r&&Ln(e,t,r),r};let $e=class extends M{constructor(){super(...arguments),this.href="",this.text="",this.items=[]}render(){return A`
+ -
+
-
+ ${this.items.map(i=>A`
+
- + ${i.text} + + `)} +
+ ${this.i18n&&A`EN`}
+ ${this.searchable&&A``}
+
+ ${r}
`;case 2:return A`${r}
`;case 3:return A`${r}
`;case 4:return A`${r}
`;case 5:return A`${r}
`;case 6:return A`${r}
`;default:return A`${r}
`}})(this.tag,this.text);return A` +
+ ${t}
+ ${i}
+
+
+
+
+ ${this.jpg&&A`
+
+
+ `}};K.styles=L`
+ :host{
+ display:block;
+ margin-bottom: var(--iu-spacing-block-lg);
+ }
+ .video{
+ aspect-ratio: 16/9;
+ position: relative;
+ overflow: hidden;
+ margin-bottom: calc(var(--iu-grid-gutter)*2);
+ z-index: 20;
+ }
+ @media ${_(O.md)} {
+ .video{
+ aspect-ratio: auto;
+ }
+ }
+ @media ${_(O.lg)} {
+ .video{
+ height: calc(var(--iu-hero-banner-height) - var(--iu-grid-gutter));
+ }
+ }
+ .video video{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+ h1{
+ font-weight: 400;
+ font: var(--iu-f-4);
+ z-index: 10;
+ margin-bottom: 0;
+ margin-top: 0;
+ width: calc(100% / 12 * 11);
+ }
+ @media ${_(O.md)} {
+ h1{
+ font: var(--iu-f-7);
+ }
+ }
+ @media ${_(O.lg)} {
+ h1{
+ font: var(--iu-f-9);
+ position: sticky;
+ bottom: var(--iu-grid-gutter);
+ }
+ }
+ `;we([w()],K.prototype,"jpg",2);we([w()],K.prototype,"webp",2);we([w()],K.prototype,"alt",2);we([w()],K.prototype,"mp4",2);we([w()],K.prototype,"webm",2);we([w()],K.prototype,"heading",2);K=we([I("iu-hero-banner")],K);var Wn=Object.defineProperty,Zn=Object.getOwnPropertyDescriptor,be=(i,e,t,s)=>{for(var r=s>1?void 0:s?Zn(e,t):e,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(e,t,r):o(r))||r);return s&&r&&Wn(e,t,r),r};let J=class extends M{constructor(){super(...arguments),this.target="_self",this.size=1,this.nested=!1}render(){return A`
+
+
+ ${this.webp?A``:""}
+
+
+
+
+ `}
+
+ ${(this.webm||this.mp4)&&A`
+
+
+
+
+ `}
+
+ ${this.heading&&A`
+ ${this.heading}
+ `} + +
+ ${this.label&&A`
+ ${this.label}
`} + ${this.items.map(i=>A` +
+
+ `}};Ne.styles=L`
+ :host{
+ display:block;
+ }
+ div{
+ border-top: 1px solid var(--iu-color-grey-200);
+ }
+ p{
+ margin: 0;
+ }
+ .label{
+ padding-top: var(--iu-spacing-0);
+ color: var(--iu-color-grey-300);
+ }
+ .text a{
+ color: var(--iu-color-black);
+ }
+ @media ${_(O.md)} {
+ }
+ `;Rt([w()],Ne.prototype,"label",2);Rt([w()],Ne.prototype,"text",2);Ne=Rt([I("iu-list-item")],Ne);var io=Object.defineProperty,so=Object.getOwnPropertyDescriptor,Fe=(i,e,t,s)=>{for(var r=s>1?void 0:s?so(e,t):e,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(e,t,r):o(r))||r);return s&&r&&io(e,t,r),r};let me=class extends M{constructor(){super(...arguments),this.columns=2,this.size=1,this.nested=!1}wrapListItems(){this.querySelectorAll("ul, ol").forEach(t=>{t.classList.add("list")}),this.querySelectorAll("li").forEach(t=>{const r=`${t.innerHTML}`;t.innerHTML=r})}firstUpdated(){this.wrapListItems()}render(){return A`
+ ${this.label}
+${ft(this.text)}
+
+
+ Forte di una tradizione riconosciuta in tutto il mondo e dell’eredità di Maestri dell’architettura come Carlo Scarpa e Aldo Rossi, il corso di laurea in Architettura Iuav è pienamente inserito nel presente e anticipa i bisogni di un mondo della professione in evoluzione.
+Un architetto contemporaneo deve saper leggere i luoghi, conoscerne la storia e immaginarne il futuro, coordinare competenze disciplinari diverse. Deve sapere unire sensibilità umanistica, conoscenze tecniche e senso civico, per collaborare alla costruzione di spazi, città e ambienti sostenibili.
+Il corso mette a confronto la teoria e la pratica, il sapere e il saper fare.
Nel laboratorio integrato potrai sperimentare e verificare le conoscenze acquisite e le relazioni interdisciplinari che compongono un progetto di architettura.
L’esperienza centrale del tuo percorso (la più amata da chi studia in Iuav) saranno i Wave, Workshop di Architettura a Venezia: tre settimane di progettazione intensiva sotto la guida di architetti di fama internazionale. Un’occasione straordinaria di arricchimento, che non ha uguali nel mondo della formazione universitaria e che si chiude con una grande mostra aperta al pubblico.
Dopo la laurea sarai in grado di operare professionalmente con competenza e autonomia come architetto junior (iscritto all’Albo degli Architetti, Pianificatori, Paesaggisti, Conservatori/sezione B), pronto per entrare nel mondo del lavoro collaborando alle attività di progettazione, direzione dei lavori, stima e collaudo di opere edilizie, comprese le opere pubbliche. O potrai decidere di proseguire gli studi con il corso di laurea magistrale, che ti apre alle attività di libera professione di architetto riconosciuto in ambito europeo.
+Secondo
+terzo
+Puoi iscriverti se sei in possesso di:
– diploma di maturità di durata quinquennale;
– diploma di maturità di durata quadriennale di un istituto magistrale o liceo artistico;
– diploma di istruzione secondaria superiore rilasciato da istituti e scuole stranieri;
– titoli di studio riconosciuti dalla Repubblica Italiana, titoli di studio rilasciati da scuole di frontiera, titolo di baccellierato internazionale, diplomi rilasciati da scuole europee.
I titoli di studio conseguiti all’estero consentono di proseguire gli studi nella formazione superiore italiana solo nel caso in cui siano stati conseguiti sulla base almeno dell’ultimo biennio di frequenza con esito positivo nel sistema formativo estero.
+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.
Il Manifesto degli studi è il documento che, ogni anno, definisce le modalità di svolgimento di un corso di studi, illustra i percorsi formativi e ti fornisce tutte le informazioni per affrontare i vari aspetti della tua carriera. È la fonte ufficiale delle informazioni a cui farai riferimento nel tuo percorso universitario.
È l’insieme delle norme che regolano gli ordinamenti didattici e i criteri di funzionamento dei corsi di studio, nel rispetto delle leggi e dello Statuto
La valutazione degli insegnamenti da parte di chi studia è tra le misure adottate dall’Ateneo per l'assicurazione della qualità della didattica, per il monitoraggio dei risultati e dei processi formativi e per la valutazione interna.
Studenti e studentesse di tutti i corsi di laurea (ad eccezione di chi si è appena immatricolata/o) compilano ogni anno un questionario che consente all’Ateneo di avere un ampio quadro delle opinioni sulla didattica, sui servizi e sul funzionamento dell’università.
+ Santa Croce 191, Tolentini
+ 30135 Venezia
+ C.F. 80009280274
+ P.Iva 00708670278
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec felis sed mauris maximus dictum. Quisque rutrum odio at lacinia pellentesque. Integer in sapien purus. Donec finibus, odio nec accumsan porttitor, velit nisl feugiat felis, eget aliquam dui purus et mi. Nulla vel lacinia ligula. Vestibulum a malesuada ante, in luctus sapien. Maecenas maximus ac quam sit amet pulvinar. Nulla quis ornare felis. Pellentesque tempus, urna et fermentum aliquet, tortor ipsum mattis lectus, ac blandit massa libero pellentesque magna. Nunc dignissim eros nunc, non condimentum turpis tristique vel. Aenean efficitur lectus vel enim vulputate tempus. Sed tincidunt arcu at dui facilisis ullamcorper.
+Sottotitolo
Aliquam ut ligula rutrum, iaculis lorem vel, blandit magna. Donec tempus ut arcu et porta. Sed sit amet sapien in metus bibendum aliquet. Nam porta facilisis augue. Sed pellentesque diam vitae dolor dapibus, at mollis nisi rhoncus. Sed non ultrices enim. Nulla volutpat lacinia nunc eget viverra. Cras tristique est id lorem blandit malesuada. Interdum et malesuada fames ac ante ipsum primis in faucibus.
-
+
- Pellentesque efficitur, dui bibendum faucibus congue, justo eros feugiat mauris, id blandit mi neque vitae dui. Ut id metus eget mi ultrices pulvinar or click here +
- Morbi sodales tristique lacinia. Suspendisse potenti. Curabitur pulvinar nibh sed tincidunt congue. Sed fringilla justo vitae nisi dictum, quis auctor ipsum bibendum. +
Sottotitolo
Aliquam ut ligula rutrum, iaculis lorem vel, blandit magna. Donec tempus ut arcu et porta. Sed sit amet sapien in metus bibendum aliquet. Nam porta facilisis augue. Sed pellentesque diam vitae dolor dapibus, at mollis nisi rhoncus. Sed non ultrices enim. Nulla volutpat lacinia nunc eget viverra. Cras tristique est id lorem blandit malesuada. Interdum et malesuada fames ac ante ipsum primis in faucibus.
+
-
+
- Pellentesque efficitur, dui bibendum faucibus congue, justo eros feugiat mauris, id blandit mi neque vitae dui. Ut id metus eget mi ultrices pulvinar or click here +
- Morbi sodales tristique lacinia. Suspendisse potenti. Curabitur pulvinar nibh sed tincidunt congue. Sed fringilla justo vitae nisi dictum, quis auctor ipsum bibendum. +
Sottotitolo
Aliquam ut ligula rutrum, iaculis lorem vel, blandit magna. Donec tempus ut arcu et porta. Sed sit amet sapien in metus bibendum aliquet. Nam porta facilisis augue. Sed pellentesque diam vitae dolor dapibus, at mollis nisi rhoncus. Sed non ultrices enim. Nulla volutpat lacinia nunc eget viverra. Cras tristique est id lorem blandit malesuada. Interdum et malesuada fames ac ante ipsum primis in faucibus.
-
+
- Pellentesque efficitur, dui bibendum faucibus congue, justo eros feugiat mauris, id blandit mi neque vitae dui. Ut id metus eget mi ultrices pulvinar or click here +
- Morbi sodales tristique lacinia. Suspendisse potenti. Curabitur pulvinar nibh sed tincidunt congue. Sed fringilla justo vitae nisi dictum, quis auctor ipsum bibendum. +
Sottotitolo
Aliquam ut ligula rutrum, iaculis lorem vel, blandit magna. Donec tempus ut arcu et porta. Sed sit amet sapien in metus bibendum aliquet. Nam porta facilisis augue. Sed pellentesque diam vitae dolor dapibus, at mollis nisi rhoncus. Sed non ultrices enim. Nulla volutpat lacinia nunc eget viverra. Cras tristique est id lorem blandit malesuada. Interdum et malesuada fames ac ante ipsum primis in faucibus.
+
-
+
- Pellentesque efficitur, dui bibendum faucibus congue, justo eros feugiat mauris, id blandit mi neque vitae dui. Ut id metus eget mi ultrices pulvinar or click here +
- Morbi sodales tristique lacinia. Suspendisse potenti. Curabitur pulvinar nibh sed tincidunt congue. Sed fringilla justo vitae nisi dictum, quis auctor ipsum bibendum. +
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.
+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.
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque dignissimos sit corrupti mollitia sunt facilis quisquam aliquid iusto architecto inventore dolores hic optio debitis, similique commodi temporibus cupiditate aspernatur eius!
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque dignissimos sit corrupti mollitia sunt facilis quisquam aliquid iusto architecto inventore dolores hic optio debitis, similique commodi temporibus cupiditate aspernatur eius!
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque dignissimos sit corrupti mollitia sunt facilis quisquam aliquid iusto architecto inventore dolores hic optio debitis, similique commodi temporibus cupiditate aspernatur eius!
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque dignissimos sit corrupti mollitia sunt facilis quisquam aliquid iusto architecto inventore dolores hic optio debitis, similique commodi temporibus cupiditate aspernatur eius!
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque dignissimos sit corrupti mollitia sunt facilis quisquam aliquid iusto architecto inventore dolores hic optio debitis, similique commodi temporibus cupiditate aspernatur eius!
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque dignissimos sit corrupti mollitia sunt facilis quisquam aliquid iusto architecto inventore dolores hic optio debitis, similique commodi temporibus cupiditate aspernatur eius!
+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.
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque dignissimos sit corrupti mollitia sunt facilis quisquam aliquid iusto architecto inventore dolores hic optio debitis, similique commodi temporibus cupiditate aspernatur eius!
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque dignissimos sit corrupti mollitia sunt facilis quisquam aliquid iusto architecto inventore dolores hic optio debitis, similique commodi temporibus cupiditate aspernatur eius!
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque dignissimos sit corrupti mollitia sunt facilis quisquam aliquid iusto architecto inventore dolores hic optio debitis, similique commodi temporibus cupiditate aspernatur eius!
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque dignissimos sit corrupti mollitia sunt facilis quisquam aliquid iusto architecto inventore dolores hic optio debitis, similique commodi temporibus cupiditate aspernatur eius!
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque dignissimos sit corrupti mollitia sunt facilis quisquam aliquid iusto architecto inventore dolores hic optio debitis, similique commodi temporibus cupiditate aspernatur eius!
+
+ Santa Croce 191, Tolentini
+ 30135 Venezia
+ C.F. 80009280274
+ P.Iva 00708670278
+