This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change

Showing results for contents of text-input area

Checker Input

Show

Use the Message Filtering button below to hide/show particular messages, and to see total counts of errors and warnings.

Document checking completed. No errors or warnings to show.

Source

  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, shrink-to-fit=no">
  6. <meta name="description" content="Il mondo che ti aspetta - L'Università degli Studi di Parma è un'università statale, fra le più antiche del mondo.">
  7. <meta name="author" content="Università degli Studi di Parma">
  8. <title>Università degli Studi di Parma</title>
  9. <!-- Libs CSS -->
  10. <link href="/libs/venobox/dist/venobox.css" rel="stylesheet" type="text/css" media="screen" />
  11. <!-- Bootstrap core CSS -->
  12. <link href="/libs/bootstrap-italia/dist/css/bootstrap-italia.min.css?202008031648" rel="stylesheet">
  13. <!-- Theme CSS -->
  14. <link href="/assets/css/theme.css" rel="stylesheet">
  15. <!-- Favicons -->
  16. <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
  17. <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
  18. <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
  19. <link rel="manifest" href="/assets/favicon/site.webmanifest" crossorigin="use-credentials">
  20. <link rel="shortcut icon" href="/assets/favicon/favicon.ico">
  21. <link rel="mask-icon" href="/assets/favicon/safari-pinned-tab.svg" color="#005eb8">
  22. <meta name="msapplication-TileColor" content="#005eb8">
  23. <meta name="msapplication-config" content="/assets/favicon/browserconfig.xml">
  24. <meta name="theme-color" content="#005eb8">
  25. <!-- Twitter -->
  26. <meta name="twitter:card" content="summary">
  27. <meta name="twitter:site" content="@unipr">
  28. <meta name="twitter:creator" content="Università degli Studi di Parma">
  29. <meta name="twitter:title" content="Università degli Studi di Parma">
  30. <meta name="twitter:description" content="Il mondo che ti aspetta - L'Università degli Studi di Parma è un'università statale, fra le più antiche del mondo.">
  31. <meta name="twitter:image" content="https://www.unipr.it/assets/img/favicons/social-card.png">
  32. <!-- Facebook -->
  33. <meta property="og:url" content="https://www.unipr.it/">
  34. <meta property="og:title" content="Università degli Studi di Parma">
  35. <meta property="og:description" content="Il mondo che ti aspetta - L'Università degli Studi di Parma è un'università statale, fra le più antiche del mondo.">
  36. <meta property="og:type" content="website">
  37. <meta property="og:image" content="https://www.unipr.it/assets/img/favicons/social-card.png">
  38. <meta property="og:image:type" content="image/png">
  39. <meta property="og:image:width" content="1200">
  40. <meta property="og:image:height" content="630">
  41. <!-- Global site tag (gtag.js) - Google Analytics -->
  42. <script>
  43. // Disabilita tracciamento se il cookie cookies_consent non esiste
  44. if (document.cookie.indexOf('cookies_consent=true') === -1) {
  45. window['ga-disable-UA-42585414-1'] = true;
  46. }
  47. </script>
  48. <script>
  49. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  50. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  51. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  52. })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  53. ga('create', 'UA-42585414-1', 'auto');
  54. ga('set', 'anonymizeIp', true);
  55. ga('send', 'pageview');
  56. </script>
  57. <!-- End Google Analytics -->
  58. </head>
  59. <body>
  60. <div class="skiplinks fixed-top">
  61. <a class="sr-only sr-only-focusable" href="#main">Vai al contenuto principale</a>
  62. <a class="sr-only sr-only-focusable" href="#footer">Vai al footer</a>
  63. </div>
  64. <header class="it-header-wrapper fixed-top d-print-none">
  65. <div class="it-nav-wrapper">
  66. <div class="it-header-center-wrapper">
  67. <div class="container h-100">
  68. <div class="row h-100">
  69. <div class="col-12">
  70. <div class="it-header-center-content-wrapper h-100">
  71. <div class="it-brand-wrapper pl-0">
  72. <a href="/home.php">
  73. <img src="/assets/svg/unipr.svg" class="icon w-auto" alt="Università degli Studi di Parma">
  74. </a>
  75. </div>
  76. <div class="right-zone-wrapper d-flex flex-column align-items-end justify-content-between align-self-lg-stretch">
  77. <div class="it-right-zone">
  78. <ul class="navbar-nav navbar-info d-none d-lg-flex flex-row font-weight-bold">
  79. <li class="nav-item mr-4">
  80. <a class="nav-link text-uppercase" href="#">Personale</a>
  81. </li>
  82. <li class="nav-item mr-4">
  83. <a class="nav-link text-uppercase" href="#">Comunicazione</a>
  84. </li>
  85. </ul>
  86. <div class="nav-lang nav-item dropdown order-lg-2 ml-lg-2">
  87. <a aria-expanded="false" class="nav-link dropdown-toggle text-white"
  88. data-toggle="dropdown" data-reference="parent" data-display="static" href="#">
  89. <span>ITA</span>
  90. <svg class="icon icon-white">
  91. <use
  92. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-expand"></use>
  93. </svg>
  94. </a>
  95. <div class="dropdown-menu dropdown-menu-right">
  96. <div class="link-list-wrapper">
  97. <ul class="link-list">
  98. <li>
  99. <a class="list-item" href="#"><span>ITA</span></a>
  100. </li>
  101. <li>
  102. <a class="list-item" href="#"><span>ENG</span></a>
  103. </li>
  104. </ul>
  105. </div>
  106. </div>
  107. </div>
  108. <div class="it-search-wrapper order-lg-1 ml-0">
  109. <a aria-label="Cerca" class="search-link rounded-icon"
  110. href="#">
  111. <svg class="icon">
  112. <use
  113. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-search"></use>
  114. </svg>
  115. </a>
  116. </div>
  117. </div>
  118. <div class="it-header-navbar-wrapper">
  119. <nav class="navbar navbar-expand-lg has-megamenu has-hugemenu">
  120. <button aria-controls="nav_main" aria-expanded="false"
  121. aria-label="Toggle navigation" class="custom-navbar-toggler"
  122. data-target="#nav_main" type="button">
  123. <svg class="icon">
  124. <use
  125. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-burger"></use>
  126. </svg>
  127. </button>
  128. <div class="navbar-collapsable" id="nav_main">
  129. <div class="overlay"></div>
  130. <div class="close-div sr-only">
  131. <button class="btn close-menu" type="button">
  132. <span class="it-close"></span>chiudi
  133. </button>
  134. </div>
  135. <div class="menu-wrapper align-items-start">
  136. <ul class="navbar-nav navbar-primary">
  137. <li class="nav-item dropdown megamenu">
  138. <a class="nav-link dropdown-toggle text-uppercase" href="#" data-toggle="dropdown" aria-expanded="false"><span>Chi siamo</span>
  139. <svg class="icon d-lg-none">
  140. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-down-triangle"></use>
  141. </svg>
  142. </a>
  143. <div class="dropdown-menu">
  144. <div class="row">
  145. <div class="col-12 col-lg-4">
  146. <div class="link-list-wrapper">
  147. <ul class="link-list">
  148. <li><a class="list-item" href="#"><span>L’Università oggi</span></a>
  149. </li>
  150. <li><a class="list-item" href="#"><span>La nostra storia</span></a>
  151. </li>
  152. <li><a class="list-item" href="#"><span>Rettore</span></a>
  153. </li>
  154. </ul>
  155. </div>
  156. </div>
  157. <div class="col-12 col-lg-4">
  158. <div class="link-list-wrapper">
  159. <ul class="link-list">
  160. <li><a class="list-item" href="#"><span>Dipartimenti</span></a>
  161. </li>
  162. <li><a class="list-item" href="#"><span>Sedi</span></a>
  163. </li>
  164. <li><a class="list-item" href="#"><span>Organizzazione</span></a>
  165. </li>
  166. <li><a class="list-item" href="#"><span>Altre strutture</span></a>
  167. </li>
  168. </ul>
  169. </div>
  170. </div>
  171. <div class="col-12 col-lg-4">
  172. <div class="link-list-wrapper">
  173. <ul class="link-list">
  174. <li><a class="list-item" href="#"><span>Bandi e concorsi</span></a>
  175. </li>
  176. <li><a class="list-item" href="#"><span>Statuto, regolamenti, elezioni</span></a>
  177. </li>
  178. </ul>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. </li>
  184. <li class="nav-item dropdown megamenu">
  185. <a class="nav-link dropdown-toggle text-uppercase" href="#" data-toggle="dropdown" aria-expanded="false"><span>Corsi</span>
  186. <svg class="icon d-lg-none">
  187. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-down-triangle"></use>
  188. </svg>
  189. </a>
  190. <div class="dropdown-menu">
  191. <div class="row">
  192. <div class="col-12 col-lg-6">
  193. <div class="link-list-wrapper">
  194. <ul class="link-list">
  195. <li><a class="list-item" href="#"><span>Corsi di Laurea triennale e magistrale a ciclo unico</span></a>
  196. </li>
  197. <li><a class="list-item" href="#"><span>Corsi di Laurea magistrale</span></a>
  198. </li>
  199. <li><a class="list-item" href="#"><span>Formazione Post laurea</span></a>
  200. </li>
  201. <li><a class="list-item" href="#"><span>Manifesto degli studi</span></a>
  202. </li>
  203. </ul>
  204. </div>
  205. </div>
  206. <div class="col-12 col-lg-6">
  207. <div class="link-list-wrapper">
  208. <ul class="link-list">
  209. <li><a class="list-item" href="#"><span>Iscriversi all’Università</span></a>
  210. </li>
  211. <li><a class="list-item" href="#"><span>Tasse e diritto allo studio</span></a>
  212. </li>
  213. <li><a class="list-item" href="#"><span>Altre info amministrative</span></a>
  214. </li>
  215. </ul>
  216. </div>
  217. </div>
  218. </div>
  219. </div>
  220. </li>
  221. <li class="nav-item dropdown megamenu">
  222. <a class="nav-link dropdown-toggle text-uppercase" href="#" data-toggle="dropdown" aria-expanded="false"><span>Ricerca</span>
  223. <svg class="icon d-lg-none">
  224. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-down-triangle"></use>
  225. </svg>
  226. </a>
  227. <div class="dropdown-menu">
  228. <div class="row">
  229. <div class="col-12 col-lg-4">
  230. <div class="link-list-wrapper">
  231. <ul class="link-list">
  232. <li><a class="list-item" href="#"><span>Centri</span></a>
  233. </li>
  234. <li><a class="list-item" href="#"><span>Strumenti di supporto alla ricerca</span></a>
  235. </li>
  236. <li><a class="list-item" href="#"><span>Società partecipate</span></a>
  237. </li>
  238. <li><a class="list-item" href="#"><span>Notizie dalla ricerca</span></a>
  239. </li>
  240. </ul>
  241. </div>
  242. </div>
  243. <div class="col-12 col-lg-4">
  244. <div class="link-list-wrapper">
  245. <ul class="link-list">
  246. <li><a class="list-item" href="#"><span>TACRI - Tavolo di coordinamento della ricerca industriale</span></a>
  247. </li>
  248. <li><a class="list-item" href="#"><span>Trasferimeto tecnologico </span></a>
  249. </li>
  250. <li><a class="list-item" href="#"><span>Tecnopolo</span></a>
  251. </li>
  252. </ul>
  253. </div>
  254. </div>
  255. <div class="col-12 col-lg-4">
  256. <div class="link-list-wrapper">
  257. <ul class="link-list">
  258. <li><a class="list-item" href="#"><span>Opportunità di Finanziamento</span></a>
  259. </li>
  260. </ul>
  261. </div>
  262. </div>
  263. </div>
  264. </div>
  265. </li>
  266. <li class="nav-item dropdown megamenu">
  267. <a class="nav-link dropdown-toggle text-uppercase" href="#" data-toggle="dropdown" aria-expanded="false"><span>Noi e il Territorio</span>
  268. <svg class="icon d-lg-none">
  269. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-down-triangle"></use>
  270. </svg>
  271. </a>
  272. <div class="dropdown-menu">
  273. <div class="row">
  274. <div class="col-12 col-lg-6">
  275. <div class="link-list-wrapper">
  276. <ul class="link-list">
  277. <li><a class="list-item" href="#"><span>Public Engagement</span></a>
  278. </li>
  279. <li><a class="list-item" href="#"><span>Salute pubblica</span></a>
  280. </li>
  281. <li><a class="list-item" href="#"><span>Sistema museale di Ateneo</span></a>
  282. </li>
  283. <li><a class="list-item" href="#"><span>Patrimonio e attività culturali</span></a>
  284. </li>
  285. </ul>
  286. </div>
  287. </div>
  288. <div class="col-12 col-lg-6">
  289. <div class="link-list-wrapper">
  290. <ul class="link-list">
  291. <li><a class="list-item" href="#"><span>Consorzi e associazioni per la terza missione</span></a>
  292. </li>
  293. <li><a class="list-item" href="#"><span>Formazione permanente e didattica aperta</span></a>
  294. </li>
  295. <li><a class="list-item" href="#"><span>Food project e scuola di studi superiori in alimenti e nutrizione</span></a>
  296. </li>
  297. </ul>
  298. </div>
  299. </div>
  300. </div>
  301. </div>
  302. </li>
  303. <li class="nav-item dropdown">
  304. <a class="nav-link dropdown-toggle text-uppercase" href="#" data-toggle="dropdown" aria-expanded="false">
  305. <span>Internazionale</span>
  306. <svg class="icon d-lg-none">
  307. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-down-triangle"></use>
  308. </svg>
  309. </a>
  310. <div class="dropdown-menu">
  311. <div class="link-list-wrapper">
  312. <ul class="link-list">
  313. <li><a class="list-item" href="#"><span>Obbiettivi e strategie di internazionalizzazione</span></a></li>
  314. <li><a class="list-item" href="#"><span>Opportunità per studenti italiani</span></a></li>
  315. <li><a class="list-item" href="#"><span>Studenti internazionali</span></a></li>
  316. </ul>
  317. </div>
  318. </div>
  319. </li>
  320. </ul>
  321. <ul class="navbar-nav navbar-servizi navbar-hugemenu">
  322. <li class="nav-item dropdown megamenu">
  323. <a class="nav-link nav-pill dropdown-toggle text-uppercase" href="#" data-toggle="dropdown" aria-expanded="false"><span>Servizi</span>
  324. <svg class="icon d-lg-none">
  325. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-down-triangle"></use>
  326. </svg>
  327. </a>
  328. <div class="dropdown-menu">
  329. <div class="row">
  330. <div class="col-12 col-lg-4">
  331. <div class="link-list-wrapper">
  332. <ul class="link-list">
  333. <li>
  334. <h3 class="no_toc">Servizi online</h3>
  335. </li>
  336. <li><a class="list-item" href="#"><span>Posta elettronica</span></a>
  337. </li>
  338. <li><a class="list-item" href="#"><span>Helpdesk informatico</span></a>
  339. </li>
  340. <li><a class="list-item" href="#"><span>Bacheca offerte lavoro</span></a>
  341. </li>
  342. <li><a class="list-item" href="#"><span>Elly - didattica online</span></a>
  343. </li>
  344. <li><a class="list-item" href="#"><span>ORA - registrazione eventi e corsi aggiornamento</span></a>
  345. </li>
  346. <li><a class="list-item" href="#"><span>Pago PA</span></a>
  347. </li>
  348. <li><a class="list-item" href="#"><span>Esse 3 - segreteria on line</span></a>
  349. </li>
  350. <li><a class="list-item" href="#"><span>Prenotazione appuntamenti</span></a>
  351. </li>
  352. <li><a class="list-item" href="#"><span>Unipr mobile</span></a>
  353. </li>
  354. <li><a class="list-item" href="#"><span>Wi fi</span></a>
  355. </li>
  356. <li><a class="list-item" href="#"><span>Agenda studenti</span></a>
  357. </li>
  358. </ul>
  359. </div>
  360. </div>
  361. <div class="col-12 col-lg-4">
  362. <div class="link-list-wrapper">
  363. <ul class="link-list">
  364. <li>
  365. <h3 class="no_toc">Servizi per lo studio</h3>
  366. </li>
  367. <li><a class="list-item" href="#"><span>Imaparare le lingue</span></a>
  368. </li>
  369. <li><a class="list-item" href="#"><span>Biblioteche</span></a>
  370. </li>
  371. <li><a class="list-item" href="#"><span>Lavoro part time - 150 ore</span></a>
  372. </li>
  373. <li><a class="list-item" href="#"><span>Sport e CUS Parma</span></a>
  374. </li>
  375. <li><a class="list-item" href="#"><span>Supporto per studenti con disabilità e con DSA</span></a>
  376. </li>
  377. <li><a class="list-item" href="#"><span>Tirocini curriculari</span></a>
  378. </li>
  379. <li><a class="list-item" href="#"><span>Placement</span></a>
  380. </li>
  381. <li><a class="list-item" href="#"><span>Tutorato</span></a>
  382. </li>
  383. <li><a class="list-item" href="#"><span>Counseling psicologico</span></a>
  384. </li>
  385. <li><a class="list-item" href="#"><span>Student card</span></a>
  386. </li>
  387. </ul>
  388. </div>
  389. </div>
  390. <div class="col-12 col-lg-4">
  391. <div class="link-list-wrapper">
  392. <ul class="link-list">
  393. <li>
  394. <h3 class="no_toc">Oltre lo studio</h3>
  395. </li>
  396. <li><a class="list-item" href="#"><span>Associazioni studentesche</span></a>
  397. </li>
  398. <li><a class="list-item" href="#"><span>Muoversi da e per Parma</span></a>
  399. </li>
  400. <li><a class="list-item" href="#"><span>Convenzioni cinema, musica e teatri</span></a>
  401. </li>
  402. <li><a class="list-item" href="#"><span>CAPAS - Centro per le attività e le professioni delle arti e dello spettacolo</span></a>
  403. </li>
  404. <li><a class="list-item" href="#"><span>Student hub</span></a>
  405. </li>
  406. <li><a class="list-item" href="#"><span>Parma città universitaria</span></a>
  407. </li>
  408. <li><a class="list-item" href="#"><span>Mense</span></a>
  409. </li>
  410. <li><a class="list-item" href="#"><span>Servizi sanitari</span></a>
  411. </li>
  412. <li><a class="list-item" href="#"><span>Vetrina alloggi - servizio accoglienza</span></a>
  413. </li>
  414. <li><a class="list-item" href="#"><span>Richiesta certificati</span></a>
  415. </li>
  416. </ul>
  417. </div>
  418. </div>
  419. </div>
  420. </div>
  421. </li>
  422. </ul>
  423. <ul class="navbar-nav navbar-info d-flex d-lg-none">
  424. <li class="nav-item">
  425. <a class="nav-link text-uppercase" href="#">Personale</a>
  426. </li>
  427. <li class="nav-item">
  428. <a class="nav-link text-uppercase" href="#">Comunicazione</a>
  429. </li>
  430. </ul>
  431. </div>
  432. </div>
  433. </nav>
  434. </div>
  435. </div>
  436. </div>
  437. </div>
  438. </div>
  439. </div>
  440. </div>
  441. </div>
  442. </header>
  443. <div class="print-header d-none d-print-block">
  444. <img src="/assets/svg/unipr-bn.svg" alt="Università degli Studi di Parma">
  445. </div>
  446. <div class="parla-con-unipr d-print-none">
  447. <a href="javascript:void()" role="button" class="btn btn-complementary-2 dropdown-toggle text-uppercase font-weight-bold d-flex align-items-center justify-content-center line-height-1 py-2" data-toggle="dropdown" data-display="static" aria-haspopup="true" aria-expanded="false">
  448. Parla con unipr
  449. </a>
  450. <div class="dropdown-menu">
  451. <div class="link-list-wrapper">
  452. <ul class="link-list">
  453. <li>
  454. <div class="dropdown-header text-uppercase text-wrap line-height-normal">Parla con Unipr</div>
  455. </li>
  456. <li><a class="list-item" href="tel:800904084"><strong>Numero verde</strong><span>800 904 084</span></a></li>
  457. <li><a class="list-item" href="mailto:unipr@unipr.it"><strong>URP</strong><span>unipr@unipr.it</span></a></li>
  458. <li><a class="list-item" href="mailto:protocollo@pec.unipr.it"><strong>PEC</strong><span>protocollo@pec.unipr.it</span></a></li>
  459. <li><a class="list-item" href="#"><strong>Info reclami e segnalazioni</strong><span>UNIPR ti acolta</span></a></li>
  460. <li><a class="list-item-btn btn btn-complementary-2 mx-2 mt-4 rounded-pill text-uppercase font-weight-bold" href="#">Vai a tutti i contatti</a></li>
  461. </ul>
  462. </div>
  463. </div>
  464. </div>
  465. <main id="main"><nav class="breadcrumb-container d-print-none" aria-label="breadcrumb">
  466. <div class="container container-regular px-4">
  467. <ol class="breadcrumb pt-5">
  468. <li class="breadcrumb-item"><a href="#">Home</a><span class="separator">/</span></li>
  469. <li class="breadcrumb-item"><a href="#">Lorem impsum</a><span class="separator">/</span></li>
  470. <li class="breadcrumb-item active" aria-current="page">Pagina generica</li>
  471. </ol>
  472. </div>
  473. </nav><div class="container container-regular">
  474. <div class="row">
  475. <div class="col-lg-8">
  476. <h1 class="page-header-title h2 font-weight-boldest primary-color">Pagina generica</h1>
  477. <div class="page-header-subtitle h5 py-2 h5 font-weight-boldest">Lorem ipsum dolor sit amet, consectetur adipiscing elit</div>
  478. <div class="page-header-abstract"><p>Donec elit felis, egestas vel dignissim eget, pulvinar nec felis. Donec ut varius orci, eget porta metus. Mauris placerat felis nec condimentum sagittis. Nulla faucibus tincidunt est, quis fringilla sapien dapibus eget. Duis ex ligula, finibus at tempus ac, posuere at arcu. Nullam at sollicitudin mi.</p></div>
  479. </div>
  480. <div class="col-lg-3 offset-lg-1 pb-4 pb-lg-0 d-print-none">
  481. <div class="dropdown d-inline share-current-page">
  482. <button
  483. class="btn btn-dropdown dropdown-toggle"
  484. type="button"
  485. id="shareActions"
  486. data-toggle="dropdown"
  487. aria-haspopup="true"
  488. aria-expanded="false"
  489. >
  490. <svg class="icon icon-primary icon-sm mr-2">
  491. <use xlink:href="/assets/svg/sprite.svg#icon-share"></use>
  492. </svg>
  493. <small>Condividi</small> </button>
  494. <div class="dropdown-menu shadow-lg" aria-labelledby="shareActions">
  495. <div class="link-list-wrapper">
  496. <ul class="link-list">
  497. <li> <a class="list-item py-0 text-nowrap" href="https://www.facebook.com/sharer.php?u=">
  498. <svg class="icon">
  499. <use
  500. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-facebook"
  501. ></use>
  502. </svg>
  503. <span>Facebook</span> </a> </li>
  504. <li> <a class="list-item py-0 text-nowrap" href="https://twitter.com/intent/tweet?url=">
  505. <svg class="icon">
  506. <use
  507. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-twitter"
  508. ></use>
  509. </svg>
  510. <span>Twitter</span> </a> </li>
  511. <li> <a class="list-item py-0 text-nowrap" href="https://www.linkedin.com/sharing/share-offsite/?url=">
  512. <svg class="icon">
  513. <use
  514. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-linkedin"
  515. ></use>
  516. </svg>
  517. <span>Linkedin</span> </a> </li>
  518. <li> <a class="list-item py-0 text-nowrap" href="https://api.whatsapp.com/send?text=">
  519. <svg class="icon">
  520. <use
  521. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-whatsapp"
  522. ></use>
  523. </svg>
  524. <span>Whatsapp</span> </a> </li>
  525. <li> <a class="list-item py-0 text-nowrap" href="https://telegram.me/share/url?url=">
  526. <svg class="icon">
  527. <use
  528. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-telegram"
  529. ></use>
  530. </svg>
  531. <span>Telegram</span> </a> </li>
  532. </ul>
  533. </div>
  534. </div>
  535. </div> <div class="dropdown d-inline actions-current-page">
  536. <button
  537. class="btn btn-dropdown dropdown-toggle"
  538. type="button"
  539. id="viewActions"
  540. data-toggle="dropdown"
  541. aria-haspopup="true"
  542. aria-expanded="false"
  543. >
  544. <svg class="icon icon-primary icon-sm">
  545. <use
  546. xlink:href="/assets/svg/sprite.svg#icon-action"
  547. ></use>
  548. </svg>
  549. <small>Vedi azioni</small> </button>
  550. <div class="dropdown-menu shadow-lg" aria-labelledby="viewActions">
  551. <div class="link-list-wrapper">
  552. <ul class="link-list">
  553. <li class="save-current-page d-none"> <a class="list-item py-0 text-nowrap" href="#">
  554. <svg class="icon">
  555. <use
  556. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-download"
  557. ></use>
  558. </svg>
  559. <span>Scarica</span> </a> </li>
  560. <li class="print-current-page"> <a class="list-item py-0 text-nowrap" href="javascript:window.print()">
  561. <svg class="icon">
  562. <use
  563. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-print"
  564. ></use>
  565. </svg>
  566. <span>Stampa</span> </a> </li>
  567. <li class="listen-current-page d-none"> <a class="list-item py-0 text-nowrap" href="#">
  568. <svg class="icon">
  569. <use
  570. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-hearing"
  571. ></use>
  572. </svg>
  573. <span>Ascolta</span> </a> </li>
  574. <li class="send-current-page"> <a class="list-item py-0 text-nowrap" href="mailto:?subject=Universit%C3%A0%20degli%20Studi%20di%20Parma&body=">
  575. <svg class="icon">
  576. <use
  577. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-mail"
  578. ></use>
  579. </svg>
  580. <span>Invia</span> </a> </li>
  581. </ul>
  582. </div>
  583. </div>
  584. </div> </div>
  585. </div>
  586. </div> <div class="row row-full-width my-3 mx-0 d-print-none">
  587. <figure class="figure">
  588. <picture>
  589. <source media="(min-width: 40em)" srcset="https://picsum.photos/id/629/2000/1000 1x, https://picsum.photos/id/629/4000/2000 2x">
  590. <source srcset="https://picsum.photos/id/629/800/400 1x, https://picsum.photos/id/629/1600/800 2x">
  591. <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202%201'%3E%3C/svg%3E" loading="lazy" width="2" height="1" class="figure-img img-fluid" alt="">
  592. </picture>
  593. <figcaption class="figure-caption text-center pt-3">Una didascalia per l'immagine sopra.</figcaption>
  594. </figure>
  595. </div><div class="container container-regular px-4">
  596. <div class="row row-column-border row-column-menu-left flex-lg-row-reverse d-print-block">
  597. <aside class="col-lg-4 it-page-nav-container d-print-none">
  598. <div class="sticky-wrapper navbar-wrapper">
  599. <nav
  600. class="navbar it-navscroll-wrapper it-top-navscroll navbar-expand-lg"
  601. >
  602. <button
  603. class="custom-navbar-toggler"
  604. type="button"
  605. aria-controls="navbarNav"
  606. aria-expanded="false"
  607. aria-label="Toggle navigation"
  608. data-target="#navbarNav"
  609. >
  610. <span class="it-list"></span>Indice della pagina
  611. </button>
  612. <div class="navbar-collapsable" id="navbarNav">
  613. <div class="overlay"></div>
  614. <div class="close-div sr-only">
  615. <button class="btn close-menu" type="button">
  616. <span class="it-close"></span>Chiudi
  617. </button>
  618. </div>
  619. <a class="it-back-button" href="#">
  620. <svg class="icon icon-sm icon-primary align-top">
  621. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-chevron-left"></use>
  622. </svg>
  623. <span>Torna indietro</span></a
  624. >
  625. <div class="menu-wrapper">
  626. <div class="link-list-wrapper menu-link-list">
  627. <h3 class="no_toc font-weight-boldest primary-color">Indice della pagina</h3>
  628. <ul class="link-list">
  629. </ul>
  630. </div>
  631. </div>
  632. </div>
  633. </nav>
  634. </div>
  635. </aside>
  636. <div class="col-lg-8 it-page-sections-container">
  637. <article id="blocco-paragrafo-873632" class="it-page-section anchor-offset">
  638. <h2 class="page-section-title primary-color">Blocco paragrafo</h2>
  639. <p>
  640. Lorem ipsum dolor sit amet, consectetur adipiscing elit: <strong>Curabitur efficitur in ex at tincidunt.</strong>
  641. </p>
  642. <p>
  643. Nullam consectetur faucibus metus nec porttitor. Donec sodales pretium nunc, nec dapibus leo scelerisque vel. <a href="#">Link interno</a>, massa vel scelerisque tempus, mi metus ullamcorper metus, et sagittis nisl ex a sem. <a href="https://www.google.com/">Link ad una risorsa esterna rispetto al sito corrente</a>. Nunc risus lacus, interdum vel ullamcorper in, commodo nec augue. Praesent a sapien ac elit tempor rutrum at eu nisi. Quisque et hendrerit tortor, eget sollicitudin dolor. Pellentesque id augue nec neque aliquam tincidunt. Nulla ut ligula id odio tristique luctus. Aenean tempus lacus eget lobortis tincidunt. Fusce non hendrerit mauris. Nam eleifend volutpat neque at ultricies. Suspendisse vel erat metus. Integer nec felis et mauris ullamcorper egestas vel eu tortor.
  644. </p>
  645. <h3>Tipografia</h3>
  646. <p>Esempio di testo <u>sottolineato</u>: <code>&lt;u&gt;sottolineato&lt;/u&gt;</code></p>
  647. <p>Esempio di testo <mark>evidenziato</mark>: <code>&lt;mark&gt;evidenziato&lt;/mark&gt;</code></p>
  648. <p>Esempio di testo <em>corsivo</em>: <code>&lt;em&gt;corsivo&lt;/em&gt;</code></p>
  649. <p>Esempio di testo <strong>in grassetto</strong>: <code>&lt;strong&gt;in grassetto&lt;/strong&gt;</code></p>
  650. <p>Esempio di testo <small>rimpicciolito</small>: <code>&lt;small&gt;rimpicciolito&lt;/small&gt;</code></p>
  651. <p>Esempio di testo <ins>aggiuntivo</ins>: <code>&lt;ins&gt;aggiuntivo&lt;/ins&gt;</code></p>
  652. <p>Esempio di testo <del>cancellato</del> o <s>invalido</s>: <code>&lt;del&gt;cancellato&lt;/del&gt; o &lt;s&gt;invalido&lt;/s&gt;</code></p>
  653. <p>Esempio di testo <code>monospace</code>: <code>&lt;code&gt;monospace&lt;/code&gt;</code></p>
  654. <h2>Intestazioni <small>(questa è una intestazione di tipo h2)</small></h2>
  655. <p>
  656. È bene non utilizzare <code>&lt;h1&gt;</code> nei blocchi di testo in modo da destinare l'unico <code>&lt;h1&gt;</code> della pagina la titolo della pagina stessa.
  657. </p>
  658. <p>
  659. Abbiamo riservato gli <code>&lt;h2&gt;</code> ai titoli dei blocchi; anche in questo caso è meglio non utilizzare ulteriori <code>&lt;h2&gt;</code> all'interno dei blocchi.
  660. </p>
  661. <h3>Intestazione di tipo h3</h3>
  662. <p>
  663. Suspendisse in varius nisl. Cras quis mollis velit. Ut dolor ligula, volutpat sed ipsum vel, fermentum sagittis sem.
  664. </p>
  665. <h4>Intestazione di tipo h4</h4>
  666. <p>
  667. Suspendisse eu metus in eros commodo gravida. Integer vel mi semper, malesuada quam tempus, sagittis arcu. In porta, ex at mollis molestie, lectus ante laoreet lorem, sed placerat sapien ligula vitae est.
  668. </p>
  669. <h5>Intestazione di tipo h5</h5>
  670. <p>
  671. Fusce bibendum tristique consectetur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  672. </p>
  673. <h6>Intestazione di tipo h6</h6>
  674. <p>
  675. Quisque at posuere lectus. Quisque in nisl et lacus volutpat egestas ultrices cursus elit. Donec in mattis magna.
  676. </p>
  677. <h3>Liste</h3>
  678. <ul>
  679. <li>Lorem ipsum dolor sit amet</li>
  680. <li>Consectetur adipiscing elit</li>
  681. <li>Integer molestie lorem at massa</li>
  682. <li>Facilisis in pretium nisl aliquet</li>
  683. <li>Nulla volutpat aliquam velit
  684. <ul>
  685. <li>Phasellus iaculis neque</li>
  686. <li>Purus sodales ultricies</li>
  687. <li>Vestibulum laoreet porttitor sem</li>
  688. <li>Ac tristique libero volutpat at</li>
  689. </ul>
  690. </li>
  691. <li>Faucibus porta lacus fringilla vel</li>
  692. <li>Aenean sit amet erat nunc</li>
  693. <li>Eget porttitor lorem</li>
  694. </ul>
  695. <h3>Citazioni</h3>
  696. <blockquote>
  697. <p>It was a bright cold day in April, and the clocks were striking thirteen.</p>
  698. <footer>
  699. First sentence in <cite><a href="https://it.wikiquote.org/wiki/1984">Nineteen Eighty-Four</a></cite> by George Orwell (Part 1, Chapter 1).
  700. </footer>
  701. </blockquote>
  702. </article> <article id="blocco-allegati-904574" class="it-page-section anchor-offset">
  703. <h2 class="page-section-title primary-color">Blocco allegati</h2>
  704. <div class="card-wrapper card-teaser-wrapper sm align-items-stretch">
  705. <a href="#" class="card card-teaser shadow mt-3 rounded link-complex neutral-2-color-a6">
  706. <div class="card-teaser-wrapper d-flex flex-nowrap align-items-stretch">
  707. <svg class="icon icon-xl icon-primary flex-shrink-0">
  708. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-clip"></use>
  709. </svg>
  710. <div class="card-body ml-2 d-flex flex-column justify-content-center w-100">
  711. <div class="card-title link-complex-target text-uppercase x-small font-weight-heavy">Lorem ipsum dolor sit amet</div>
  712. </div>
  713. </div>
  714. </a>
  715. <a href="#" class="card card-teaser shadow mt-3 rounded link-complex neutral-2-color-a6">
  716. <div class="card-teaser-wrapper d-flex flex-nowrap align-items-stretch">
  717. <svg class="icon icon-xl icon-primary flex-shrink-0">
  718. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-clip"></use>
  719. </svg>
  720. <div class="card-body ml-2 d-flex flex-column justify-content-center w-100">
  721. <div class="card-title link-complex-target text-uppercase x-small font-weight-heavy">Nulla viverra semper lectus, vel ullamcorper leo suscipit vitae</div>
  722. </div>
  723. </div>
  724. </a>
  725. <a href="#" class="card card-teaser shadow mt-3 rounded link-complex neutral-2-color-a6" title="File DOC">
  726. <div class="card-teaser-wrapper d-flex flex-nowrap align-items-stretch">
  727. <svg class="icon icon-lg icon-primary primary-color flex-shrink-0 m-2 icon-ext" viewBox="0 0 45.5 48.255858">
  728. <use xlink:href="/assets/svg/sprite.svg#icon-file"></use>
  729. <text y="30.466446" x="15.463422"><tspan>DOC</tspan></text>
  730. </svg>
  731. <div class="card-body ml-2 d-flex flex-column justify-content-center w-100">
  732. <div class="card-title link-complex-target text-uppercase x-small font-weight-heavy">Proin odio mi, ultrices sit amet feugiat ut, condimentum sed urna. Ut et ultricies neque.</div>
  733. </div>
  734. </div>
  735. </a>
  736. <a href="#" class="card card-teaser shadow mt-3 rounded link-complex neutral-2-color-a6" title="File DOCX">
  737. <div class="card-teaser-wrapper d-flex flex-nowrap align-items-stretch">
  738. <svg class="icon icon-lg icon-primary primary-color flex-shrink-0 m-2 icon-ext icon-ext4" viewBox="0 0 45.5 48.255858">
  739. <use xlink:href="/assets/svg/sprite.svg#icon-file"></use>
  740. <text y="30.466446" x="15.463422"><tspan>DOCX</tspan></text>
  741. </svg>
  742. <div class="card-body ml-2 d-flex flex-column justify-content-center w-100">
  743. <div class="card-title link-complex-target text-uppercase x-small font-weight-heavy">Proin odio mi, ultrices sit amet feugiat ut, condimentum sed urna. Ut et ultricies neque.</div>
  744. </div>
  745. </div>
  746. </a>
  747. <a href="#" class="card card-teaser shadow mt-3 rounded link-complex neutral-2-color-a6" title="File HTML">
  748. <div class="card-teaser-wrapper d-flex flex-nowrap align-items-stretch">
  749. <svg class="icon icon-lg icon-primary primary-color flex-shrink-0 m-2 icon-ext icon-ext4" viewBox="0 0 45.5 48.255858">
  750. <use xlink:href="/assets/svg/sprite.svg#icon-file"></use>
  751. <text y="30.466446" x="15.463422"><tspan>HTML</tspan></text>
  752. </svg>
  753. <div class="card-body ml-2 d-flex flex-column justify-content-center w-100">
  754. <div class="card-title link-complex-target text-uppercase x-small font-weight-heavy">Proin odio mi, ultrices sit amet feugiat ut, condimentum sed urna. Ut et ultricies neque.</div>
  755. </div>
  756. </div>
  757. </a>
  758. <a href="#" class="card card-teaser shadow mt-3 rounded link-complex neutral-2-color-a6" title="File PDF">
  759. <div class="card-teaser-wrapper d-flex flex-nowrap align-items-stretch">
  760. <svg class="icon icon-lg icon-primary primary-color flex-shrink-0 m-2 icon-ext" viewBox="0 0 45.5 48.255858">
  761. <use xlink:href="/assets/svg/sprite.svg#icon-file"></use>
  762. <text y="30.466446" x="15.463422"><tspan>PDF</tspan></text>
  763. </svg>
  764. <div class="card-body ml-2 d-flex flex-column justify-content-center w-100">
  765. <div class="card-title link-complex-target text-uppercase x-small font-weight-heavy">Proin odio mi, ultrices sit amet feugiat ut, condimentum sed urna. Ut et ultricies neque.</div>
  766. </div>
  767. </div>
  768. </a>
  769. <a href="#" class="card card-teaser shadow mt-3 rounded link-complex neutral-2-color-a6" title="File ZIP">
  770. <div class="card-teaser-wrapper d-flex flex-nowrap align-items-stretch">
  771. <svg class="icon icon-lg icon-primary primary-color flex-shrink-0 m-2 icon-ext" viewBox="0 0 45.5 48.255858">
  772. <use xlink:href="/assets/svg/sprite.svg#icon-file"></use>
  773. <text y="30.466446" x="15.463422"><tspan>ZIP</tspan></text>
  774. </svg>
  775. <div class="card-body ml-2 d-flex flex-column justify-content-center w-100">
  776. <div class="card-title link-complex-target text-uppercase x-small font-weight-heavy">Proin odio mi, ultrices sit amet feugiat ut, condimentum sed urna. Ut et ultricies neque.</div>
  777. </div>
  778. </div>
  779. </a>
  780. <a href="#" class="card card-teaser shadow mt-3 rounded link-complex neutral-2-color-a6" title="File XML">
  781. <div class="card-teaser-wrapper d-flex flex-nowrap align-items-stretch">
  782. <svg class="icon icon-lg icon-primary primary-color flex-shrink-0 m-2 icon-ext" viewBox="0 0 45.5 48.255858">
  783. <use xlink:href="/assets/svg/sprite.svg#icon-file"></use>
  784. <text y="30.466446" x="15.463422"><tspan>XML</tspan></text>
  785. </svg>
  786. <div class="card-body ml-2 d-flex flex-column justify-content-center w-100">
  787. <div class="card-title link-complex-target text-uppercase x-small font-weight-heavy">Proin odio mi, ultrices sit amet feugiat ut, condimentum sed urna. Ut et ultricies neque.</div>
  788. </div>
  789. </div>
  790. </a>
  791. </div>
  792. </article> <article id="blocco-link-457654" class="it-page-section anchor-offset">
  793. <h2 class="page-section-title primary-color">Blocco link utili</h2>
  794. <div class="card-wrapper card-teaser-wrapper row variable-gutters">
  795. <a href="#" class="card-teaser link-complex mt-0 mb-5 col-md-6 align-content-start">
  796. <div class="card-title link-complex-target font-weight-heavy">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a ullamcorper est, vel varius mauris. In hac habitasse platea dictumst.</div>
  797. <div class="card-text neutral-2-color-a6">Suspendisse luctus nulla sed erat rhoncus molestie. Nunc urna nisl, aliquam et dignissim malesuada, aliquam eget nisl. In ut orci nec risus placerat semper vel nec diam.</div>
  798. </a>
  799. <a href="#" class="card-teaser link-complex mt-0 mb-5 col-md-6 align-content-start">
  800. <div class="card-title link-complex-target font-weight-heavy">Quisque pulvinar aliquet orci</div>
  801. <div class="card-text neutral-2-color-a6">Nullam eu egestas enim. Praesent nec eleifend odio. Donec et faucibus leo, a porttitor magna. Mauris quis rhoncus quam, quis ultrices mauris.</div>
  802. </a>
  803. </div>
  804. </article> <article id="blocco-video-897547" class="it-page-section anchor-offset">
  805. <h2 class="page-section-title primary-color">Blocco video</h2>
  806. <div class="embed-responsive embed-responsive-16by9 my-4">
  807. <iframe class="embed-responsive-item" loading="lazy" title="Video YouTube" src="https://www.youtube.com/embed/9eV3kXcGrY0" allowfullscreen></iframe>
  808. </div>
  809. <p>
  810. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur id leo justo. Sed sodales molestie ullamcorper. Ut id nulla convallis, feugiat tellus eget, finibus ante. Nullam sed dictum orci. Curabitur magna nulla, fermentum in facilisis a, condimentum eu orci. Donec malesuada sapien quis purus egestas ullamcorper.
  811. </p>
  812. </article> <article id="blocco-accordion-984744" class="it-page-section anchor-offset">
  813. <h2 class="page-section-title primary-color">Blocco accordion</h2>
  814. <!-- inizio accordion -->
  815. <div class="collapse-div collapse-arrow-icon collapse-unipr" role="tablist">
  816. <!-- inizio ciclo accordion -->
  817. <!-- inizio item accordion -->
  818. <div class="collapse-header" id="heading1">
  819. <button class="font-weight-boldest" data-toggle="collapse" data-target="#collapse1" aria-expanded="false" aria-controls="collapse1">
  820. <svg class="icon"><use xlink:href="/assets/svg/sprite.svg#icon-accordion-arrow"></use></svg>
  821. Vestibulum id diam orci. Class aptent taciti
  822. </button>
  823. </div>
  824. <div id="collapse1" class="collapse" role="tabpanel" aria-labelledby="heading1">
  825. <div class="collapse-body">
  826. <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
  827. <div class="card-wrapper card-teaser-wrapper align-items-stretch">
  828. <a href="#" class="card card-teaser mt-3 rounded flex-nowrap link-complex neutral-2-color-a6 align-items-stretch" title="File DOC">
  829. <svg class="icon icon-lg icon-primary primary-color flex-shrink-0 m-2 icon-ext" viewBox="0 0 45.5 48.255858">
  830. <use xlink:href="/assets/svg/sprite.svg#icon-file"></use>
  831. <text y="30.466446" x="15.463422"><tspan>DOC</tspan></text>
  832. </svg>
  833. <div class="card-body ml-2 d-flex flex-column justify-content-center">
  834. <div class="card-title link-complex-target text-uppercase x-small font-weight-heavy">Proin odio mi, ultrices sit</div>
  835. </div>
  836. </a>
  837. <a href="#" class="card card-teaser mt-3 rounded flex-nowrap link-complex neutral-2-color-a6 align-items-stretch" title="File DOCX">
  838. <svg class="icon icon-lg icon-primary primary-color flex-shrink-0 m-2 icon-ext icon-ext4" viewBox="0 0 45.5 48.255858">
  839. <use xlink:href="/assets/svg/sprite.svg#icon-file"></use>
  840. <text y="30.466446" x="15.463422"><tspan>DOCX</tspan></text>
  841. </svg>
  842. <div class="card-body ml-2 d-flex flex-column justify-content-center">
  843. <div class="card-title link-complex-target text-uppercase x-small font-weight-heavy">Ut et ultricies neque.</div>
  844. </div>
  845. </a>
  846. </div>
  847. </div>
  848. </div>
  849. <!-- fine item accordion -->
  850. <!-- inizio item accordion -->
  851. <div class="collapse-header" id="heading2">
  852. <button class="font-weight-boldest" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
  853. <svg class="icon"><use xlink:href="/assets/svg/sprite.svg#icon-accordion-arrow"></use></svg>
  854. Maecenas elementum dolor quis magna mollis, vitae tincidunt
  855. </button>
  856. </div>
  857. <div id="collapse2" class="collapse" role="tabpanel" aria-labelledby="heading2">
  858. <div class="collapse-body">
  859. <p>Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
  860. </div>
  861. </div>
  862. <!-- fine item accordion -->
  863. <!-- inizio item accordion -->
  864. <div class="collapse-header" id="heading3">
  865. <button class="font-weight-boldest" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
  866. <svg class="icon"><use xlink:href="/assets/svg/sprite.svg#icon-accordion-arrow"></use></svg>
  867. Phasellus consequat facilisis nunc, ut dignissim magna
  868. </button>
  869. </div>
  870. <div id="collapse3" class="collapse" role="tabpanel" aria-labelledby="heading3">
  871. <div class="collapse-body">
  872. <p>Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</p>
  873. </div>
  874. </div>
  875. <!-- fine item accordion -->
  876. <!-- fine ciclo accordion -->
  877. </div>
  878. <!-- fine accordion -->
  879. </article> <article id="blocco-contatti-467663" class="it-page-section anchor-offset">
  880. <h2 class="page-section-title primary-color">Blocco contatti</h2>
  881. <div class="card-wrapper card-teaser-wrapper align-items-stretch">
  882. <div class="card card-teaser shadow mt-3 py-xl-5 rounded flex-nowrap">
  883. <svg class="icon icon-primary icon-md">
  884. <use xlink:href="/assets/svg/sprite.svg#icon-telephone"></use>
  885. </svg>
  886. <div class="card-body">
  887. <div class="card-title pt-1 pb-4 font-weight-boldest primary-color">Ufficio</div>
  888. <div class="card-text">
  889. <p>Sed et metus elementum</p>
  890. <p>Via Senectus et netus, 39</p>
  891. <p>43121 Parma</p>
  892. <p><strong>T.</strong> 0521 033708</p>
  893. <p><a href="mailto:specializzazioni@unipr.it">email: specializzazioni@unipr.it</a></p>
  894. </div>
  895. </div>
  896. </div>
  897. <div class="card card-teaser shadow mt-3 py-xl-5 rounded flex-nowrap">
  898. <svg class="icon icon-primary icon-md">
  899. <use xlink:href="/assets/svg/sprite.svg#icon-clock"></use>
  900. </svg>
  901. <div class="card-body">
  902. <div class="card-title pt-1 pb-4 font-weight-boldest primary-color">Orari</div>
  903. <div class="card-text">
  904. <p><strong>Lunedi, martedi, mercoledì, venerdi</strong> dalle 9 alle 12<br /><br /><strong>Giovedì</strong> dalle 9 alle 13</p>
  905. </div>
  906. </div>
  907. </div>
  908. </div>
  909. <div class="card card-teaser shadow mt-3 py-xl-5 rounded flex-nowrap">
  910. <svg class="icon icon-primary icon-md">
  911. <use xlink:href="/assets/svg/sprite.svg#icon-info"></use>
  912. </svg>
  913. <div class="card-body">
  914. <div class="card-title pt-1 pb-4 font-weight-boldest primary-color">Avvisi</div>
  915. <div class="card-text">
  916. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis lacinia tortor, et porta nibh. <a href="#">Aenean lorem tortor</a>, euismod ut ullamcorper nec, ultrices non orci. Donec posuere neque eros, sed convallis leo tempus vitae. Fusce quis purus at diam molestie dictum. Pellentesque tristique mi orci, sit amet ultrices leo rhoncus non.</p>
  917. </div>
  918. </div>
  919. </div>
  920. </article> <article id="blocco-child-pages-948930" class="it-page-section anchor-offset">
  921. <h2 class="page-section-title primary-color">In questa sezione</h2>
  922. <div class="link-list-wrapper">
  923. <ul class="link-list">
  924. <li><a class="list-item large line-height-normal font-weight-bold px-0" href="#"><span>Morbi finibus, tellus sodales dapibus facilisis</span></a>
  925. </li>
  926. <li><a class="list-item large line-height-normal font-weight-bold px-0" href="#"><span>Nulla condimentum nec ante vitae fermentum</span></a>
  927. </li>
  928. <li><a class="list-item large line-height-normal font-weight-bold px-0" href="#"><span>Maecenas sit amet mi sit amet enim fringilla suscipit maximus vel sem</span></a>
  929. </li>
  930. <li><a class="list-item large line-height-normal font-weight-bold px-0" href="#"><span>Nam pretium condimentum erat eu condimentum</span></a>
  931. </li>
  932. </ul>
  933. </div>
  934. </article> </div>
  935. </div>
  936. </div> </main>
  937. <footer id="footer" class="it-footer d-print-none">
  938. <div class="footer-corner"></div>
  939. <div class="it-footer-main pt-5 pb-4">
  940. <div class="container">
  941. <div class="row clearfix">
  942. <div class="col-12 col-xl-3 col-brand">
  943. <div class="it-brand-wrapper pt-0"> <a href="/home.php"> <img src="/assets/svg/unipr.svg" class="icon w-auto" alt="Università degli Studi di Parma"> </a> </div>
  944. </div>
  945. <div class="col-xl-3 col-lg-4 col-12 pt-3 order-lg-4 col-nl">
  946. <form action="#" class="form-newsletter" method="post">
  947. <label
  948. class="text-white font-weight-semibold text-uppercase mb-3"
  949. for="input-newsletter"
  950. >Newsletter</label
  951. >
  952. <div class="input-group">
  953. <input
  954. class="form-control border border-white rounded-left bg-transparent text-white font-weight-normal"
  955. id="input-newsletter"
  956. name="input-newsletter"
  957. placeholder="mail@example.com"
  958. type="email"
  959. />
  960. <div class="input-group-append mt-0">
  961. <button class="btn text-primary bg-white border-white text-uppercase font-weight-bold" type="submit"> <span>Iscriviti</span> </button>
  962. </div>
  963. </div>
  964. </form>
  965. </div>
  966. <div class="col-xl-2 col-lg-3 pt-5 pt-lg-3 order-lg-1 col-list1">
  967. <div class="link-list-wrapper">
  968. <ul class="footer-list link-list clearfix text-uppercase font-weight-bold">
  969. <li> <a class="list-item pb-2" href="#">Amministrazione Trasparente</a> </li>
  970. <li> <a class="list-item py-2" href="#">Manifesto degli studi</a> </li>
  971. <li> <a class="list-item py-2" href="#">Vivere a Parma</a> </li>
  972. <li> <a class="list-item py-2" href="#">Elenco telefonico</a> </li>
  973. <li> <a class="list-item py-2" href="#">Modulistica</a> </li>
  974. <li> <a class="list-item py-2" href="#">Agenda Web</a> </li>
  975. </ul>
  976. </div>
  977. </div>
  978. <div class="col-xl-2 col-lg-3 pt-5 pt-lg-3 pl-lg-5 order-lg-1 col-list-2">
  979. <div class="link-list-wrapper">
  980. <ul class="footer-list link-list clearfix text-uppercase font-weight-bold">
  981. <li> <a class="list-item pb-2" href="#">Ateneo</a> </li>
  982. <li> <a class="list-item py-2" href="#">Parla con noi</a> </li>
  983. <li> <a class="list-item py-2" href="#">@unipr</a> </li>
  984. </ul>
  985. </div>
  986. </div>
  987. <div class="col-xl-2 col-lg-2 pt-3 order-4 order-lg-3 col-social">
  988. <ul class="list-inline text-left social font-weight-semibold">
  989. <li class="list-inline-item"> <a class="text-white d-inline-block" href="#" target="_blank">
  990. <svg class="icon">
  991. <use
  992. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-facebook"
  993. ></use>
  994. </svg>
  995. <span class="text-white">Facebook</span></a
  996. > </li>
  997. <li class="list-inline-item"> <a class="text-white d-inline-block" href="#" target="_blank">
  998. <svg class="icon">
  999. <use
  1000. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-twitter"
  1001. ></use>
  1002. </svg>
  1003. <span class="text-white">Twitter</span></a
  1004. > </li>
  1005. <li class="list-inline-item"> <a class="text-white d-inline-block" href="#" target="_blank">
  1006. <svg class="icon">
  1007. <use
  1008. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-instagram"
  1009. ></use>
  1010. </svg>
  1011. <span class="text-white">Instagram</span></a
  1012. > </li>
  1013. <li class="list-inline-item"> <a class="text-white d-inline-block" href="#" target="_blank">
  1014. <svg class="icon">
  1015. <use
  1016. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-linkedin"
  1017. ></use>
  1018. </svg>
  1019. <span class="text-white">Linkedin</span></a
  1020. > </li>
  1021. <li class="list-inline-item"> <a class="text-white d-inline-block" href="#" target="_blank">
  1022. <svg class="icon">
  1023. <use
  1024. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-youtube"
  1025. ></use>
  1026. </svg>
  1027. <span class="text-white">Youtube</span></a
  1028. > </li>
  1029. </ul>
  1030. </div>
  1031. </div>
  1032. </div>
  1033. </div>
  1034. <div class="it-footer-small-prints clearfix">
  1035. <div class="container">
  1036. <h3 class="sr-only">Sezione Link Utili</h3>
  1037. <ul
  1038. class="it-footer-small-prints-list list-inline mb-0 d-flex flex-column flex-md-row font-weight-light"
  1039. >
  1040. <li class="list-inline-item"> <a href="#" title="Note Legali">Media policy</a> </li>
  1041. <li class="list-inline-item"> <a href="#" title="Note Legali">Note legali</a> </li>
  1042. <li class="list-inline-item"> <a href="#" title="Privacy-Cookies">Privacy policy</a> </li>
  1043. <li class="list-inline-item"> <a href="#" title="Mappa del sito">Mappa del sito</a> </li>
  1044. </ul>
  1045. </div>
  1046. </div>
  1047. </footer>
  1048. <div class="cookiebar d-print-none">
  1049. <p> Questo sito utilizza cookie tecnici, analytics e di terze parti. <br />
  1050. Proseguendo nella navigazione accetti l’utilizzo dei cookie. </p>
  1051. <div class="cookiebar-buttons"> <a href="#" class="cookiebar-btn"
  1052. >Maggiori informazioni<span class="sr-only"> sui cookies</span></a
  1053. >
  1054. <button data-accept="cookiebar" class="cookiebar-btn cookiebar-confirm"> Accetto<span class="sr-only"> i cookies</span> </button>
  1055. </div>
  1056. </div>
  1057. <a href="#" aria-hidden="true" data-attribute="back-to-top" class="back-to-top d-print-none">
  1058. <svg class="icon icon-light">
  1059. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-up"></use>
  1060. </svg>
  1061. </a>
  1062. <script>window.__PUBLIC_PATH__ = "/libs/bootstrap-italia/dist/fonts"</script>
  1063. <script src="/libs/jquery/dist/jquery-3.5.1.min.js"></script>
  1064. <script src="/libs/popper/dist/umd/popper.min.js"></script>
  1065. <script src="/libs/owlcarousel/dist/owl.carousel.min.js"></script>
  1066. <script src="/libs/venobox/dist/venobox.min.js"></script>
  1067. <script src="/libs/object-fit-images/dist/ofi.min.js"></script>
  1068. <script>
  1069. $ = jQuery;
  1070. </script>
  1071. <script src="/assets/js/scripts-pre-bootstrap.js"></script>
  1072. <!-- Bootstrap core JS -->
  1073. <script src="/libs/bootstrap-italia/dist/js/bootstrap-italia.min.js"></script>
  1074. <!-- Theme JS -->
  1075. <script src="/assets/js/theme.js"></script>
  1076. </body></html>

Used the schema for HTML + SVG 1.1 + MathML 3.0 + RDFa 1.1.

Used the HTML parser.

Total execution time 287 milliseconds.


About this checkerReport an issueVersion: 21.3.3