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 Notizie</li>
  471. </ol>
  472. </div>
  473. </nav><div class="container container-regular px-4">
  474. <div class="row">
  475. <div class="col-xl-8">
  476. <h1 class="page-header-title h2 font-weight-boldest primary-color">Notizie</h1>
  477. <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.</p></div>
  478. </div>
  479. </div>
  480. </div><div class="container container-regular px-4">
  481. <form action="#" method="post">
  482. <div class="row">
  483. <div class="col-xl-8 py-5">
  484. <div class="input-search-wrapper">
  485. <div class="input-group">
  486. <input
  487. class="form-control font-weight-boldest"
  488. type="text"
  489. placeholder="Cerca contenuti in &quot;Notizie&quot;"
  490. aria-label="Cerca contenuti in &quot;Notizie&quot;"
  491. id="cercaNotizieTesto"
  492. name="q"
  493. value=""
  494. />
  495. <div class="input-group-append">
  496. <button
  497. class="btn btn-icon rounded-0"
  498. type="submit"
  499. id="cercaNotizieButton"
  500. aria-label="Avvia la ricerca"
  501. >
  502. <svg class="icon icon-primary">
  503. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-search"></use>
  504. </svg>
  505. </button>
  506. </div>
  507. </div>
  508. </div>
  509. </div>
  510. </div>
  511. <div class="row">
  512. <div class="col pb-5 filtri-form-modale">
  513. <h6><small>Filtri</small></h6>
  514. <div class="btn-wrapper mt-2">
  515. <button type="button" class="btn btn-outline-unipr py-2 font-weight-boldest align-middle add-filter" data-toggle="modal" data-target="#searchModal" title="Aggiungi filtro"> Aggiungi filtro </button>
  516. <button type="button" class="btn btn-outline-unipr py-2 ml-3 font-weight-boldest align-middle remove-all-filters" title="Rimuovi filtri">Reset</button>
  517. </div>
  518. <div class="modal fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModalTitle">
  519. <div class="modal-dialog modal-full" role="document">
  520. <div class="modal-content">
  521. <div class="container standard">
  522. <div class="modal-header align-items-center">
  523. <button class="close m-0" type="button" data-dismiss="modal" aria-label="Chiudi">
  524. <svg class="icon icon-primary">
  525. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-left"></use>
  526. </svg>
  527. </button>
  528. <h3 id="searchModalTitle" class="h1 font-weight-boldest primary-color modal-title mr-auto">Filtri</h3>
  529. <button class="btn btn-outline-unipr py-2 font-weight-boldest" type="button" data-dismiss="modal">Conferma</button>
  530. </div>
  531. <div class="modal-body">
  532. <div class="nav-tabs-hidescroll">
  533. <ul class="nav nav-tabs auto" id="filtri_cerca_notizie-tabs" role="tablist">
  534. <li class="nav-item"><a class="nav-link active" id="categorie-tab" data-toggle="tab" href="#categorie-panel" role="tab" aria-controls="categorie-panel" aria-selected="true">Categorie</a></li>
  535. <li class="nav-item"><a class="nav-link" id="argomenti-tab" data-toggle="tab" href="#argomenti-panel" role="tab" aria-controls="argomenti-panel" aria-selected="false">Argomenti</a></li>
  536. <li class="nav-item"><a class="nav-link" id="dipartimenti-tab" data-toggle="tab" href="#diapartimenti-panel" role="tab" aria-controls="diapartimenti-panel" aria-selected="false">Dipartimenti</a></li>
  537. </ul>
  538. </div>
  539. <div class="tab-content" id="filtri_cerca_notizie-tabContent">
  540. <div class="tab-pane p-4 fade show active" id="categorie-panel" role="tabpanel" aria-labelledby="categorie-tab">
  541. <fieldset>
  542. <legend class="sr-only">Categorie</legend>
  543. <div class="form-check">
  544. <input type="checkbox" id="cercaNotizieCategoria_1" name="t_categorie_notizie[]" value="1" >
  545. <label for="cercaNotizieCategoria_1">Didattica</label>
  546. </div>
  547. <div class="form-check">
  548. <input type="checkbox" id="cercaNotizieCategoria_2" name="t_categorie_notizie[]" value="2" >
  549. <label for="cercaNotizieCategoria_2">Ricerca</label>
  550. </div>
  551. <div class="form-check">
  552. <input type="checkbox" id="cercaNotizieCategoria_3" name="t_categorie_notizie[]" value="3" >
  553. <label for="cercaNotizieCategoria_3">Campus</label>
  554. </div>
  555. <div class="form-check">
  556. <input type="checkbox" id="cercaNotizieCategoria_4" name="t_categorie_notizie[]" value="4" >
  557. <label for="cercaNotizieCategoria_4">Opinioni</label>
  558. </div>
  559. <div class="form-check">
  560. <input type="checkbox" id="cercaNotizieCategoria_5" name="t_categorie_notizie[]" value="5" >
  561. <label for="cercaNotizieCategoria_5">Alumni</label>
  562. </div>
  563. <div class="form-check">
  564. <input type="checkbox" id="cercaNotizieCategoria_6" name="t_categorie_notizie[]" value="6" >
  565. <label for="cercaNotizieCategoria_6">Eventi</label>
  566. </div>
  567. </fieldset>
  568. </div>
  569. <div class="tab-pane p-4 fade" id="argomenti-panel" role="tabpanel" aria-labelledby="argomenti-tab">
  570. <fieldset>
  571. <legend class="sr-only">Argomenti</legend>
  572. <div class="form-check">
  573. <input type="checkbox" id="cercaNotizieArgomento_1" name="t_argomenti_notizie[]" value="1" >
  574. <label for="cercaNotizieArgomento_1">Accordi</label>
  575. </div>
  576. <div class="form-check">
  577. <input type="checkbox" id="cercaNotizieArgomento_14" name="t_argomenti_notizie[]" value="14" >
  578. <label for="cercaNotizieArgomento_14">Anniversari</label>
  579. </div>
  580. <div class="form-check">
  581. <input type="checkbox" id="cercaNotizieArgomento_2" name="t_argomenti_notizie[]" value="2" >
  582. <label for="cercaNotizieArgomento_2">Covid-19</label>
  583. </div>
  584. <div class="form-check">
  585. <input type="checkbox" id="cercaNotizieArgomento_3" name="t_argomenti_notizie[]" value="3" >
  586. <label for="cercaNotizieArgomento_3">Economia</label>
  587. </div>
  588. <div class="form-check">
  589. <input type="checkbox" id="cercaNotizieArgomento_4" name="t_argomenti_notizie[]" value="4" >
  590. <label for="cercaNotizieArgomento_4">Fisica</label>
  591. </div>
  592. <div class="form-check">
  593. <input type="checkbox" id="cercaNotizieArgomento_5" name="t_argomenti_notizie[]" value="5" >
  594. <label for="cercaNotizieArgomento_5">Libri</label>
  595. </div>
  596. <div class="form-check">
  597. <input type="checkbox" id="cercaNotizieArgomento_6" name="t_argomenti_notizie[]" value="6" >
  598. <label for="cercaNotizieArgomento_6">Musica</label>
  599. </div>
  600. <div class="form-check">
  601. <input type="checkbox" id="cercaNotizieArgomento_13" name="t_argomenti_notizie[]" value="13" >
  602. <label for="cercaNotizieArgomento_13">Nomine</label>
  603. </div>
  604. <div class="form-check">
  605. <input type="checkbox" id="cercaNotizieArgomento_7" name="t_argomenti_notizie[]" value="7" >
  606. <label for="cercaNotizieArgomento_7">Occupazione</label>
  607. </div>
  608. <div class="form-check">
  609. <input type="checkbox" id="cercaNotizieArgomento_8" name="t_argomenti_notizie[]" value="8" >
  610. <label for="cercaNotizieArgomento_8">Orientamento</label>
  611. </div>
  612. <div class="form-check">
  613. <input type="checkbox" id="cercaNotizieArgomento_9" name="t_argomenti_notizie[]" value="9" >
  614. <label for="cercaNotizieArgomento_9">Politica</label>
  615. </div>
  616. <div class="form-check">
  617. <input type="checkbox" id="cercaNotizieArgomento_10" name="t_argomenti_notizie[]" value="10" >
  618. <label for="cercaNotizieArgomento_10">Premi</label>
  619. </div>
  620. <div class="form-check">
  621. <input type="checkbox" id="cercaNotizieArgomento_11" name="t_argomenti_notizie[]" value="11" >
  622. <label for="cercaNotizieArgomento_11">Psicologia</label>
  623. </div>
  624. <div class="form-check">
  625. <input type="checkbox" id="cercaNotizieArgomento_12" name="t_argomenti_notizie[]" value="12" >
  626. <label for="cercaNotizieArgomento_12">Webinar</label>
  627. </div>
  628. </fieldset>
  629. </div>
  630. <div class="tab-pane p-4 fade" id="diapartimenti-panel" role="tabpanel" aria-labelledby="dipartimenti-tab">
  631. <fieldset>
  632. <legend class="sr-only">Dipartimenti</legend>
  633. <div class="form-check">
  634. <input type="checkbox" id="cercaNotizieDipartimenti_1" name="t_dipartimenti_notizie[]" value="1" >
  635. <label for="cercaNotizieDipartimenti_1">Dipartimento di Discipline Umanistiche, Sociali e delle Imprese Culturali</label>
  636. </div>
  637. <div class="form-check">
  638. <input type="checkbox" id="cercaNotizieDipartimenti_2" name="t_dipartimenti_notizie[]" value="2" >
  639. <label for="cercaNotizieDipartimenti_2">Dipartimento di Giurisprudenza, Studî Politici e Internazionali</label>
  640. </div>
  641. <div class="form-check">
  642. <input type="checkbox" id="cercaNotizieDipartimenti_3" name="t_dipartimenti_notizie[]" value="3" >
  643. <label for="cercaNotizieDipartimenti_3">Dipartimento di Ingegneria e Architettura</label>
  644. </div>
  645. <div class="form-check">
  646. <input type="checkbox" id="cercaNotizieDipartimenti_4" name="t_dipartimenti_notizie[]" value="4" >
  647. <label for="cercaNotizieDipartimenti_4">Dipartimento di Medicina e Chirurgia</label>
  648. </div>
  649. <div class="form-check">
  650. <input type="checkbox" id="cercaNotizieDipartimenti_5" name="t_dipartimenti_notizie[]" value="5" >
  651. <label for="cercaNotizieDipartimenti_5">Dipartimento di Scienze Chimiche, della Vita e della Sostenibilità Ambientale</label>
  652. </div>
  653. <div class="form-check">
  654. <input type="checkbox" id="cercaNotizieDipartimenti_6" name="t_dipartimenti_notizie[]" value="6" >
  655. <label for="cercaNotizieDipartimenti_6">Dipartimento di Scienze degli Alimenti e del Farmaco</label>
  656. </div>
  657. <div class="form-check">
  658. <input type="checkbox" id="cercaNotizieDipartimenti_7" name="t_dipartimenti_notizie[]" value="7" >
  659. <label for="cercaNotizieDipartimenti_7">Dipartimento di Scienze Economiche e Aziendali</label>
  660. </div>
  661. <div class="form-check">
  662. <input type="checkbox" id="cercaNotizieDipartimenti_8" name="t_dipartimenti_notizie[]" value="8" >
  663. <label for="cercaNotizieDipartimenti_8">Dipartimento di Scienze Matematiche, Fisiche e Informatiche</label>
  664. </div>
  665. <div class="form-check">
  666. <input type="checkbox" id="cercaNotizieDipartimenti_9" name="t_dipartimenti_notizie[]" value="9" >
  667. <label for="cercaNotizieDipartimenti_9">Dipartimento di Scienze Medico-Veterinarie</label>
  668. </div>
  669. </fieldset>
  670. </div>
  671. </div>
  672. </div>
  673. </div>
  674. </div>
  675. </div>
  676. </div>
  677. </div>
  678. </div>
  679. </form>
  680. </div>
  681. <section class="section-in-evidenza-cerca-notizie py-5 lightgrey-bg-a4 section-rounded-bottom-left">
  682. <div class="section-header py-3">
  683. <div class="container container-regular px-4">
  684. <h2 class="h3 font-weight-boldest primary-color mb-0">In evidenza</h2>
  685. </div>
  686. </div>
  687. <div class="section-body py-5">
  688. <div class="container container-regular px-4">
  689. <div class="row">
  690. <div class="col-12">
  691. <div class="card-wrapper card-space">
  692. <div class="card rounded card-bg card-img side-img flex-lg-row flex-shrink-1">
  693. <div class="img-responsive-wrapper col-lg-8 px-0">
  694. <div class="img-responsive img-responsive-16by9">
  695. <figure class="img-wrapper">
  696. <picture>
  697. <source media="(min-width: 40em)" srcset="https://picsum.photos/id/1006/800/450 1x, https://picsum.photos/id/1006/1600/900 2x">
  698. <source srcset="https://picsum.photos/id/1006/480/270 1x, https://picsum.photos/id/1006/640/540 2x">
  699. <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%209'%3E%3C/svg%3E" loading="lazy" width="16" height="9" title="img title" alt="imagealt"> </picture>
  700. </figure>
  701. </div>
  702. </div>
  703. <div class="card-body p-xl-5 col-lg-4 flex-shrink-0">
  704. <div class="categoryicon-top">
  705. <svg class="icon icon-primary">
  706. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-comment"></use>
  707. </svg>
  708. <span class="text font-weight-boldest dark-color">Fusce efficitur</span> </div>
  709. <h3 class="card-title primary-color">Phasellus vehicula efficitur sollicitudin</h3>
  710. <div class="card-text line-height-normal">Quisque in dapibus urna. Duis cursus nisl lorem, in molestie turpis ultricies vel.</div>
  711. <a class="read-more" href="#"> <span class="text">Scopri di più</span>
  712. <svg class="icon icon-sm">
  713. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-right"></use>
  714. </svg>
  715. </a> </div>
  716. </div>
  717. </div>
  718. </div>
  719. <div class="col-lg-4">
  720. <div class="card-wrapper card-space">
  721. <div class="card rounded card-bg">
  722. <div class="card-body p-xl-5">
  723. <div class="categoryicon-top">
  724. <svg class="icon icon-primary">
  725. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-comment"></use>
  726. </svg>
  727. <span class="text font-weight-boldest dark-color">Opinioni</span> </div>
  728. <h3 class="card-title primary-color">Proin nec ipsum at dui vulputate malesuada. </h3>
  729. <div class="card-text line-height-normal">Nullam et tellus nec metus congue volutpat vitae sollicitudin justo. Vivamus massa mauris, volutpat nec quam vel, dictum laoreet justo.</div>
  730. <a class="read-more" href="#"> <span class="text">Scopri di più</span>
  731. <svg class="icon icon-sm">
  732. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-right"></use>
  733. </svg>
  734. </a> </div>
  735. </div>
  736. </div>
  737. </div>
  738. <div class="col-lg-4">
  739. <div class="card-wrapper card-space">
  740. <div class="card rounded card-bg">
  741. <div class="card-body p-xl-5">
  742. <div class="categoryicon-top">
  743. <svg class="icon icon-primary">
  744. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-calendar"></use>
  745. </svg>
  746. <span class="text font-weight-boldest dark-color">Evento</span> </div>
  747. <h3 class="card-title primary-color">Aenean scelerisque neque ex, vel porttitor tortor sodales vitae.</h3>
  748. <div class="card-text line-height-normal">Aliquam ultricies sagittis lacinia. Nam pulvinar convallis magna, bibendum tempor ipsum mollis ut.</div>
  749. <a class="read-more" href="#"> <span class="text">Scopri di più</span>
  750. <svg class="icon icon-sm">
  751. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-right"></use>
  752. </svg>
  753. </a> </div>
  754. </div>
  755. </div>
  756. </div>
  757. <div class="col-lg-4">
  758. <div class="card-wrapper card-space">
  759. <div class="card rounded card-bg card-img flex-shrink-1">
  760. <div class="img-responsive-wrapper">
  761. <div class="img-responsive img-responsive-16by9">
  762. <figure class="img-wrapper">
  763. <picture>
  764. <source srcset="https://picsum.photos/id/1011/480/270 1x, https://picsum.photos/id/1011/640/540 2x">
  765. <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%209'%3E%3C/svg%3E" loading="lazy" width="16" height="9" title="img title" alt="imagealt"> </picture>
  766. </figure>
  767. </div>
  768. </div>
  769. <div class="card-body p-xl-5">
  770. <div class="categoryicon-top">
  771. <svg class="icon icon-primary">
  772. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-comment"></use>
  773. </svg>
  774. <span class="text font-weight-boldest dark-color">Sed blandit bibendum</span> </div>
  775. <h3 class="card-title primary-color">Ut lobortis sem in velit mollis cursus.</h3>
  776. <a class="read-more" href="#"> <span class="text">Scopri di più</span>
  777. <svg class="icon icon-sm">
  778. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-right"></use>
  779. </svg>
  780. </a> </div>
  781. </div>
  782. </div>
  783. </div>
  784. <div class="col-lg-4">
  785. <div class="card-wrapper card-space">
  786. <div class="card rounded card-bg card-img flex-shrink-1">
  787. <div class="img-responsive-wrapper">
  788. <div class="img-responsive img-responsive-16by9">
  789. <figure class="img-wrapper">
  790. <picture>
  791. <source srcset="https://picsum.photos/id/1012/480/270 1x, https://picsum.photos/id/1012/640/540 2x">
  792. <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%209'%3E%3C/svg%3E" loading="lazy" width="16" height="9" title="img title" alt="imagealt"> </picture>
  793. </figure>
  794. </div>
  795. </div>
  796. <div class="card-body p-xl-5">
  797. <div class="categoryicon-top">
  798. <svg class="icon icon-primary">
  799. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-calendar"></use>
  800. </svg>
  801. <span class="text font-weight-boldest dark-color">Leo in viverra</span> </div>
  802. <h3 class="card-title primary-color">Integer porta bibendum est aliquam hendrerit</h3>
  803. <a class="read-more" href="#"> <span class="text">Scopri di più</span>
  804. <svg class="icon icon-sm">
  805. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-right"></use>
  806. </svg>
  807. </a> </div>
  808. </div>
  809. </div>
  810. </div>
  811. <div class="col-lg-4">
  812. <div class="card-wrapper card-space">
  813. <div class="card rounded card-bg">
  814. <div class="card-body p-xl-5">
  815. <div class="categoryicon-top">
  816. <svg class="icon icon-primary">
  817. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-files"></use>
  818. </svg>
  819. <span class="text font-weight-boldest dark-color">Campus</span> </div>
  820. <h3 class="card-title primary-color">Quisque et elit et lacus molestie rutrum eget varius dui</h3>
  821. <div class="card-text line-height-normal">Mauris laoreet lacus ex, pulvinar interdum nisi pretium eu. In vulputate eros lectus, ac bibendum arcu feugiat nec.</div>
  822. <a class="read-more" href="#"> <span class="text">Scopri di più</span>
  823. <svg class="icon icon-sm">
  824. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-right"></use>
  825. </svg>
  826. </a> </div>
  827. </div>
  828. </div>
  829. </div>
  830. <div class="col-lg-4">
  831. <div class="card-wrapper card-space">
  832. <div class="card rounded card-bg card-img flex-shrink-1">
  833. <div class="img-responsive-wrapper">
  834. <div class="img-responsive img-responsive-16by9">
  835. <figure class="img-wrapper">
  836. <picture>
  837. <source srcset="https://picsum.photos/id/1013/480/270 1x, https://picsum.photos/id/1013/640/540 2x">
  838. <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%209'%3E%3C/svg%3E" loading="lazy" width="16" height="9" title="img title" alt="imagealt"> </picture>
  839. </figure>
  840. </div>
  841. </div>
  842. <div class="card-body p-xl-5">
  843. <div class="categoryicon-top">
  844. <svg class="icon icon-primary">
  845. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-files"></use>
  846. </svg>
  847. <span class="text font-weight-boldest dark-color">Campus</span> </div>
  848. <h3 class="card-title primary-color">Nam convallis, leo eget rutrum scelerisque</h3>
  849. <a class="read-more" href="#"> <span class="text">Scopri di più</span>
  850. <svg class="icon icon-sm">
  851. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-right"></use>
  852. </svg>
  853. </a> </div>
  854. </div>
  855. </div>
  856. </div>
  857. </div>
  858. </div>
  859. </div>
  860. </section>
  861. <section class="section-serp-cerca-notizie py-5">
  862. <div class="section-header pt-5">
  863. <div class="container container-regular px-4">
  864. <h2 class="h3 font-weight-boldest primary-color py-3 mb-0 page-section-title"> Phasellus condimentum, erat vitae aliquet volutpat</h2>
  865. </div>
  866. </div>
  867. <div class="section-body py-4">
  868. <div class="container container-regular px-4">
  869. <div class="row variable-gutters variable-gutters-regular">
  870. <!-- Ciclo elementi serp -->
  871. <!-- Elemento serp -->
  872. <div class="col-lg-4">
  873. <div class="card-wrapper card-space-xl">
  874. <div class="card">
  875. <div class="card-body px-0">
  876. <h3 class="card-title">Proin nec ipsum at dui vulputate malesuada. </h3>
  877. <div class="card-text line-height-normal">Vivamus eu sem sollicitudin, semper enim sed, fringilla leo. Quisque ullamcorper at dolor vel tincidunt.</div>
  878. <a class="read-more" href="#"> <span class="text">Scopri di più</span>
  879. <svg class="icon icon-sm">
  880. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-right"></use>
  881. </svg>
  882. </a> </div>
  883. </div>
  884. </div>
  885. </div>
  886. <!-- END Elemento serp -->
  887. <!-- Elemento serp -->
  888. <div class="col-lg-4">
  889. <div class="card-wrapper card-space-xl">
  890. <div class="card">
  891. <div class="card-body px-0">
  892. <h3 class="card-title">In vehicula, odio eu semper consectetur</h3>
  893. <div class="card-text line-height-normal">Vivamus molestie tellus risus, non commodo sapien venenatis malesuada. Aliquam quis tincidunt lectus. Donec tristique malesuada risus id pulvinar</div>
  894. <a class="read-more" href="#"> <span class="text">Scopri di più</span>
  895. <svg class="icon icon-sm">
  896. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-right"></use>
  897. </svg>
  898. </a> </div>
  899. </div>
  900. </div>
  901. </div>
  902. <!-- END Elemento serp -->
  903. <!-- Elemento serp -->
  904. <div class="col-lg-4">
  905. <div class="card-wrapper card-space-xl">
  906. <div class="card">
  907. <div class="card-body px-0">
  908. <h3 class="card-title">Duis mollis euismod dui at ullamcorper</h3>
  909. <div class="card-text line-height-normal">Suspendisse venenatis turpis turpis, at tempor libero laoreet vitae.</div>
  910. <a class="read-more" href="#"> <span class="text">Scopri di più</span>
  911. <svg class="icon icon-sm">
  912. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-right"></use>
  913. </svg>
  914. </a> </div>
  915. </div>
  916. </div>
  917. </div>
  918. <!-- END Elemento serp -->
  919. <!-- Elemento serp -->
  920. <div class="col-lg-4">
  921. <div class="card-wrapper card-space-xl">
  922. <div class="card">
  923. <div class="card-body px-0">
  924. <h3 class="card-title">Sed ultrices vulputate nulla, sed aliquam magna</h3>
  925. <div class="card-text line-height-normal">Suspendisse feugiat ornare mollis. Vivamus lobortis a ex vitae pretium.</div>
  926. <a class="read-more" href="#"> <span class="text">Scopri di più</span>
  927. <svg class="icon icon-sm">
  928. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-right"></use>
  929. </svg>
  930. </a> </div>
  931. </div>
  932. </div>
  933. </div>
  934. <!-- END Elemento serp -->
  935. <!-- Elemento serp -->
  936. <div class="col-lg-4">
  937. <div class="card-wrapper card-space-xl">
  938. <div class="card">
  939. <div class="card-body px-0">
  940. <h3 class="card-title">Fusce efficitur in leo eu mattis </h3>
  941. <div class="card-text line-height-normal">Aliquam ultricies sagittis lacinia. Nam pulvinar convallis magna, bibendum tempor ipsum mollis ut. Ut lobortis sem in velit mollis cursus.</div>
  942. <a class="read-more" href="#"> <span class="text">Scopri di più</span>
  943. <svg class="icon icon-sm">
  944. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-right"></use>
  945. </svg>
  946. </a> </div>
  947. </div>
  948. </div>
  949. </div>
  950. <!-- END Elemento serp -->
  951. <!-- Elemento serp -->
  952. <div class="col-lg-4">
  953. <div class="card-wrapper card-space-xl">
  954. <div class="card">
  955. <div class="card-body px-0">
  956. <h3 class="card-title">Sed blandit bibendum leo in viverra</h3>
  957. <div class="card-text line-height-normal">Integer porta bibendum est aliquam hendrerit. Quisque et elit et lacus molestie rutrum eget varius dui</div>
  958. <a class="read-more" href="#"> <span class="text">Scopri di più</span>
  959. <svg class="icon icon-sm">
  960. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-right"></use>
  961. </svg>
  962. </a> </div>
  963. </div>
  964. </div>
  965. </div>
  966. <!-- END Elemento serp -->
  967. <!-- END Ciclo elementi serp -->
  968. </div>
  969. </div>
  970. </div>
  971. <div class="section-footer py-5">
  972. <!-- Paginazione -->
  973. <nav class="pagination-wrapper justify-content-center" aria-label="Navigazione notizie">
  974. <ul class="pagination">
  975. <li class="page-item disabled"> <a class="page-link" href="#" tabindex="-1" aria-hidden="true">
  976. <svg class="icon icon-primary">
  977. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-chevron-left"></use>
  978. </svg>
  979. <span class="sr-only">Pagina precedente</span> </a> </li>
  980. <li class="page-item active"> <a class="page-link" href="#" aria-current="page"> <span class="d-inline-block d-sm-none">Pagina </span>1 </a> </li>
  981. <li class="page-item d-none d-sm-flex"><a class="page-link" href="#">2</a></li>
  982. <li class="page-item d-none d-sm-flex"><a class="page-link" href="#">3</a></li>
  983. <li class="page-item d-none d-sm-flex"><a class="page-link" href="#">4</a></li>
  984. <li class="page-item"> <a class="page-link" href="#"> <span class="sr-only">Pagina successiva</span>
  985. <svg class="icon icon-primary">
  986. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-chevron-right"></use>
  987. </svg>
  988. </a> </li>
  989. </ul>
  990. </nav>
  991. <!-- END Paginazione -->
  992. </div>
  993. </section>
  994. </main>
  995. <footer id="footer" class="it-footer d-print-none">
  996. <div class="footer-corner"></div>
  997. <div class="it-footer-main pt-5 pb-4">
  998. <div class="container">
  999. <div class="row clearfix">
  1000. <div class="col-12 col-xl-3 col-brand">
  1001. <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>
  1002. </div>
  1003. <div class="col-xl-3 col-lg-4 col-12 pt-3 order-lg-4 col-nl">
  1004. <form action="#" class="form-newsletter" method="post">
  1005. <label
  1006. class="text-white font-weight-semibold text-uppercase mb-3"
  1007. for="input-newsletter"
  1008. >Newsletter</label
  1009. >
  1010. <div class="input-group">
  1011. <input
  1012. class="form-control border border-white rounded-left bg-transparent text-white font-weight-normal"
  1013. id="input-newsletter"
  1014. name="input-newsletter"
  1015. placeholder="mail@example.com"
  1016. type="email"
  1017. />
  1018. <div class="input-group-append mt-0">
  1019. <button class="btn text-primary bg-white border-white text-uppercase font-weight-bold" type="submit"> <span>Iscriviti</span> </button>
  1020. </div>
  1021. </div>
  1022. </form>
  1023. </div>
  1024. <div class="col-xl-2 col-lg-3 pt-5 pt-lg-3 order-lg-1 col-list1">
  1025. <div class="link-list-wrapper">
  1026. <ul class="footer-list link-list clearfix text-uppercase font-weight-bold">
  1027. <li> <a class="list-item pb-2" href="#">Amministrazione Trasparente</a> </li>
  1028. <li> <a class="list-item py-2" href="#">Manifesto degli studi</a> </li>
  1029. <li> <a class="list-item py-2" href="#">Vivere a Parma</a> </li>
  1030. <li> <a class="list-item py-2" href="#">Elenco telefonico</a> </li>
  1031. <li> <a class="list-item py-2" href="#">Modulistica</a> </li>
  1032. <li> <a class="list-item py-2" href="#">Agenda Web</a> </li>
  1033. </ul>
  1034. </div>
  1035. </div>
  1036. <div class="col-xl-2 col-lg-3 pt-5 pt-lg-3 pl-lg-5 order-lg-1 col-list-2">
  1037. <div class="link-list-wrapper">
  1038. <ul class="footer-list link-list clearfix text-uppercase font-weight-bold">
  1039. <li> <a class="list-item pb-2" href="#">Ateneo</a> </li>
  1040. <li> <a class="list-item py-2" href="#">Parla con noi</a> </li>
  1041. <li> <a class="list-item py-2" href="#">@unipr</a> </li>
  1042. </ul>
  1043. </div>
  1044. </div>
  1045. <div class="col-xl-2 col-lg-2 pt-3 order-4 order-lg-3 col-social">
  1046. <ul class="list-inline text-left social font-weight-semibold">
  1047. <li class="list-inline-item"> <a class="text-white d-inline-block" href="#" target="_blank">
  1048. <svg class="icon">
  1049. <use
  1050. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-facebook"
  1051. ></use>
  1052. </svg>
  1053. <span class="text-white">Facebook</span></a
  1054. > </li>
  1055. <li class="list-inline-item"> <a class="text-white d-inline-block" href="#" target="_blank">
  1056. <svg class="icon">
  1057. <use
  1058. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-twitter"
  1059. ></use>
  1060. </svg>
  1061. <span class="text-white">Twitter</span></a
  1062. > </li>
  1063. <li class="list-inline-item"> <a class="text-white d-inline-block" href="#" target="_blank">
  1064. <svg class="icon">
  1065. <use
  1066. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-instagram"
  1067. ></use>
  1068. </svg>
  1069. <span class="text-white">Instagram</span></a
  1070. > </li>
  1071. <li class="list-inline-item"> <a class="text-white d-inline-block" href="#" target="_blank">
  1072. <svg class="icon">
  1073. <use
  1074. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-linkedin"
  1075. ></use>
  1076. </svg>
  1077. <span class="text-white">Linkedin</span></a
  1078. > </li>
  1079. <li class="list-inline-item"> <a class="text-white d-inline-block" href="#" target="_blank">
  1080. <svg class="icon">
  1081. <use
  1082. xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-youtube"
  1083. ></use>
  1084. </svg>
  1085. <span class="text-white">Youtube</span></a
  1086. > </li>
  1087. </ul>
  1088. </div>
  1089. </div>
  1090. </div>
  1091. </div>
  1092. <div class="it-footer-small-prints clearfix">
  1093. <div class="container">
  1094. <h3 class="sr-only">Sezione Link Utili</h3>
  1095. <ul
  1096. class="it-footer-small-prints-list list-inline mb-0 d-flex flex-column flex-md-row font-weight-light"
  1097. >
  1098. <li class="list-inline-item"> <a href="#" title="Note Legali">Media policy</a> </li>
  1099. <li class="list-inline-item"> <a href="#" title="Note Legali">Note legali</a> </li>
  1100. <li class="list-inline-item"> <a href="#" title="Privacy-Cookies">Privacy policy</a> </li>
  1101. <li class="list-inline-item"> <a href="#" title="Mappa del sito">Mappa del sito</a> </li>
  1102. </ul>
  1103. </div>
  1104. </div>
  1105. </footer>
  1106. <div class="cookiebar d-print-none">
  1107. <p> Questo sito utilizza cookie tecnici, analytics e di terze parti. <br />
  1108. Proseguendo nella navigazione accetti l’utilizzo dei cookie. </p>
  1109. <div class="cookiebar-buttons"> <a href="#" class="cookiebar-btn"
  1110. >Maggiori informazioni<span class="sr-only"> sui cookies</span></a
  1111. >
  1112. <button data-accept="cookiebar" class="cookiebar-btn cookiebar-confirm"> Accetto<span class="sr-only"> i cookies</span> </button>
  1113. </div>
  1114. </div>
  1115. <a href="#" aria-hidden="true" data-attribute="back-to-top" class="back-to-top d-print-none">
  1116. <svg class="icon icon-light">
  1117. <use xlink:href="/libs/bootstrap-italia/dist/svg/sprite.svg#it-arrow-up"></use>
  1118. </svg>
  1119. </a>
  1120. <script>window.__PUBLIC_PATH__ = "/libs/bootstrap-italia/dist/fonts"</script>
  1121. <script src="/libs/jquery/dist/jquery-3.5.1.min.js"></script>
  1122. <script src="/libs/popper/dist/umd/popper.min.js"></script>
  1123. <script src="/libs/owlcarousel/dist/owl.carousel.min.js"></script>
  1124. <script src="/libs/venobox/dist/venobox.min.js"></script>
  1125. <script src="/libs/object-fit-images/dist/ofi.min.js"></script>
  1126. <script>
  1127. $ = jQuery;
  1128. </script>
  1129. <script src="/assets/js/scripts-pre-bootstrap.js"></script>
  1130. <!-- Bootstrap core JS -->
  1131. <script src="/libs/bootstrap-italia/dist/js/bootstrap-italia.min.js"></script>
  1132. <!-- Theme JS -->
  1133. <script src="/assets/js/theme.js"></script>
  1134. </body></html>

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

Used the HTML parser.

Total execution time 277 milliseconds.


About this checkerReport an issueVersion: 21.3.3