epfl-elements 5.4.0 → 5.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/config/bootstrap-variables.scss +2 -1
- package/dist/components/atoms/alert/alert-types.twig +3 -3
- package/dist/components/atoms/alert/alert-unclosable.twig +3 -0
- package/dist/components/atoms/alert/alert.yml +7 -0
- package/dist/components/atoms/nav-lang/nav-lang.twig +1 -1
- package/dist/components/atoms/select/select-multiple.twig +6 -1
- package/dist/components/pages/lab-homepage/lab-homepage.twig +1 -1
- package/dist/css/elements.css +96 -14
- package/dist/css/elements.min.css +1 -1
- package/dist/css/elements.min.css.map +1 -1
- package/dist/css/reader.css +1 -0
- package/dist/css/reader.min.css +1 -1
- package/dist/css/reader.min.css.map +1 -1
- package/dist/js/reader.js +40 -30
- package/dist/js/reader.min.js +2 -2
- package/dist/js/reader.min.js.map +1 -1
- package/dist/js/vendors.js +1142 -4264
- package/dist/js/vendors.min.js +1 -1
- package/dist/package.json +2 -2
- package/package.json +2 -2
- package/dist/components/molecules/map/map-overlay.twig +0 -7
- package/dist/components/molecules/map copy/map-overlay.twig +0 -7
- package/dist/components/molecules/map copy/map.twig +0 -5
- package/dist/components/molecules/map copy/map.yml +0 -20
package/dist/js/reader.js
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
var map = {
|
|
8
8
|
"./atoms/alert/alert-types.twig": 33014,
|
|
9
|
+
"./atoms/alert/alert-unclosable.twig": 95381,
|
|
9
10
|
"./atoms/button/button-secondary-states.twig": 71462,
|
|
10
11
|
"./atoms/button/button-secondary.twig": 16343,
|
|
11
12
|
"./atoms/button/button-sizes.twig": 56403,
|
|
@@ -256,6 +257,7 @@ webpackContext.id = 54857;
|
|
|
256
257
|
|
|
257
258
|
var map = {
|
|
258
259
|
"./atoms/alert/alert-types.twig": 33014,
|
|
260
|
+
"./atoms/alert/alert-unclosable.twig": 95381,
|
|
259
261
|
"./atoms/alert/alert.twig": 63582,
|
|
260
262
|
"./atoms/button/button-secondary-states.twig": 71462,
|
|
261
263
|
"./atoms/button/button-secondary.twig": 16343,
|
|
@@ -47555,7 +47557,15 @@ module.exports = "# Wordpress\n\nThis design is packed into [our official wordpr
|
|
|
47555
47557
|
/***/ (function(module) {
|
|
47556
47558
|
|
|
47557
47559
|
"use strict";
|
|
47558
|
-
module.exports = "<div class=\"alert alert-success alert-dismissible fade show\" role=\"alert\">\n <strong>Yay!</strong> Cette barre vous confirme un succès dans l’accomplissement d’une tâche, comme l’envoi d’un formulaire par exemple.\n <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n</div>\n\n\n<div class=\"alert alert-info alert-dismissible fade show\" role=\"alert\">\n <strong>Information.</strong> Événement non critique, du type «
|
|
47560
|
+
module.exports = "<div class=\"alert alert-success alert-dismissible fade show\" role=\"alert\">\n <strong>Yay!</strong> Cette barre vous confirme un succès dans l’accomplissement d’une tâche, comme l’envoi d’un formulaire par exemple.\n <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n</div>\n\n\n<div class=\"alert alert-info alert-dismissible fade show\" role=\"alert\">\n <strong>Information.</strong> Événement non critique, du type «le site sera en maintenance cette nuit de 02:00 à 03:00».\n <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n</div>\n\n\n<div class=\"alert alert-warning alert-dismissible fade show\" role=\"alert\">\n <strong>Warning...</strong> Merci de bien tenir compte de cette information: <a class='alert-link' href='#'>fermeture des portes à 19:30</a>.\n <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n</div>\n\n\n<div class=\"alert alert-danger alert-dismissible fade show\" role=\"alert\">\n <strong>Danger!</strong> On nous signale une indisponibilité de café sur <a class='alert-link' href='#'>tout le campus</a>. Les autorités compétentes sont sur le coup.\n <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n</div>\n\n";
|
|
47561
|
+
|
|
47562
|
+
/***/ }),
|
|
47563
|
+
|
|
47564
|
+
/***/ 95381:
|
|
47565
|
+
/***/ (function(module) {
|
|
47566
|
+
|
|
47567
|
+
"use strict";
|
|
47568
|
+
module.exports = "<div class=\"alert alert-success \" role=\"alert\">\n <strong>Yay!</strong> Cette barre vous confirme un succès dans l’accomplissement d’une tâche, comme l’envoi d’un formulaire par exemple.\n</div>\n";
|
|
47559
47569
|
|
|
47560
47570
|
/***/ }),
|
|
47561
47571
|
|
|
@@ -47899,7 +47909,7 @@ module.exports = "\n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n
|
|
|
47899
47909
|
/***/ (function(module) {
|
|
47900
47910
|
|
|
47901
47911
|
"use strict";
|
|
47902
|
-
module.exports = "<nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </button>\n <ul class=\"dropdown-menu\">\n <li>\n <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n <span>EN</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n <span>RU</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n <span>DE</span>\n </a>\n </li>\n </ul>\n</nav>\n";
|
|
47912
|
+
module.exports = "<nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </button>\n <ul class=\"dropdown-menu\">\n <li>\n <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n <span>EN</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n <span>RU</span> <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-translate\"></use></svg>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n <span>DE</span>\n </a>\n </li>\n </ul>\n</nav>\n";
|
|
47903
47913
|
|
|
47904
47914
|
/***/ }),
|
|
47905
47915
|
|
|
@@ -48171,7 +48181,7 @@ module.exports = "<span class=\"research-icon research-icon-scopus\">\n <svg cl
|
|
|
48171
48181
|
/***/ (function(module) {
|
|
48172
48182
|
|
|
48173
48183
|
"use strict";
|
|
48174
|
-
module.exports = "<div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n";
|
|
48184
|
+
module.exports = "<div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n";
|
|
48175
48185
|
|
|
48176
48186
|
/***/ }),
|
|
48177
48187
|
|
|
@@ -48891,7 +48901,7 @@ module.exports = "\n<div id=\"carouselNews\" class=\"carousel slide carousel-hig
|
|
|
48891
48901
|
/***/ (function(module) {
|
|
48892
48902
|
|
|
48893
48903
|
"use strict";
|
|
48894
|
-
module.exports = "<h4>
|
|
48904
|
+
module.exports = "<h4>Further readings</h4>\n\n<button\n class=\"collapse-title collapse-title-desktop\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item show collapse-item-desktop\" id=\"collapse-1\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> › <a href=\"#\">SI</a> › <a href=\"#\">SI-EXOP</a> › <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n <div class=\"col-sm-12\">\n <p><span class=\"sr-only\">Web site: </span><a href=\"https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/\">https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/</a></p>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> › <a href=\"#\">SI</a> › <a href=\"#\">SI-EXOP</a> › <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n <div class=\"col-sm-12\">\n <p><span class=\"sr-only\">Web site: </span><a href=\"https://rh.epfl.ch/\">https://rh.epfl.ch/</a></p>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> › <a href=\"#\">SI</a> › <a href=\"#\">SI-EXOP</a> › <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n </div>\n\n</div>\n";
|
|
48895
48905
|
|
|
48896
48906
|
/***/ }),
|
|
48897
48907
|
|
|
@@ -48899,7 +48909,7 @@ module.exports = "<h4>Contact information</h4>\n\n<button\n class=\"collapse-ti
|
|
|
48899
48909
|
/***/ (function(module) {
|
|
48900
48910
|
|
|
48901
48911
|
"use strict";
|
|
48902
|
-
module.exports = "<h4>
|
|
48912
|
+
module.exports = "<h4>Further readings</h4>\n\n<button\n class=\"collapse-title collapse-title-desktop\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n>\n Teaching Staff Member at School Concil IC\n</button>\n\n<div class=\"collapse collapse-item show collapse-item-desktop\" id=\"collapse-1\">\n\n <div class=\"row pt-3 pb-4\">\n <div class=\"col-md-7\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-5\">\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n>\n Silent Spring\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n <div class=\"row pt-3 pb-4\">\n <div class=\"col-md-7\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-5\">\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n </div>\n </div>\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n>\n The Hitchhiker's Guide to the Galaxy\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n <div class=\"row pt-3 pb-4\">\n <div class=\"col-md-7\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-5\">\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n </div>\n </div>\n</div>\n";
|
|
48903
48913
|
|
|
48904
48914
|
/***/ }),
|
|
48905
48915
|
|
|
@@ -48907,7 +48917,7 @@ module.exports = "<h4>Contact information</h4>\n\n<button\n class=\"collapse-ti
|
|
|
48907
48917
|
/***/ (function(module) {
|
|
48908
48918
|
|
|
48909
48919
|
"use strict";
|
|
48910
|
-
module.exports = "<h4>
|
|
48920
|
+
module.exports = "<h4>Further readings</h4>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n>\n On the Origin of Species\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-1\">\n <p>Book by Charles Darwin, 1859 — On the Origin of Species, published on 24 November 1859, is a work of scientific literature by Charles Darwin which is considered to be the foundation of evolutionary biology.</p>\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n>\n Silent Spring\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n <p>Book by Rachel Carson, 1962 — Silent Spring is an environmental science book by Rachel Carson. The book was published on 27 September 1962 and it documented the adverse effects on the environment of the indiscriminate use of pesticides.</p>\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n>\n The Hitchhiker's Guide to the Galaxy\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n <p>Book by Douglas Adams, 1978–80 — The Hitchhiker's Guide to the Galaxy (sometimes referred to as HG2G, HHGTTG or H2G2) is a comedy science fiction series created by Douglas Adams. Originally a radio comedy broadcast on BBC Radio 4 in 1978, it was later adapted to other formats, including stage shows, novels, comic books, a 1981 TV series, a 1984 video game, and 2005 feature film.</p>\n</div>\n";
|
|
48911
48921
|
|
|
48912
48922
|
/***/ }),
|
|
48913
48923
|
|
|
@@ -49163,7 +49173,7 @@ module.exports = "<nav aria-label=\"Page navigation\">\n <ul class=\"pagination
|
|
|
49163
49173
|
/***/ (function(module) {
|
|
49164
49174
|
|
|
49165
49175
|
"use strict";
|
|
49166
|
-
module.exports = "<form class=\"question\" action=\"\">\n\n <div class=\"question-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-960x540.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1440x810.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-720x405.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question/science-question-720x405.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n\n <div class=\"question-content\">\n <h2 class=\"question-title\">Type de question</h2>\n <h3 class=\"question-subtitle mt-3\">
|
|
49176
|
+
module.exports = "<form class=\"question\" action=\"\">\n\n <div class=\"question-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-960x540.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1440x810.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-720x405.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question/science-question-720x405.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n\n <div class=\"question-content\">\n <h2 class=\"question-title\">Type de question</h2>\n <h3 class=\"question-subtitle mt-3\">Further readings</h3>\n\n <div class=\"question-answers mt-4\">\n <input type=\"radio\" id=\"custom-radio1\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio1\">\n <span class=\"custom-control-label-content\">\n Option 1</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio2\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio2\">\n <span class=\"custom-control-label-content\">\n Option 2</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio3\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio3\">\n <span class=\"custom-control-label-content\">\n Option 3</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n </div>\n\n <input type=\"submit\" class=\"btn btn-primary mt-4\" value=\"Voter\">\n </div>\n</form>\n";
|
|
49167
49177
|
|
|
49168
49178
|
/***/ }),
|
|
49169
49179
|
|
|
@@ -49499,7 +49509,7 @@ module.exports = "<div class=\"form-group\">\n <label for=\"awesome-input\">Inp
|
|
|
49499
49509
|
/***/ (function(module) {
|
|
49500
49510
|
|
|
49501
49511
|
"use strict";
|
|
49502
|
-
module.exports = "\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n
|
|
49512
|
+
module.exports = "\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
|
|
49503
49513
|
|
|
49504
49514
|
/***/ }),
|
|
49505
49515
|
|
|
@@ -49507,7 +49517,7 @@ module.exports = "\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">
|
|
|
49507
49517
|
/***/ (function(module) {
|
|
49508
49518
|
|
|
49509
49519
|
"use strict";
|
|
49510
|
-
module.exports = "<div class=\"fullwidth-teaser fullwidth-teaser-left\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n
|
|
49520
|
+
module.exports = "<div class=\"fullwidth-teaser fullwidth-teaser-left\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
|
|
49511
49521
|
|
|
49512
49522
|
/***/ }),
|
|
49513
49523
|
|
|
@@ -49515,7 +49525,7 @@ module.exports = "<div class=\"fullwidth-teaser fullwidth-teaser-left\">\n\n <p
|
|
|
49515
49525
|
/***/ (function(module) {
|
|
49516
49526
|
|
|
49517
49527
|
"use strict";
|
|
49518
|
-
module.exports = "<div class=\"fullwidth-teaser\">\n\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption>\n <button\n aria-hidden=\"true\"\n type=\"button\"\n class=\"btn-circle\"\n data-toggle=\"popover\"\n data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n </figcaption>\n </figure>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n
|
|
49528
|
+
module.exports = "<div class=\"fullwidth-teaser\">\n\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption>\n <button\n aria-hidden=\"true\"\n type=\"button\"\n class=\"btn-circle\"\n data-toggle=\"popover\"\n data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n </figcaption>\n </figure>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n </div>\n <a href=\"#\" aria-label=\"En savoir plus sur Further readings\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n En savoir plus\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
|
|
49519
49529
|
|
|
49520
49530
|
/***/ }),
|
|
49521
49531
|
|
|
@@ -49523,7 +49533,7 @@ module.exports = "<div class=\"fullwidth-teaser\">\n\n <figure class=\"cover\">
|
|
|
49523
49533
|
/***/ (function(module) {
|
|
49524
49534
|
|
|
49525
49535
|
"use strict";
|
|
49526
|
-
module.exports = "<div class=\"fullwidth-teaser\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n
|
|
49536
|
+
module.exports = "<div class=\"fullwidth-teaser\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n </div>\n <a href=\"#\" aria-label=\"En savoir plus sur Further readings\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n En savoir plus\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
|
|
49527
49537
|
|
|
49528
49538
|
/***/ }),
|
|
49529
49539
|
|
|
@@ -49579,7 +49589,7 @@ module.exports = "\n<header role=\"banner\" class=\"header\">\n <a class=\"logo
|
|
|
49579
49589
|
/***/ (function(module) {
|
|
49580
49590
|
|
|
49581
49591
|
"use strict";
|
|
49582
|
-
module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption>\n <button\n aria-hidden=\"true\"\n type=\"button\"\n class=\"btn-circle\"\n data-toggle=\"popover\"\n data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n </figcaption>\n </figure>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n
|
|
49592
|
+
module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption>\n <button\n aria-hidden=\"true\"\n type=\"button\"\n class=\"btn-circle\"\n data-toggle=\"popover\"\n data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n </figcaption>\n </figure>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\">Toutes les actualités</a>\n </p>\n </div>\n </div>\n</div>\n";
|
|
49583
49593
|
|
|
49584
49594
|
/***/ }),
|
|
49585
49595
|
|
|
@@ -49587,7 +49597,7 @@ module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizon
|
|
|
49587
49597
|
/***/ (function(module) {
|
|
49588
49598
|
|
|
49589
49599
|
"use strict";
|
|
49590
|
-
module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n
|
|
49600
|
+
module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\">Toutes les actualités</a>\n </p>\n </div>\n </div>\n</div>\n";
|
|
49591
49601
|
|
|
49592
49602
|
/***/ }),
|
|
49593
49603
|
|
|
@@ -49595,7 +49605,7 @@ module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizon
|
|
|
49595
49605
|
/***/ (function(module) {
|
|
49596
49606
|
|
|
49597
49607
|
"use strict";
|
|
49598
|
-
module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">
|
|
49608
|
+
module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Further readings</h1>\n <div class=\"hero-content\">\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </div>\n </div>\n <div class=\"hero-img\">\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1140x641.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-928x520.jpg 1x,./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x,./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x,./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n <figcaption>\n <button\n aria-hidden=\"true\"\n type=\"button\"\n class=\"btn-circle\"\n data-toggle=\"popover\"\n data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n </figcaption>\n</figure>\n </div>\n</div>\n";
|
|
49599
49609
|
|
|
49600
49610
|
/***/ }),
|
|
49601
49611
|
|
|
@@ -49603,7 +49613,7 @@ module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">
|
|
|
49603
49613
|
/***/ (function(module) {
|
|
49604
49614
|
|
|
49605
49615
|
"use strict";
|
|
49606
|
-
module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">
|
|
49616
|
+
module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Further readings</h1>\n <div class=\"hero-content\">\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </div>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1140x641.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-928x520.jpg 1x,./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x,./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x,./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n";
|
|
49607
49617
|
|
|
49608
49618
|
/***/ }),
|
|
49609
49619
|
|
|
@@ -49619,7 +49629,7 @@ module.exports = "<div class=\"introduction bg-gray-100\">\n <div class=\"conta
|
|
|
49619
49629
|
/***/ (function(module) {
|
|
49620
49630
|
|
|
49621
49631
|
"use strict";
|
|
49622
|
-
module.exports = "<div class=\"introduction\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2\">\n <h2>
|
|
49632
|
+
module.exports = "<div class=\"introduction\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2\">\n <h2>Further readings</h2>\n\n <p>Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.</p>\n </div>\n </div>\n </div>\n</div>\n";
|
|
49623
49633
|
|
|
49624
49634
|
/***/ }),
|
|
49625
49635
|
|
|
@@ -49683,7 +49693,7 @@ module.exports = "<div class=\"py-5 bg-gray-100\">\n <div class=\"container\">\
|
|
|
49683
49693
|
/***/ (function(module) {
|
|
49684
49694
|
|
|
49685
49695
|
"use strict";
|
|
49686
|
-
module.exports = "<ul class=\"nav nav-tabs\" role=\"tablist\">\n <li class=\"nav-item\">\n <a class=\"nav-link active\" id=\"lu-tab\" data-toggle=\"tab\" href=\"#lu\" role=\"tab\" aria-controls=\"lu\" aria-selected=\"true\">Lu</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"ma-tab\" data-toggle=\"tab\" href=\"#ma\" role=\"tab\" aria-controls=\"ma\" >Ma</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"me-tab\" data-toggle=\"tab\" href=\"#me\" role=\"tab\" aria-controls=\"me\" >Me</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"je-tab\" data-toggle=\"tab\" href=\"#je\" role=\"tab\" aria-controls=\"je\" >Je</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"ve-tab\" data-toggle=\"tab\" href=\"#ve\" role=\"tab\" aria-controls=\"ve\" >Ve</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"sa-tab\" data-toggle=\"tab\" href=\"#sa\" role=\"tab\" aria-controls=\"sa\" >Sa</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"di-tab\" data-toggle=\"tab\" href=\"#di\" role=\"tab\" aria-controls=\"di\" >Di</a>\n </li>\n </ul>\n\n<div class=\"tab-content py-3\">\n <div class=\"tab-pane fade show active\" id=\"lu\" role=\"tabpanel\" aria-labelledby=\"lu-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"ma\" role=\"tabpanel\" aria-labelledby=\"ma-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"me\" role=\"tabpanel\" aria-labelledby=\"me-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"je\" role=\"tabpanel\" aria-labelledby=\"je-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"ve\" role=\"tabpanel\" aria-labelledby=\"ve-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"sa\" role=\"tabpanel\" aria-labelledby=\"sa-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"di\" role=\"tabpanel\" aria-labelledby=\"di-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </div>\n";
|
|
49696
|
+
module.exports = "<ul class=\"nav nav-tabs\" role=\"tablist\">\n <li class=\"nav-item\">\n <a class=\"nav-link active\" id=\"lu-tab\" data-toggle=\"tab\" href=\"#lu\" role=\"tab\" aria-controls=\"lu\" aria-selected=\"true\">Lu</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"ma-tab\" data-toggle=\"tab\" href=\"#ma\" role=\"tab\" aria-controls=\"ma\" >Ma</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"me-tab\" data-toggle=\"tab\" href=\"#me\" role=\"tab\" aria-controls=\"me\" >Me</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"je-tab\" data-toggle=\"tab\" href=\"#je\" role=\"tab\" aria-controls=\"je\" >Je</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"ve-tab\" data-toggle=\"tab\" href=\"#ve\" role=\"tab\" aria-controls=\"ve\" >Ve</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"sa-tab\" data-toggle=\"tab\" href=\"#sa\" role=\"tab\" aria-controls=\"sa\" >Sa</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"di-tab\" data-toggle=\"tab\" href=\"#di\" role=\"tab\" aria-controls=\"di\" >Di</a>\n </li>\n </ul>\n\n<div class=\"tab-content py-3\">\n <div class=\"tab-pane fade show active\" id=\"lu\" role=\"tabpanel\" aria-labelledby=\"lu-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"ma\" role=\"tabpanel\" aria-labelledby=\"ma-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"me\" role=\"tabpanel\" aria-labelledby=\"me-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"je\" role=\"tabpanel\" aria-labelledby=\"je-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"ve\" role=\"tabpanel\" aria-labelledby=\"ve-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"sa\" role=\"tabpanel\" aria-labelledby=\"sa-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"di\" role=\"tabpanel\" aria-labelledby=\"di-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </div>\n";
|
|
49687
49697
|
|
|
49688
49698
|
/***/ }),
|
|
49689
49699
|
|
|
@@ -49723,7 +49733,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49723
49733
|
/***/ (function(module) {
|
|
49724
49734
|
|
|
49725
49735
|
"use strict";
|
|
49726
|
-
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Association title</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n <div class=\"nav-user dropdown user-dropdown mr-lg-2\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n <img class=\"user-avatar rounded-circle\" src=\"https://randomuser.me/api/portraits/women/2.jpg\" alt=\"\">\n <p class=\"user-name\">Heidy Traill</p>\n </button>\n <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <li class=\"dropdown-item\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#user\"></use></svg>\n <a href=\"#\">Accéder à mon compte</a>\n </li>\n <li class=\"dropdown-item\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#log-out\"></use></svg>\n <a href=\"#\">Me déconnecter</a>\n </li>\n </ul>\n</div> <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </button>\n <ul class=\"dropdown-menu\">\n <li>\n <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n <span>EN</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n <span>RU</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n <span>DE</span>\n </a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <div class=\"container-full\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Association title</h1>\n <div class=\"hero-content\">\n Welcome to our association homepage\n </div>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"introduction\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2\">\n <h2>Introduction</h2>\n\n <p>This is an introduction text about the association. It is always interesting to know in few lines what is all about.</p>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\">\n <div class=\"container\">\n <h2>The next events</h2>\n <div class=\"card-slider-wrapper\">\n <div class=\"card-slider\">\n <div class=\"card-slider-cell card-slider-cell-lg\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser_large.jpg\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">EPFL Drone Days 2018 dates have been announced!</h3>\n <p>From 1 to 3 September 2018, more than 5,000 people will be treated to drone races, a robotics showcase, a conference and demonstrations on the EPFL's campus. Attendees will enjoy 3 days of thrilling races over the middle of campus, including a night race lit by LEDs and the finals of the Swiss Rotor Sports Association (SRSA).</p>\n<div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray card-grayscale link-trapeze-horizontal bg-gray-100\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\"><span class=\"badge badge-dark badge-sm\">Just finished</span>\nStartup Acceleration Workshops\n</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <div class=\"card card-gray\">\n <div class=\"card-body\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n </a>\n <h3 class=\"card-title\">\n <a href=\"#\">EuroTechPostdoc Programme: application platform is now open!</a>\n </h3>\n <div class=\"card-info\">\n <span>Researchers can apply until Feb. 28, 2018</span>\n </div>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-primary btn-sm\">Learn more & apply</a>\n </div>\n</div>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n </div>\n\n <div class=\"card-slider-footer\">\n <div>\n <button role=\"button\" id=\"card-slider-prev\" class=\"card-slider-btn link-trapeze-horizontal disabled\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n </button>\n <button role=\"button\" id=\"card-slider-next\" class=\"card-slider-btn link-trapeze-horizontal\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </button>\n </div>\n <div>\n <a href=\"#\">Voir l’agenda complet des événements</a>\n </div>\n </div>\n</div>\n </div>\n</div>\n\n<div class=\"container\">\n <h2 class=\"mt-5 mb-4\">The last news</h2>\n<div class=\"row\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all news</a>\n</p>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mb-4 mt-6\">\n <div class=\"container\">\n <div class=\"mb-4 mt-4\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <h3 class=\"mb-4\">Our sponsors</h3>\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-5\">\n <h2 class=\"mb-4\">On social medias</h2>\n <div class=\"social-feed-group\">\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-x social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n \n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Nous rejoindre sur X</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-instagram social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-480x480.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-640x640.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-780x780.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x1440.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-640x640.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x1080.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-780x780.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Suivez-nous sur Instagram</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-facebook social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-320x180.jpg 1x, ./images/styleguide/teaser/news-teaser-640x360.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-380x214.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Likez notre page Facebook</a>\n </div>\n </div>\n</div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <hr class=\"mb-5\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <h3>Contact</h3>\n <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n </div>\n <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Vendredi</div>\n <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n </div>\n <p>\n <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n </p>\n <hr>\n <p>\n +41 21 693 43 45\n </p>\n <hr>\n <address>\n EPFL AA-DAF<br>\n BP 1229 (bâtiment BP) Station 16<br>\n CH - 1015 Lausanne\n </address>\n </div>\n <div class=\"col-md-6 d-flex flex-column\">\n <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption class=\"media-map-over\">\n <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n </figcaption>\n</figure>\n </div>\n</div>\n</div>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n</div>\n </div>\n</div>\n</div>\n";
|
|
49736
|
+
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Association title</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n <div class=\"nav-user dropdown user-dropdown mr-lg-2\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n <img class=\"user-avatar rounded-circle\" src=\"https://randomuser.me/api/portraits/women/2.jpg\" alt=\"\">\n <p class=\"user-name\">Heidy Traill</p>\n </button>\n <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <li class=\"dropdown-item\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#user\"></use></svg>\n <a href=\"#\">Accéder à mon compte</a>\n </li>\n <li class=\"dropdown-item\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#log-out\"></use></svg>\n <a href=\"#\">Me déconnecter</a>\n </li>\n </ul>\n</div> <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </button>\n <ul class=\"dropdown-menu\">\n <li>\n <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n <span>EN</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n <span>RU</span> <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-translate\"></use></svg>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n <span>DE</span>\n </a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <div class=\"container-full\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Association title</h1>\n <div class=\"hero-content\">\n Welcome to our association homepage\n </div>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"introduction\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2\">\n <h2>Introduction</h2>\n\n <p>This is an introduction text about the association. It is always interesting to know in few lines what is all about.</p>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\">\n <div class=\"container\">\n <h2>The next events</h2>\n <div class=\"card-slider-wrapper\">\n <div class=\"card-slider\">\n <div class=\"card-slider-cell card-slider-cell-lg\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser_large.jpg\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">EPFL Drone Days 2018 dates have been announced!</h3>\n <p>From 1 to 3 September 2018, more than 5,000 people will be treated to drone races, a robotics showcase, a conference and demonstrations on the EPFL's campus. Attendees will enjoy 3 days of thrilling races over the middle of campus, including a night race lit by LEDs and the finals of the Swiss Rotor Sports Association (SRSA).</p>\n<div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray card-grayscale link-trapeze-horizontal bg-gray-100\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\"><span class=\"badge badge-dark badge-sm\">Just finished</span>\nStartup Acceleration Workshops\n</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <div class=\"card card-gray\">\n <div class=\"card-body\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n </a>\n <h3 class=\"card-title\">\n <a href=\"#\">EuroTechPostdoc Programme: application platform is now open!</a>\n </h3>\n <div class=\"card-info\">\n <span>Researchers can apply until Feb. 28, 2018</span>\n </div>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-primary btn-sm\">Learn more & apply</a>\n </div>\n</div>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n </div>\n\n <div class=\"card-slider-footer\">\n <div>\n <button role=\"button\" id=\"card-slider-prev\" class=\"card-slider-btn link-trapeze-horizontal disabled\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n </button>\n <button role=\"button\" id=\"card-slider-next\" class=\"card-slider-btn link-trapeze-horizontal\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </button>\n </div>\n <div>\n <a href=\"#\">Voir l’agenda complet des événements</a>\n </div>\n </div>\n</div>\n </div>\n</div>\n\n<div class=\"container\">\n <h2 class=\"mt-5 mb-4\">The last news</h2>\n<div class=\"row\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all news</a>\n</p>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mb-4 mt-6\">\n <div class=\"container\">\n <div class=\"mb-4 mt-4\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <h3 class=\"mb-4\">Our sponsors</h3>\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-5\">\n <h2 class=\"mb-4\">On social medias</h2>\n <div class=\"social-feed-group\">\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-x social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n \n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Nous rejoindre sur X</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-instagram social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-480x480.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-640x640.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-780x780.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x1440.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-640x640.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x1080.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-780x780.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Suivez-nous sur Instagram</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-facebook social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-320x180.jpg 1x, ./images/styleguide/teaser/news-teaser-640x360.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-380x214.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Likez notre page Facebook</a>\n </div>\n </div>\n</div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <hr class=\"mb-5\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <h3>Contact</h3>\n <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n </div>\n <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Vendredi</div>\n <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n </div>\n <p>\n <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n </p>\n <hr>\n <p>\n +41 21 693 43 45\n </p>\n <hr>\n <address>\n EPFL AA-DAF<br>\n BP 1229 (bâtiment BP) Station 16<br>\n CH - 1015 Lausanne\n </address>\n </div>\n <div class=\"col-md-6 d-flex flex-column\">\n <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption class=\"media-map-over\">\n <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n </figcaption>\n</figure>\n </div>\n</div>\n</div>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n</div>\n </div>\n</div>\n</div>\n";
|
|
49727
49737
|
|
|
49728
49738
|
/***/ }),
|
|
49729
49739
|
|
|
@@ -49739,7 +49749,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49739
49749
|
/***/ (function(module) {
|
|
49740
49750
|
|
|
49741
49751
|
"use strict";
|
|
49742
|
-
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </button>\n <ul class=\"dropdown-menu\">\n <li>\n <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n <span>EN</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n <span>RU</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n <span>DE</span>\n </a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n <a href=\"#\" class=\"tag tag-primary\">W3C</a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">School of Architecture, Civil and Environmental Engineering</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">ENAC Faculty</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC Faculty</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability challenges</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li><a href=\"#\">News</a></li>\n <li class=\"active\">\n <a href=\"#\">\n ENAC Faculty\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Organization</a></li>\n <li><a href=\"#\">Projects</a></li>\n <li><a href=\"#\">Publications</a></li>\n <li><a href=\"#\">Team</a></li>\n <li><a href=\"#\">Teaching</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Sustainability challenges</a></li>\n <li><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <h1 class=\"mb-5\">H1 - Basic page</h1>\n\n <p>This is a simple paragraph directly in the WYSIWYG editor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam consectetur deleniti doloremque eveniet libero minima neque repudiandae sequi suscipit vitae. Ab corporis doloremque earum eius illo incidunt ipsa magnam molestias, nam, necessitatibus neque porro quaerat repellendus tenetur unde velit veritatis? Aliquam amet aut cumque distinctio dolor dolore ducimus eaque est eveniet excepturi explicabo fugit illum inventore iure labore libero magnam minima pariatur provident quam quasi quo, recusandae rem repudiandae sapiente sunt voluptate voluptates! Asperiores, assumenda atque aut eos est in maiores nemo omnis perferendis, quam recusandae rem saepe sint! Consequuntur doloribus dolorum iste, optio placeat rerum. Dolor quis repudiandae soluta?</p>\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur autem consequatur, cum hic iure maiores nihil nulla repellendus sequi velit! Asperiores aspernatur, blanditiis culpa deleniti dignissimos eum expedita illum ipsa itaque magnam molestias mollitia nobis, nostrum nulla numquam soluta voluptatum? Aliquam architecto consequatur cumque doloribus ex maiores nemo veritatis voluptatem.</p>\n\n <div class=\"container my-5\">\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1140x641.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-928x520.jpg 1x,./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x,./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x,./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n <figcaption>\n <button\n aria-hidden=\"true\"\n type=\"button\"\n class=\"btn-circle\"\n data-toggle=\"popover\"\n data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n </figcaption>\n</figure>\n </div>\n\n <h2>H2 - Title sample</h2>\n\n <h3>H3 - Sub level title</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine. Virtutis, magnitudinis animi, patientiae, fortitudinis fomentis dolor mitigari solet. Cur tantas regiones barbarorum pedibus obiit, tot maria transmisit? Multoque hoc melius nos veriusque quam Stoici. Duo Reges: constructio interrete. Huius, Lyco, oratione locuples, rebus ipsis ielunior. Quid, si etiam iucunda memoria est praeteritorum malorum? In eo enim positum est id, quod dicimus esse expetendum.\n </p>\n\n <h3>H3 - Sub level title</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine.\n </p>\n <h4>H4 - Sub level title</h4>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine.\n </p>\n <h3>H3 - Sub level title</h3>\n <h4>H4 - Let's display a list</h4>\n <ul>\n <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n <li>Lorem ipsum dolor sit amet consectetur adipisicing.\n <ul>\n <li>Lorem ipsum dolor sit amet consectetur.\n <ul>\n <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n </ul>\n </li>\n </ul>\n </li>\n <li>Lorem ipsum dolor sit amet consectetur.</li>\n</ul>\n\n<ul>\n <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n <li>Lorem ipsum dolor sit amet consectetur adipisicing.\n <ol>\n <li>Lorem ipsum dolor sit amet consectetur.</li>\n <li>Lorem ipsum dolor</li>\n </ol>\n </li>\n <li>Lorem ipsum dolor sit amet consectetur.</li>\n</ul>\n\n <h4>H4 - Let's display a table</h4>\n <table class=\"table table-sortable\" data-tablesaw-sortable>\n <thead>\n <tr>\n <th data-tablesaw-sortable-col>Header one</th>\n <th data-tablesaw-sortable-col>Header two</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>Curabitur blandit</td>\n <td>Morbi leo porta</td>\n </tr>\n <tr>\n <td>Tempus porttitor</td>\n <td>Duis mollis</td>\n </tr>\n <tr>\n <td>Commodo luctus nisi</td>\n <td>Blandit tempus porttitor</td>\n </tr>\n </tbody>\n</table>\n\n <h4>H4 - Let's display a gallery</h4>\n <div class=\"gallery-container\">\n\n <div id=\"my-gallery-carouselNews\" class=\"gallery gallery-main\">\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_01.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_02.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_03.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_04.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_05.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_06.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_07.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_08.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n </div>\n\n <div class=\"gallery-nav\" data-gallery=\"my-gallery-carouselNews\" aria-hidden=\"true\">\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_01.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_02.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_03.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_04.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_05.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_06.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_07.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_08.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n </div>\n\n</div>\n\n <div class=\"container-full bg-gray-100 py-5 my-5\">\n <div class=\"container\">\n <h2 class=\"mb-4\">H2 - Call page teasers</h2>\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-sm-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <h3>H3 - Teaser press review</h3>\n <div class=\"press-teaser\">\n <h4 class=\"mb-4\"><time datetime=\"2018-01-19\">19.01.2018</time></h4>\n <button\n class=\"collapse-title collapse-title-desktop \"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"true\"\n aria-controls=\"collapse-1\"\n >\n Piloter un drone avec un joystick\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop show\" id=\"collapse-1\">\n <div class=\"pb-4\">\n <p>\n Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n </p>\n <a href=\"#\">Détails du communiqué</a><br>\n <a href=\"#\">Communiqué réservé aux journalistes</a>\n <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n </div>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n >\n Piloter un drone avec un joystick\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop \" id=\"collapse-2\">\n <div class=\"pb-4\">\n <p>\n Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n </p>\n <a href=\"#\">Détails du communiqué</a><br>\n <a href=\"#\">Communiqué réservé aux journalistes</a>\n <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n </div>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n >\n Piloter un drone avec un joystick\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop \" id=\"collapse-3\">\n <div class=\"pb-4\">\n <p>\n Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n </p>\n <a href=\"#\">Détails du communiqué</a><br>\n <a href=\"#\">Communiqué réservé aux journalistes</a>\n <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n </div>\n </div>\n </div>\n\n <div class=\"container\">\n <h5 class=\"mt-5\">H5 - Video !</h5>\n <div class=\"embed-responsive embed-responsive-16by9\">\n <iframe\n class=\"embed-responsive-item\"\n src=\"https://www.youtube.com/embed/eIefuuUnLvc?rel=0\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media\"\n allowfullscreen></iframe>\n</div>\n </div>\n\n <h3 class=\"mt-5\">H3 - A last word</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine. Virtutis, magnitudinis animi, patientiae, fortitudinis fomentis dolor mitigari solet. Cur tantas regiones barbarorum pedibus obiit, tot maria transmisit? Multoque hoc melius nos veriusque quam Stoici. Duo Reges: constructio interrete. Huius, Lyco, oratione locuples, rebus ipsis ielunior. Quid, si etiam iucunda memoria est praeteritorum malorum? In eo enim positum est id, quod dicimus esse expetendum.\n </p>\n\n <div class=\"container-full mt-5\">\n <div class=\"py-5 bg-gray-100\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2 col-lg-6 offset-lg-3\">\n <h3 class=\"h4\">Inscrivez-vous à notre newsletter pour ne manquer aucune de nos actualités</h3>\n\n <div class=\"newsletter-signup-wrapper form-group mt-4\">\n <label for=\"newsletter-signup\">Votre adresse E-mail</label>\n <div class=\"input-group input-group-inner-space mb-3\">\n <input type=\"text\" id=\"newsletter-signup\" class=\"form-control\" placeholder=\"john.doe@gmail.com\">\n <div class=\"input-group-append\">\n <button class=\"btn btn-primary\" type=\"button\">Je m'inscris</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n </div>\n\n <div class=\"container mt-5\">\n <h2>Facultés</h2>\n <div class=\"row\">\n <div class=\"col-sm-6 col-lg-4\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n <div class=\"col-sm-6 col-lg-4\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n <div class=\"col-sm-6 col-lg-4\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n </div>\n </div>\n\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49752
|
+
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </button>\n <ul class=\"dropdown-menu\">\n <li>\n <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n <span>EN</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n <span>RU</span> <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-translate\"></use></svg>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n <span>DE</span>\n </a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n <a href=\"#\" class=\"tag tag-primary\">W3C</a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">School of Architecture, Civil and Environmental Engineering</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">ENAC Faculty</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC Faculty</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability challenges</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li><a href=\"#\">News</a></li>\n <li class=\"active\">\n <a href=\"#\">\n ENAC Faculty\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Organization</a></li>\n <li><a href=\"#\">Projects</a></li>\n <li><a href=\"#\">Publications</a></li>\n <li><a href=\"#\">Team</a></li>\n <li><a href=\"#\">Teaching</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Sustainability challenges</a></li>\n <li><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <h1 class=\"mb-5\">H1 - Basic page</h1>\n\n <p>This is a simple paragraph directly in the WYSIWYG editor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam consectetur deleniti doloremque eveniet libero minima neque repudiandae sequi suscipit vitae. Ab corporis doloremque earum eius illo incidunt ipsa magnam molestias, nam, necessitatibus neque porro quaerat repellendus tenetur unde velit veritatis? Aliquam amet aut cumque distinctio dolor dolore ducimus eaque est eveniet excepturi explicabo fugit illum inventore iure labore libero magnam minima pariatur provident quam quasi quo, recusandae rem repudiandae sapiente sunt voluptate voluptates! Asperiores, assumenda atque aut eos est in maiores nemo omnis perferendis, quam recusandae rem saepe sint! Consequuntur doloribus dolorum iste, optio placeat rerum. Dolor quis repudiandae soluta?</p>\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur autem consequatur, cum hic iure maiores nihil nulla repellendus sequi velit! Asperiores aspernatur, blanditiis culpa deleniti dignissimos eum expedita illum ipsa itaque magnam molestias mollitia nobis, nostrum nulla numquam soluta voluptatum? Aliquam architecto consequatur cumque doloribus ex maiores nemo veritatis voluptatem.</p>\n\n <div class=\"container my-5\">\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1140x641.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-928x520.jpg 1x,./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x,./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x,./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n <figcaption>\n <button\n aria-hidden=\"true\"\n type=\"button\"\n class=\"btn-circle\"\n data-toggle=\"popover\"\n data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n </figcaption>\n</figure>\n </div>\n\n <h2>H2 - Title sample</h2>\n\n <h3>H3 - Sub level title</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine. Virtutis, magnitudinis animi, patientiae, fortitudinis fomentis dolor mitigari solet. Cur tantas regiones barbarorum pedibus obiit, tot maria transmisit? Multoque hoc melius nos veriusque quam Stoici. Duo Reges: constructio interrete. Huius, Lyco, oratione locuples, rebus ipsis ielunior. Quid, si etiam iucunda memoria est praeteritorum malorum? In eo enim positum est id, quod dicimus esse expetendum.\n </p>\n\n <h3>H3 - Sub level title</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine.\n </p>\n <h4>H4 - Sub level title</h4>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine.\n </p>\n <h3>H3 - Sub level title</h3>\n <h4>H4 - Let's display a list</h4>\n <ul>\n <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n <li>Lorem ipsum dolor sit amet consectetur adipisicing.\n <ul>\n <li>Lorem ipsum dolor sit amet consectetur.\n <ul>\n <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n </ul>\n </li>\n </ul>\n </li>\n <li>Lorem ipsum dolor sit amet consectetur.</li>\n</ul>\n\n<ul>\n <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n <li>Lorem ipsum dolor sit amet consectetur adipisicing.\n <ol>\n <li>Lorem ipsum dolor sit amet consectetur.</li>\n <li>Lorem ipsum dolor</li>\n </ol>\n </li>\n <li>Lorem ipsum dolor sit amet consectetur.</li>\n</ul>\n\n <h4>H4 - Let's display a table</h4>\n <table class=\"table table-sortable\" data-tablesaw-sortable>\n <thead>\n <tr>\n <th data-tablesaw-sortable-col>Header one</th>\n <th data-tablesaw-sortable-col>Header two</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>Curabitur blandit</td>\n <td>Morbi leo porta</td>\n </tr>\n <tr>\n <td>Tempus porttitor</td>\n <td>Duis mollis</td>\n </tr>\n <tr>\n <td>Commodo luctus nisi</td>\n <td>Blandit tempus porttitor</td>\n </tr>\n </tbody>\n</table>\n\n <h4>H4 - Let's display a gallery</h4>\n <div class=\"gallery-container\">\n\n <div id=\"my-gallery-carouselNews\" class=\"gallery gallery-main\">\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_01.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_02.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_03.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_04.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_05.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_06.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_07.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_08.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n </div>\n\n <div class=\"gallery-nav\" data-gallery=\"my-gallery-carouselNews\" aria-hidden=\"true\">\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_01.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_02.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_03.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_04.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_05.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_06.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_07.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_08.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n </div>\n\n</div>\n\n <div class=\"container-full bg-gray-100 py-5 my-5\">\n <div class=\"container\">\n <h2 class=\"mb-4\">H2 - Call page teasers</h2>\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-sm-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <h3>H3 - Teaser press review</h3>\n <div class=\"press-teaser\">\n <h4 class=\"mb-4\"><time datetime=\"2018-01-19\">19.01.2018</time></h4>\n <button\n class=\"collapse-title collapse-title-desktop \"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"true\"\n aria-controls=\"collapse-1\"\n >\n Piloter un drone avec un joystick\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop show\" id=\"collapse-1\">\n <div class=\"pb-4\">\n <p>\n Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n </p>\n <a href=\"#\">Détails du communiqué</a><br>\n <a href=\"#\">Communiqué réservé aux journalistes</a>\n <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n </div>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n >\n Piloter un drone avec un joystick\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop \" id=\"collapse-2\">\n <div class=\"pb-4\">\n <p>\n Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n </p>\n <a href=\"#\">Détails du communiqué</a><br>\n <a href=\"#\">Communiqué réservé aux journalistes</a>\n <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n </div>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n >\n Piloter un drone avec un joystick\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop \" id=\"collapse-3\">\n <div class=\"pb-4\">\n <p>\n Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n </p>\n <a href=\"#\">Détails du communiqué</a><br>\n <a href=\"#\">Communiqué réservé aux journalistes</a>\n <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n </div>\n </div>\n </div>\n\n <div class=\"container\">\n <h5 class=\"mt-5\">H5 - Video !</h5>\n <div class=\"embed-responsive embed-responsive-16by9\">\n <iframe\n class=\"embed-responsive-item\"\n src=\"https://www.youtube.com/embed/eIefuuUnLvc?rel=0\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media\"\n allowfullscreen></iframe>\n</div>\n </div>\n\n <h3 class=\"mt-5\">H3 - A last word</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine. Virtutis, magnitudinis animi, patientiae, fortitudinis fomentis dolor mitigari solet. Cur tantas regiones barbarorum pedibus obiit, tot maria transmisit? Multoque hoc melius nos veriusque quam Stoici. Duo Reges: constructio interrete. Huius, Lyco, oratione locuples, rebus ipsis ielunior. Quid, si etiam iucunda memoria est praeteritorum malorum? In eo enim positum est id, quod dicimus esse expetendum.\n </p>\n\n <div class=\"container-full mt-5\">\n <div class=\"py-5 bg-gray-100\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2 col-lg-6 offset-lg-3\">\n <h3 class=\"h4\">Inscrivez-vous à notre newsletter pour ne manquer aucune de nos actualités</h3>\n\n <div class=\"newsletter-signup-wrapper form-group mt-4\">\n <label for=\"newsletter-signup\">Votre adresse E-mail</label>\n <div class=\"input-group input-group-inner-space mb-3\">\n <input type=\"text\" id=\"newsletter-signup\" class=\"form-control\" placeholder=\"john.doe@gmail.com\">\n <div class=\"input-group-append\">\n <button class=\"btn btn-primary\" type=\"button\">Je m'inscris</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n </div>\n\n <div class=\"container mt-5\">\n <h2>Facultés</h2>\n <div class=\"row\">\n <div class=\"col-sm-6 col-lg-4\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n <div class=\"col-sm-6 col-lg-4\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n <div class=\"col-sm-6 col-lg-4\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n </div>\n </div>\n\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49743
49753
|
|
|
49744
49754
|
/***/ }),
|
|
49745
49755
|
|
|
@@ -49747,7 +49757,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49747
49757
|
/***/ (function(module) {
|
|
49748
49758
|
|
|
49749
49759
|
"use strict";
|
|
49750
|
-
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">example blog name</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n <a href=\"#\" class=\"tag tag-primary\">W3C</a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">School of Architecture, Civil and Environmental Engineering</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">ENAC Faculty</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC Faculty</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability challenges</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li><a href=\"#\">News</a></li>\n <li class=\"active\">\n <a href=\"#\">\n ENAC Faculty\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Organization</a></li>\n <li><a href=\"#\">Projects</a></li>\n <li><a href=\"#\">Publications</a></li>\n <li><a href=\"#\">Team</a></li>\n <li><a href=\"#\">Teaching</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Sustainability challenges</a></li>\n <li><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<div class=\"container-full px-5 px-xxl-6 mt-5\">\n <h1>Titre du blog</h1>\n</div>\n\n<div class=\"container-full px-5 px-xxl-6 mt-5\">\n <div class=\"row\" style=\"flex-direction: row-reverse;\">\n <div class=\"col-lg-3\">\n <aside>\n <div class=\"d-flex justify-content-between px-3 p-md-0 align-baseline\">\n <h3 class=\"h5 mb-0 font-weight-normal\">Filtrer les articles</h3>\n <button\n class=\"btn btn-sm btn-secondary d-lg-none collapsed collapse-drop-toggle\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#form-filters\"\n aria-expanded=\"false\"\n aria-controls=\"form-filters\"\n >\n Filtres\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n </div>\n <div class=\"collapse collapse-lg-show collapse-drop\" id=\"form-filters\">\n\n <form class=\"p-3 p-lg-0 mt-md-3\">\n\n <div class=\"form-group form-group-search\">\n <label for=\"search-field\" class=\"sr-only\">Search</label>\n <p class=\"search-container icon-right\">\n <input\n type=\"search\"\n id=\"search-field\"\n class=\"form-control\"\n placeholder=\"Keywords...\"\n aria-describedby=\"search-field-help\"\n >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </p>\n</div>\n\n <div class=\"form-group\">\n <div class=\"form-group\">\n<label> Catégories </label>\n<select id=\"select-input\" class=\"custom-select\">\n <option selected>Make a choice...</option>\n <option value=\"1\">Legolas</option>\n <option value=\"2\">Jar Jar Binks</option>\n <option value=\"3\">None of them</option>\n <option value=\"4\">The fourth choice</option>\n <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n\n <div class=\"form-group\">\n <div class=\"form-group\">\n<label> Archives </label>\n<select id=\"select-input\" class=\"custom-select\">\n <option selected>Make a choice...</option>\n <option value=\"1\">Legolas</option>\n <option value=\"2\">Jar Jar Binks</option>\n <option value=\"3\">None of them</option>\n <option value=\"4\">The fourth choice</option>\n <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n\n </form>\n </div>\n</aside>\n </div>\n <div class=\"col-lg-9\">\n <div class=\"card-deck\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"mt-3\">\n <nav aria-label=\"Page navigation\">\n <ul class=\"pagination\">\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n <span class=\"sr-only\">Previous</span>\n </a>\n </li>\n <li class=\"page-item active\">\n <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n 1\n <span class=\"sr-only\">(Current page)</span>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">2</a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">3</a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n <span class=\"sr-only\">Next</span>\n </a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n <span class=\"sr-only\">Last page</span>\n </a>\n </li>\n </ul>\n</nav>\n </div>\n </div>\n </div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n</div>\n </div>\n</div>\n</div>\n";
|
|
49760
|
+
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">example blog name</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<div class=\"container-full px-5 px-xxl-6 mt-5\">\n <h1>Titre du blog</h1>\n</div>\n\n<div class=\"container-full px-5 px-xxl-6 mt-5\">\n <div class=\"row\" style=\"flex-direction: row-reverse;\">\n <div class=\"col-lg-3\">\n <aside>\n <div class=\"d-flex justify-content-between px-3 p-md-0 align-baseline\">\n <h3 class=\"h5 mb-0 font-weight-normal\">Filtrer les articles</h3>\n <button\n class=\"btn btn-sm btn-secondary d-lg-none collapsed collapse-drop-toggle\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#form-filters\"\n aria-expanded=\"false\"\n aria-controls=\"form-filters\"\n >\n Filtres\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n </div>\n <div class=\"collapse collapse-lg-show collapse-drop\" id=\"form-filters\">\n\n <form class=\"p-3 p-lg-0 mt-md-3\">\n\n <div class=\"form-group form-group-search\">\n <label for=\"search-field\" class=\"sr-only\">Search</label>\n <p class=\"search-container icon-right\">\n <input\n type=\"search\"\n id=\"search-field\"\n class=\"form-control\"\n placeholder=\"Keywords...\"\n aria-describedby=\"search-field-help\"\n >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </p>\n</div>\n\n <div class=\"form-group\">\n <div class=\"form-group\">\n<label> Catégories </label>\n<select id=\"select-input\" class=\"custom-select\">\n <option selected>Make a choice...</option>\n <option value=\"1\">Legolas</option>\n <option value=\"2\">Jar Jar Binks</option>\n <option value=\"3\">None of them</option>\n <option value=\"4\">The fourth choice</option>\n <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n\n <div class=\"form-group\">\n <div class=\"form-group\">\n<label> Archives </label>\n<select id=\"select-input\" class=\"custom-select\">\n <option selected>Make a choice...</option>\n <option value=\"1\">Legolas</option>\n <option value=\"2\">Jar Jar Binks</option>\n <option value=\"3\">None of them</option>\n <option value=\"4\">The fourth choice</option>\n <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n\n </form>\n </div>\n</aside>\n </div>\n <div class=\"col-lg-9\">\n <div class=\"card-deck\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"mt-3\">\n <nav aria-label=\"Page navigation\">\n <ul class=\"pagination\">\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n <span class=\"sr-only\">Previous</span>\n </a>\n </li>\n <li class=\"page-item active\">\n <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n 1\n <span class=\"sr-only\">(Current page)</span>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">2</a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">3</a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n <span class=\"sr-only\">Next</span>\n </a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n <span class=\"sr-only\">Last page</span>\n </a>\n </li>\n </ul>\n</nav>\n </div>\n </div>\n </div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n</div>\n </div>\n</div>\n</div>\n";
|
|
49751
49761
|
|
|
49752
49762
|
/***/ }),
|
|
49753
49763
|
|
|
@@ -49755,7 +49765,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49755
49765
|
/***/ (function(module) {
|
|
49756
49766
|
|
|
49757
49767
|
"use strict";
|
|
49758
|
-
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">example blog name</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n <a href=\"#\" class=\"tag tag-primary\">W3C</a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">School of Architecture, Civil and Environmental Engineering</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">ENAC Faculty</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC Faculty</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability challenges</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li><a href=\"#\">News</a></li>\n <li class=\"active\">\n <a href=\"#\">\n ENAC Faculty\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Organization</a></li>\n <li><a href=\"#\">Projects</a></li>\n <li><a href=\"#\">Publications</a></li>\n <li><a href=\"#\">Team</a></li>\n <li><a href=\"#\">Teaching</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Sustainability challenges</a></li>\n <li><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<article class=\"blog-post container\">\n\n <header class=\"entry-header mb-5 container-grid\">\n <h1 itemprop=\"name\">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h1>\n <div class=\"post-meta my-4\">\n <p class=\"text-muted\">Publié le 9 décembre 2019</p>\n <p class=\"sr-only\">Catégories:</p>\n <p>\n <a href=\"#\" class=\"tag tag-primary\">Catégorie 1</a>\n <a href=\"#\" class=\"tag tag-primary\">Catégorie 2</a>\n </p>\n </div>\n </header>\n\n <div class=\"entry-content mb-5 container-grid\">\n\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at pharetra est, non bibendum dolor. Proin turpis neque, viverra a augue vitae, dapibus iaculis tellus. Morbi ante nisi, venenatis vel velit id, ultrices efficitur nisl. Morbi consectetur non turpis eu interdum. Phasellus nec felis at justo efficitur cursus sed quis sapien. Proin facilisis sapien sit amet venenatis pellentesque. Nulla efficitur, massa a facilisis egestas, massa nulla scelerisque tellus, quis fringilla orci ante sed risus.</p>\n\n <div class=\"container my-5\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n\n <p>Sed varius volutpat mollis. Vestibulum suscipit hendrerit congue. Donec ante urna, molestie et magna quis, pellentesque auctor urna. Donec porta ligula sed nisl consequat vehicula. Maecenas aliquet, sapien vitae iaculis vestibulum, arcu neque viverra tellus, nec pulvinar diam sem id massa. Nunc vestibulum lacus nunc.</p>\n\n <div class=\"my-3\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n\n <p>Nunc sodales nisi in ante molestie gravida. Sed iaculis, libero quis efficitur fermentum, lacus orci sagittis lacus, sit amet consectetur lectus nibh vel nisi. Sed et accumsan orci. Cras imperdiet nibh odio, vitae dictum purus luctus in. Maecenas a nunc sit amet mauris fermentum fermentum. Curabitur sit amet neque sit amet lorem commodo rutrum vitae sed magna. Sed quis lectus dolor. Nullam placerat augue ut sollicitudin pharetra.</p>\n\n\n <blockquote class=\"blockquote\">\n <p>In ut viverra mauris. Duis hendrerit, nulla ac condimentum condimentum, quam sem dignissim nulla, ut suscipit lorem purus sodales sapien. Mauris luctus scelerisque malesuada. Maecenas id augue velit. Donec malesuada, dolor vel auctor fermentum, eros enim auctor tellus, non vestibulum felis elit ut arcu. Maecenas sed euismod arcu, quis aliquam mi. Donec faucibus tristique ex, id cursus metus varius quis. Aenean neque mauris, pulvinar id placerat ac, finibus vel quam.</p>\n <footer class=\"blockquote-footer\">\n — Prénom Nom, chef d’unité\n </footer>\n </blockquote>\n\n <p>In ut viverra mauris. Duis hendrerit, nulla ac condimentum condimentum, quam sem dignissim nulla, ut suscipit lorem purus sodales sapien. Mauris luctus scelerisque malesuada. Maecenas id augue velit. Donec malesuada, dolor vel auctor fermentum, eros enim auctor tellus, non vestibulum felis elit ut arcu. Maecenas sed euismod arcu, quis aliquam mi. Donec faucibus tristique ex, id cursus metus varius quis. Aenean neque mauris, pulvinar id placerat ac, finibus vel quam. Praesent fringilla neque ante, et auctor augue gravida at. Nunc pulvinar, nibh fringilla suscipit interdum, augue velit convallis enim, tempor rutrum risus justo ac mauris. Praesent lobortis odio augue. Curabitur vestibulum condimentum ipsum, a rhoncus est malesuada quis. Fusce luctus nisl et tortor varius ornare.</p>\n\n <div class=\"container my-5\">\n <div class=\"embed-responsive embed-responsive-16by9\">\n <iframe\n class=\"embed-responsive-item\"\n src=\"https://www.youtube.com/embed/eIefuuUnLvc?rel=0\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media\"\n allowfullscreen></iframe>\n</div>\n </div>\n\n <p>Nunc id imperdiet est. Phasellus a semper ante. Sed purus nisi, iaculis non purus id, ultricies vulputate leo. Ut dignissim vitae quam eget gravida. Nulla nec metus tortor. Nullam quis nisl at purus commodo consequat. Nullam sem dolor, faucibus in turpis eleifend, condimentum ultricies nisi. Phasellus vitae gravida lectus. Nam tellus magna, lacinia vel congue non, egestas at erat. Mauris consequat, justo in lobortis pharetra, nibh sapien gravida risus, vitae commodo nunc tellus eu nisi. Fusce tempus nisl laoreet diam luctus dictum. Aenean nisi felis, maximus nec ante ut, sodales viverra nisl. Vivamus iaculis fermentum lorem, vel sagittis erat imperdiet ac. In hac habitasse platea dictumst. Vivamus congue augue eget mi mollis tristique.</p>\n <p>Cras non sem sed erat feugiat pellentesque. In in risus est. Praesent ut lectus sit amet leo viverra scelerisque. Nulla facilisi. Cras vel lectus tortor. In auctor dictum odio vitae mollis. Donec fringilla viverra suscipit. Curabitur cursus nibh a purus volutpat imperdiet. Integer mollis varius enim eu porttitor.</p>\n\n </div>\n\n <footer class=\"post-footer pt-4 container-grid\">\n\n <div class=\"post-nav py-md-1\">\n\n <div class=\"nav-next\">\n <a class=\"btn btn-secondary post-link\" href=\"#\">\n <span class=\"label muted\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-left\"></use></svg>\n Next post<span class=\"colon\">:</span>\n </span>\n <span class=\"post-title\"><strong>Lorem ipsum dolor sit amet</strong></span>\n </a>\n </div>\n\n <div class=\"nav-prev\">\n <a class=\"btn btn-secondary post-link\" href=\"#\">\n <span class=\"label muted\">\n Previous post<span class=\"colon\">:</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-right\"></use></svg>\n </span>\n <span class=\"post-title\"><strong>Consectetur adipiscing elit</strong></span>\n </a>\n </div>\n\n </div>\n\n <div class=\"post-meta mt-4\">\n <h2 class=\"h5\">Mots-clés</h2>\n <p>\n <a href=\"#\" class=\"tag tag-primary\">Lorem ipsum</a>\n <a href=\"#\" class=\"tag tag-primary\">Dolor sit amet</a>\n <a href=\"#\" class=\"tag tag-primary\">Consectetur</a>\n <a href=\"#\" class=\"tag tag-primary\">Adipiscing</a>\n <a href=\"#\" class=\"tag tag-primary\">Praesent</a>\n <a href=\"#\" class=\"tag tag-primary\">Viverra a augue</a>\n <a href=\"#\" class=\"tag tag-primary\">Morbi ante nisi</a>\n <a href=\"#\" class=\"tag tag-primary\">Venenatis</a>\n </p>\n </div>\n\n </footer>\n\n</article>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49768
|
+
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">example blog name</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<article class=\"blog-post container\">\n\n <header class=\"entry-header mb-5 container-grid\">\n <h1 itemprop=\"name\">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h1>\n <div class=\"post-meta my-4\">\n <p class=\"text-muted\">Publié le 9 décembre 2019</p>\n <p class=\"sr-only\">Catégories:</p>\n <p>\n <a href=\"#\" class=\"tag tag-primary\">Catégorie 1</a>\n <a href=\"#\" class=\"tag tag-primary\">Catégorie 2</a>\n </p>\n </div>\n </header>\n\n <div class=\"entry-content mb-5 container-grid\">\n\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at pharetra est, non bibendum dolor. Proin turpis neque, viverra a augue vitae, dapibus iaculis tellus. Morbi ante nisi, venenatis vel velit id, ultrices efficitur nisl. Morbi consectetur non turpis eu interdum. Phasellus nec felis at justo efficitur cursus sed quis sapien. Proin facilisis sapien sit amet venenatis pellentesque. Nulla efficitur, massa a facilisis egestas, massa nulla scelerisque tellus, quis fringilla orci ante sed risus.</p>\n\n <div class=\"container my-5\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n\n <p>Sed varius volutpat mollis. Vestibulum suscipit hendrerit congue. Donec ante urna, molestie et magna quis, pellentesque auctor urna. Donec porta ligula sed nisl consequat vehicula. Maecenas aliquet, sapien vitae iaculis vestibulum, arcu neque viverra tellus, nec pulvinar diam sem id massa. Nunc vestibulum lacus nunc.</p>\n\n <div class=\"my-3\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n\n <p>Nunc sodales nisi in ante molestie gravida. Sed iaculis, libero quis efficitur fermentum, lacus orci sagittis lacus, sit amet consectetur lectus nibh vel nisi. Sed et accumsan orci. Cras imperdiet nibh odio, vitae dictum purus luctus in. Maecenas a nunc sit amet mauris fermentum fermentum. Curabitur sit amet neque sit amet lorem commodo rutrum vitae sed magna. Sed quis lectus dolor. Nullam placerat augue ut sollicitudin pharetra.</p>\n\n\n <blockquote class=\"blockquote\">\n <p>In ut viverra mauris. Duis hendrerit, nulla ac condimentum condimentum, quam sem dignissim nulla, ut suscipit lorem purus sodales sapien. Mauris luctus scelerisque malesuada. Maecenas id augue velit. Donec malesuada, dolor vel auctor fermentum, eros enim auctor tellus, non vestibulum felis elit ut arcu. Maecenas sed euismod arcu, quis aliquam mi. Donec faucibus tristique ex, id cursus metus varius quis. Aenean neque mauris, pulvinar id placerat ac, finibus vel quam.</p>\n <footer class=\"blockquote-footer\">\n — Prénom Nom, chef d’unité\n </footer>\n </blockquote>\n\n <p>In ut viverra mauris. Duis hendrerit, nulla ac condimentum condimentum, quam sem dignissim nulla, ut suscipit lorem purus sodales sapien. Mauris luctus scelerisque malesuada. Maecenas id augue velit. Donec malesuada, dolor vel auctor fermentum, eros enim auctor tellus, non vestibulum felis elit ut arcu. Maecenas sed euismod arcu, quis aliquam mi. Donec faucibus tristique ex, id cursus metus varius quis. Aenean neque mauris, pulvinar id placerat ac, finibus vel quam. Praesent fringilla neque ante, et auctor augue gravida at. Nunc pulvinar, nibh fringilla suscipit interdum, augue velit convallis enim, tempor rutrum risus justo ac mauris. Praesent lobortis odio augue. Curabitur vestibulum condimentum ipsum, a rhoncus est malesuada quis. Fusce luctus nisl et tortor varius ornare.</p>\n\n <div class=\"container my-5\">\n <div class=\"embed-responsive embed-responsive-16by9\">\n <iframe\n class=\"embed-responsive-item\"\n src=\"https://www.youtube.com/embed/eIefuuUnLvc?rel=0\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media\"\n allowfullscreen></iframe>\n</div>\n </div>\n\n <p>Nunc id imperdiet est. Phasellus a semper ante. Sed purus nisi, iaculis non purus id, ultricies vulputate leo. Ut dignissim vitae quam eget gravida. Nulla nec metus tortor. Nullam quis nisl at purus commodo consequat. Nullam sem dolor, faucibus in turpis eleifend, condimentum ultricies nisi. Phasellus vitae gravida lectus. Nam tellus magna, lacinia vel congue non, egestas at erat. Mauris consequat, justo in lobortis pharetra, nibh sapien gravida risus, vitae commodo nunc tellus eu nisi. Fusce tempus nisl laoreet diam luctus dictum. Aenean nisi felis, maximus nec ante ut, sodales viverra nisl. Vivamus iaculis fermentum lorem, vel sagittis erat imperdiet ac. In hac habitasse platea dictumst. Vivamus congue augue eget mi mollis tristique.</p>\n <p>Cras non sem sed erat feugiat pellentesque. In in risus est. Praesent ut lectus sit amet leo viverra scelerisque. Nulla facilisi. Cras vel lectus tortor. In auctor dictum odio vitae mollis. Donec fringilla viverra suscipit. Curabitur cursus nibh a purus volutpat imperdiet. Integer mollis varius enim eu porttitor.</p>\n\n </div>\n\n <footer class=\"post-footer pt-4 container-grid\">\n\n <div class=\"post-nav py-md-1\">\n\n <div class=\"nav-next\">\n <a class=\"btn btn-secondary post-link\" href=\"#\">\n <span class=\"label muted\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-left\"></use></svg>\n Next post<span class=\"colon\">:</span>\n </span>\n <span class=\"post-title\"><strong>Lorem ipsum dolor sit amet</strong></span>\n </a>\n </div>\n\n <div class=\"nav-prev\">\n <a class=\"btn btn-secondary post-link\" href=\"#\">\n <span class=\"label muted\">\n Previous post<span class=\"colon\">:</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-right\"></use></svg>\n </span>\n <span class=\"post-title\"><strong>Consectetur adipiscing elit</strong></span>\n </a>\n </div>\n\n </div>\n\n <div class=\"post-meta mt-4\">\n <h2 class=\"h5\">Mots-clés</h2>\n <p>\n <a href=\"#\" class=\"tag tag-primary\">Lorem ipsum</a>\n <a href=\"#\" class=\"tag tag-primary\">Dolor sit amet</a>\n <a href=\"#\" class=\"tag tag-primary\">Consectetur</a>\n <a href=\"#\" class=\"tag tag-primary\">Adipiscing</a>\n <a href=\"#\" class=\"tag tag-primary\">Praesent</a>\n <a href=\"#\" class=\"tag tag-primary\">Viverra a augue</a>\n <a href=\"#\" class=\"tag tag-primary\">Morbi ante nisi</a>\n <a href=\"#\" class=\"tag tag-primary\">Venenatis</a>\n </p>\n </div>\n\n </footer>\n\n</article>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49759
49769
|
|
|
49760
49770
|
/***/ }),
|
|
49761
49771
|
|
|
@@ -49779,7 +49789,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49779
49789
|
/***/ (function(module) {
|
|
49780
49790
|
|
|
49781
49791
|
"use strict";
|
|
49782
|
-
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </button>\n <ul class=\"dropdown-menu\">\n <li>\n <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n <span>EN</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n <span>RU</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n <span>DE</span>\n </a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content\">\n\n <section class=\"error-404 not-found\">\n <div class=\"page-content container\">\n <p class=\"h1 mt-4 error-title\">404</p>\n <h1 class=\"h3 text-center\">\n Cette page est introuvable.\n </h1>\n <div class=\"mt-5 pt-2\">\n <form action=\"#\" class=\"border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher sur le site\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button>\n </div>\n </form>\n </div>\n </div>\n </section>\n \n </main>\n\n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49792
|
+
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </button>\n <ul class=\"dropdown-menu\">\n <li>\n <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n <span>EN</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n <span>RU</span> <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-translate\"></use></svg>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n <span>DE</span>\n </a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content\">\n\n <section class=\"error-404 not-found\">\n <div class=\"page-content container\">\n <p class=\"h1 mt-4 error-title\">404</p>\n <h1 class=\"h3 text-center\">\n Cette page est introuvable.\n </h1>\n <div class=\"mt-5 pt-2\">\n <form action=\"#\" class=\"border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher sur le site\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button>\n </div>\n </form>\n </div>\n </div>\n </section>\n \n </main>\n\n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49783
49793
|
|
|
49784
49794
|
/***/ }),
|
|
49785
49795
|
|
|
@@ -49795,7 +49805,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49795
49805
|
/***/ (function(module) {
|
|
49796
49806
|
|
|
49797
49807
|
"use strict";
|
|
49798
|
-
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Event title</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<div class=\"container-full\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Event title</h1>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"introduction\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2\">\n <h2>Introduction</h2>\n\n <p>This is an introduction text about the association. It is always interesting to know in few lines what is all about.</p>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <h2 class=\"mt-5 mb-4\">The last news</h2>\n<div class=\"row\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all news</a>\n</p>\n</div>\n\n<div class=\"container mt-5\">\n <h2 class=\"mb-4\">Useful informations</h2>\n <div class=\"row\">\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"container-full mt-5\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Program</h2>\n </div>\n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container mt-5\">\n <h2 class=\"mb-4\">Our sponsors</h2>\n <div class=\"row\">\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-5\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <h3>Contact</h3>\n <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n </div>\n <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Vendredi</div>\n <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n </div>\n <p>\n <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n </p>\n <hr>\n <p>\n +41 21 693 43 45\n </p>\n <hr>\n <address>\n EPFL AA-DAF<br>\n BP 1229 (bâtiment BP) Station 16<br>\n CH - 1015 Lausanne\n </address>\n </div>\n <div class=\"col-md-6 d-flex flex-column\">\n <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption class=\"media-map-over\">\n <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n </figcaption>\n</figure>\n </div>\n</div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n</div>\n </div>\n</div>\n</div>\n";
|
|
49808
|
+
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Event title</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<div class=\"container-full\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Event title</h1>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"introduction\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2\">\n <h2>Introduction</h2>\n\n <p>This is an introduction text about the association. It is always interesting to know in few lines what is all about.</p>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <h2 class=\"mt-5 mb-4\">The last news</h2>\n<div class=\"row\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all news</a>\n</p>\n</div>\n\n<div class=\"container mt-5\">\n <h2 class=\"mb-4\">Useful informations</h2>\n <div class=\"row\">\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"container-full mt-5\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Program</h2>\n </div>\n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container mt-5\">\n <h2 class=\"mb-4\">Our sponsors</h2>\n <div class=\"row\">\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-5\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <h3>Contact</h3>\n <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n </div>\n <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Vendredi</div>\n <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n </div>\n <p>\n <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n </p>\n <hr>\n <p>\n +41 21 693 43 45\n </p>\n <hr>\n <address>\n EPFL AA-DAF<br>\n BP 1229 (bâtiment BP) Station 16<br>\n CH - 1015 Lausanne\n </address>\n </div>\n <div class=\"col-md-6 d-flex flex-column\">\n <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption class=\"media-map-over\">\n <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n </figcaption>\n</figure>\n </div>\n</div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n</div>\n </div>\n</div>\n</div>\n";
|
|
49799
49809
|
|
|
49800
49810
|
/***/ }),
|
|
49801
49811
|
|
|
@@ -49819,7 +49829,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49819
49829
|
/***/ (function(module) {
|
|
49820
49830
|
|
|
49821
49831
|
"use strict";
|
|
49822
|
-
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content\">\n \n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\">Toutes les actualités</a>\n </p>\n </div>\n </div>\n</div>\n\n \n <div class=\"bg-gray-100 py-5\">\n <div class=\"container\">\n <h2 class=\"text-center mb-5\">EPFL en bref</h2>\n\n <h3 class=\"h6 mb-3 text-spread\">Les missions de l'école</h3>\n <div class=\"row mb-4\">\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Éducation</a>\n </h3>\n <p>La qualité de formation des élèves et des enseignants à l’EPFL en fait l’une des institutions de science et de technologie les plus reconnues au monde.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Éducation</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Recherche</a>\n </h3>\n <p>Une organisation unique nous permet de figurer systématiquement dans le haut du classement mondial des universités pour les programmes de recherche.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Recherche</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Innovation</a>\n </h3>\n <p>Le transfert de technologies ou l’expertise de l’EPFL pour transformer l'excellence scientifique en valeur la société et le développement économique.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Innovation</a>\n </div>\n </div>\n\n </div>\n </div>\n\n <h3 class=\"h6 mb-3 text-spread\">Les lieux totems</h3>\n <div class=\"row\">\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column1.jpg\" class=\"img-fluid\" title=\"Artlab\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Artlab</a>\n </h3>\n <p>Le Artlab organise une grand diversité d’événements et en s’associant à des institutions culturelles de la région.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Explorez le Artlab</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column2.jpg\" class=\"img-fluid\" title=\"Rolex Center\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Rolex Center</a>\n </h3>\n <p>Le Rolex Learning Center est à la fois un laboratoire d’apprentissage, une bibliothèque abritant 500’000 ouvrages et un centre culturel international.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrez le Rolex Center</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column3.jpg\" class=\"img-fluid\" title=\"SwissTech CC\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">SwissTech CC</a>\n </h3>\n <p>Le SwissTech Convention Center est un des plus grand centre de congrès de la région lémanique accueillant des évènements de renommée internationale.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Embarquez pour le SwissTech</a>\n </div>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n\n \n <div class=\"fullwidth-teaser\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Étudier à l’EPFL, 13 filières de formation\n </h3>\n </div>\n <a href=\"#\" aria-label=\"En savoir plus sur Étudier à l’EPFL, 13 filières de formation\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n En savoir plus\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Treize filières de formation dans les sciences de l’ingénieur, des programmes doctoraux de choix, des laboratoires de pointe dirigés par des professeurs de réputation internationale, un campus moderne en plein développement qui s’étend sur plus de 10’000 mètres carrés.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n \n \n <div class=\"bg-gray-100 py-5\">\n <div class=\"datepicker-wrapper\">\n <input type=\"text\" class=\"datepicker-fancy\">\n <span class=\"nextMonthLabel\"></span>\n <span class=\"prevMonthLabel\"></span>\n</div>\n\n <div class=\"overflow-hidden\">\n <div class=\"container\">\n <div class=\"card-slider-wrapper\">\n <div class=\"card-slider\">\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n </div>\n\n <div class=\"card-slider-footer\">\n <div>\n <button role=\"button\" id=\"card-slider-prev\" class=\"card-slider-btn link-trapeze-horizontal disabled\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n </button>\n <button role=\"button\" id=\"card-slider-next\" class=\"card-slider-btn link-trapeze-horizontal\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </button>\n </div>\n <div>\n <a href=\"#\">Voir l’agenda complet des événements</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Pour une transformation plus efficace des molécules\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le chimiste Xile Hu est le lauréat du Prix Latsis 2017. Ce professeur à l’Ecole polytechnique fédérale de Lausanne est récompensé pour son impressionnante carrière scientifique et ses excellents travaux de recherche sur la compréhension fondamentale de la catalyse.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n \n <div class=\"container py-6\">\n <div class=\"row\">\n <div class=\"col-lg-3 col-md-6\">\n <h2>Une école multi-sites, de Lausanne vers le monde</h2>\n <p class=\"h6\">Une école, plusieurs campus</p>\n </div>\n <div class=\"col-lg-9 col-md-6\">\n <div class=\"row\">\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-lausanne.jpg\" class=\"img-fluid\" title=\"Lausanne\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Lausanne\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-geneva.jpg\" class=\"img-fluid\" title=\"Genève\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Genève\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-neuchatel.jpg\" class=\"img-fluid\" title=\"Neuchâtel\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Neuchâtel\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-fribourg.jpg\" class=\"img-fluid\" title=\"Fribourg\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Fribourg\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-valais.jpg\" class=\"img-fluid\" title=\"Valais\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Valais\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-middle-east.jpg\" class=\"img-fluid\" title=\"Middle-East\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Middle-East\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Explorer le portail étudiants de l'EPFL\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Découvrez l'ensemble des services dédiés aux étudiants : vie académique, cours, cartes d'accès et plans, transports et restauration. Mais aussi les bons plans, les réductions et les événements organisés par les nombreuses associations d'étudiants.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n <div class=\"container-fluid p-0\">\n <form class=\"question\" action=\"\">\n\n <div class=\"question-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-960x540.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1440x810.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-720x405.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question/science-question-720x405.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n\n <div class=\"question-content\">\n <h2 class=\"question-title\">Type de question</h2>\n <h3 class=\"question-subtitle mt-3\">Contact information</h3>\n\n <div class=\"question-answers mt-4\">\n <input type=\"radio\" id=\"custom-radio1\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio1\">\n <span class=\"custom-control-label-content\">\n Option 1</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio2\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio2\">\n <span class=\"custom-control-label-content\">\n Option 2</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio3\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio3\">\n <span class=\"custom-control-label-content\">\n Option 3</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n </div>\n\n <input type=\"submit\" class=\"btn btn-primary mt-4\" value=\"Voter\">\n </div>\n</form>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n L’EPFL vue du ciel\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n L'association Aéropoly a pris des images du campus à l'aide d'un dirigeable avant l'ouverture de Balélec. Le dirigeable avait déjà pris son envol une première fois pendant Polynice, événement organisé pour fêter les 60 ans de l'AGEPoly, soit l'association des étudiants de l'EPFL.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n <div class=\"bg-gray-100 py-5\">\n <div class=\"container\">\n <h2 class=\"h3\">Vivez au rythme de l’école, via les réseaux sociaux</h2>\n <div class=\"social-feed-group\">\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-x social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n \n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Nous rejoindre sur X</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-instagram social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-480x480.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-640x640.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-780x780.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x1440.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-640x640.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x1080.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-780x780.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Suivez-nous sur Instagram</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-facebook social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-320x180.jpg 1x, ./images/styleguide/teaser/news-teaser-640x360.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-380x214.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Likez notre page Facebook</a>\n </div>\n </div>\n</div>\n </div>\n</div>\n <p class=\"text-center\">\n <a href=\"#\">Liste des comptes officiels</a>\n </p>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n\n <div class=\"container py-5\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49832
|
+
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content\">\n \n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\">Toutes les actualités</a>\n </p>\n </div>\n </div>\n</div>\n\n \n <div class=\"bg-gray-100 py-5\">\n <div class=\"container\">\n <h2 class=\"text-center mb-5\">EPFL en bref</h2>\n\n <h3 class=\"h6 mb-3 text-spread\">Les missions de l'école</h3>\n <div class=\"row mb-4\">\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Éducation</a>\n </h3>\n <p>La qualité de formation des élèves et des enseignants à l’EPFL en fait l’une des institutions de science et de technologie les plus reconnues au monde.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Éducation</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Recherche</a>\n </h3>\n <p>Une organisation unique nous permet de figurer systématiquement dans le haut du classement mondial des universités pour les programmes de recherche.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Recherche</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Innovation</a>\n </h3>\n <p>Le transfert de technologies ou l’expertise de l’EPFL pour transformer l'excellence scientifique en valeur la société et le développement économique.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Innovation</a>\n </div>\n </div>\n\n </div>\n </div>\n\n <h3 class=\"h6 mb-3 text-spread\">Les lieux totems</h3>\n <div class=\"row\">\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column1.jpg\" class=\"img-fluid\" title=\"Artlab\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Artlab</a>\n </h3>\n <p>Le Artlab organise une grand diversité d’événements et en s’associant à des institutions culturelles de la région.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Explorez le Artlab</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column2.jpg\" class=\"img-fluid\" title=\"Rolex Center\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Rolex Center</a>\n </h3>\n <p>Le Rolex Learning Center est à la fois un laboratoire d’apprentissage, une bibliothèque abritant 500’000 ouvrages et un centre culturel international.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrez le Rolex Center</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column3.jpg\" class=\"img-fluid\" title=\"SwissTech CC\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">SwissTech CC</a>\n </h3>\n <p>Le SwissTech Convention Center est un des plus grand centre de congrès de la région lémanique accueillant des évènements de renommée internationale.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Embarquez pour le SwissTech</a>\n </div>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n\n \n <div class=\"fullwidth-teaser\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Étudier à l’EPFL, 13 filières de formation\n </h3>\n </div>\n <a href=\"#\" aria-label=\"En savoir plus sur Étudier à l’EPFL, 13 filières de formation\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n En savoir plus\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Treize filières de formation dans les sciences de l’ingénieur, des programmes doctoraux de choix, des laboratoires de pointe dirigés par des professeurs de réputation internationale, un campus moderne en plein développement qui s’étend sur plus de 10’000 mètres carrés.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n \n \n <div class=\"bg-gray-100 py-5\">\n <div class=\"datepicker-wrapper\">\n <input type=\"text\" class=\"datepicker-fancy\">\n <span class=\"nextMonthLabel\"></span>\n <span class=\"prevMonthLabel\"></span>\n</div>\n\n <div class=\"overflow-hidden\">\n <div class=\"container\">\n <div class=\"card-slider-wrapper\">\n <div class=\"card-slider\">\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n </div>\n\n <div class=\"card-slider-footer\">\n <div>\n <button role=\"button\" id=\"card-slider-prev\" class=\"card-slider-btn link-trapeze-horizontal disabled\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n </button>\n <button role=\"button\" id=\"card-slider-next\" class=\"card-slider-btn link-trapeze-horizontal\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </button>\n </div>\n <div>\n <a href=\"#\">Voir l’agenda complet des événements</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Pour une transformation plus efficace des molécules\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le chimiste Xile Hu est le lauréat du Prix Latsis 2017. Ce professeur à l’Ecole polytechnique fédérale de Lausanne est récompensé pour son impressionnante carrière scientifique et ses excellents travaux de recherche sur la compréhension fondamentale de la catalyse.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n \n <div class=\"container py-6\">\n <div class=\"row\">\n <div class=\"col-lg-3 col-md-6\">\n <h2>Une école multi-sites, de Lausanne vers le monde</h2>\n <p class=\"h6\">Une école, plusieurs campus</p>\n </div>\n <div class=\"col-lg-9 col-md-6\">\n <div class=\"row\">\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-lausanne.jpg\" class=\"img-fluid\" title=\"Lausanne\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Lausanne\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-geneva.jpg\" class=\"img-fluid\" title=\"Genève\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Genève\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-neuchatel.jpg\" class=\"img-fluid\" title=\"Neuchâtel\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Neuchâtel\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-fribourg.jpg\" class=\"img-fluid\" title=\"Fribourg\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Fribourg\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-valais.jpg\" class=\"img-fluid\" title=\"Valais\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Valais\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-middle-east.jpg\" class=\"img-fluid\" title=\"Middle-East\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Middle-East\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Explorer le portail étudiants de l'EPFL\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Découvrez l'ensemble des services dédiés aux étudiants : vie académique, cours, cartes d'accès et plans, transports et restauration. Mais aussi les bons plans, les réductions et les événements organisés par les nombreuses associations d'étudiants.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n <div class=\"container-fluid p-0\">\n <form class=\"question\" action=\"\">\n\n <div class=\"question-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-960x540.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1440x810.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-720x405.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question/science-question-720x405.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n\n <div class=\"question-content\">\n <h2 class=\"question-title\">Type de question</h2>\n <h3 class=\"question-subtitle mt-3\">Further readings</h3>\n\n <div class=\"question-answers mt-4\">\n <input type=\"radio\" id=\"custom-radio1\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio1\">\n <span class=\"custom-control-label-content\">\n Option 1</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio2\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio2\">\n <span class=\"custom-control-label-content\">\n Option 2</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio3\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio3\">\n <span class=\"custom-control-label-content\">\n Option 3</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n </div>\n\n <input type=\"submit\" class=\"btn btn-primary mt-4\" value=\"Voter\">\n </div>\n</form>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n L’EPFL vue du ciel\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n L'association Aéropoly a pris des images du campus à l'aide d'un dirigeable avant l'ouverture de Balélec. Le dirigeable avait déjà pris son envol une première fois pendant Polynice, événement organisé pour fêter les 60 ans de l'AGEPoly, soit l'association des étudiants de l'EPFL.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n <div class=\"bg-gray-100 py-5\">\n <div class=\"container\">\n <h2 class=\"h3\">Vivez au rythme de l’école, via les réseaux sociaux</h2>\n <div class=\"social-feed-group\">\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-x social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n \n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Nous rejoindre sur X</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-instagram social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-480x480.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-640x640.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-780x780.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x1440.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-640x640.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x1080.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-780x780.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Suivez-nous sur Instagram</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-facebook social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-320x180.jpg 1x, ./images/styleguide/teaser/news-teaser-640x360.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-380x214.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Likez notre page Facebook</a>\n </div>\n </div>\n</div>\n </div>\n</div>\n <p class=\"text-center\">\n <a href=\"#\">Liste des comptes officiels</a>\n </p>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n\n <div class=\"container py-5\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49823
49833
|
|
|
49824
49834
|
/***/ }),
|
|
49825
49835
|
|
|
@@ -49835,7 +49845,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49835
49845
|
/***/ (function(module) {
|
|
49836
49846
|
|
|
49837
49847
|
"use strict";
|
|
49838
|
-
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n<div class=\"tlbx-single-full-intro d-flex justify-content-between\">\n <h1 class=\"h3 my-0\">Laboratory page (<a href=\"#/doc/create%20a%20page.md\" target=\"_blank\" onclick=\"window.open('#/doc/create%20a%20page.md')\">doc</a>)</h1>\n <button class=\"btn btn-sm btn-primary\" id=\"tour-start\">Start the tour !</button>\n</div>\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n <div class=\"nav-user dropdown user-dropdown mr-lg-2\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n <img class=\"user-avatar rounded-circle\" src=\"https://randomuser.me/api/portraits/women/2.jpg\" alt=\"\">\n <p class=\"user-name\">Heidy Traill</p>\n </button>\n <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <li class=\"dropdown-item\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#user\"></use></svg>\n <a href=\"#\">Accéder à mon compte</a>\n </li>\n <li class=\"dropdown-item\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#log-out\"></use></svg>\n <a href=\"#\">Me déconnecter</a>\n </li>\n </ul>\n</div> \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n <a href=\"#\" class=\"tag tag-primary\">W3C</a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">School of Architecture, Civil and Environmental Engineering</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">ENAC Faculty</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC Faculty</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability challenges</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li><a href=\"#\">News</a></li>\n <li class=\"active\">\n <a href=\"#\">\n ENAC Faculty\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Organization</a></li>\n <li><a href=\"#\">Projects</a></li>\n <li><a href=\"#\">Publications</a></li>\n <li><a href=\"#\">Team</a></li>\n <li><a href=\"#\">Teaching</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Sustainability challenges</a></li>\n <li><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <div class=\"container-full\" id=\"tour-hero\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Laboratory Full Name LFN</h1>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"mt-5\" id=\"tour-lab\">\n <div id=\"tour-intro\">\n <p>\n This is a laboratory introduction text about all the good stuff that are made here, the current project and the passionate people who work here. It is always interesting to know in few lines what is all about.\n </p>\n </div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\" id=\"tour-projects\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Our current projects</h2>\n<div class=\"row\">\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\n </div>\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\n </div>\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all projects</a>\n</p>\n </div>\n</div>\n\n<div class=\"container\">\n <div id=\"tour-publications\">\n <h2 class=\"mb-4 mt-6\">Our publications</h2>\n \n<div class=\"infoscienceBox no-tex2jax_process\">\n <div class=\"list-group my-3\">\n <h1 class=\"h2 mt-3\">2018</h1>\n <h2 class=\"h2 mt-3\">Theses</h2>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a> /\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe (Dir.)</a>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">Full text</a> –\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">View at publisher</a>\n </p>\n </div>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al. </span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n </p>\n </div>\n </div>\n </div>\n <h2 class=\"h3 mt-1 mb-2\">Journal Articles</h2>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <a href=\"https://infoscience.epfl.ch/record/232935/files/heroguel_controlled_2017_jcat_2.jpg\" target=\"_blank\"><img style=\"max-width:80px;\" src=\"https://infoscience.epfl.ch/record/232935/files/heroguel_controlled_2017_jcat_2.jpg\" class=\"float-left mr-3 infoscience_publication_illustration\" alt=\"publication thumbnail\"></a>\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al. </span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">Full text</a> –\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">View at publisher</a>\n </p>\n </div>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <a href=\"https://infoscience.epfl.ch/record/254912/files/Graphical%20Abstract.jpg\" target=\"_blank\"><img style=\"max-width:80px;\" src=\"https://infoscience.epfl.ch/record/254912/files/Graphical%20Abstract.jpg\" class=\"float-left mr-3 infoscience_publication_illustration\" alt=\"publication thumbnail\"></a>\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al. </span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n </p>\n </div>\n </div>\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\" target=\"_blank\">See all publications</a>\n </p>\n </div>\n </div>\n</div>\n\n<div class=\"container\">\n <div id=\"tour-news\">\n <h2 class=\"mt-5 mb-4\">The last news</h2>\n<div class=\"row\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all news</a>\n</p>\n </div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 my-5\">\n <div class=\"container\">\n <div id=\"tour-partof\">\n <h2 class=\"mb-4\">DCSL is part of</h2>\n <div class=\"row mb-5\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\"><a href=\"#\">Institut d'ingénierie de l'environnement – IIE</a></h3>\n <div class=\"card-info\">\n <span>Faculté de l’Environnement Naturel, Architectural et Construit </span>\n </div>\n <p>L’objectif principal de l’Institut d’architecture et de la ville (IA) est le développement de la recherche. Une tâche fondamentale qui sous-entend que l’architecture, la qualité de la construction, l’insertion dans le milieu environnant, le respect des paysages naturels et urbains ainsi que celui du patrimoine culturel sont prioritairement d’intérêt général.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n </div>\n <div class=\"col-12\">\n <h3>Themes</h3>\n <a href=\"#\" class=\"tag tag-primary\">Theme 1</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 2</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 3</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 4</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 5</a>\n </div>\n </div>\n </div>\n <div id=\"tour-contact\">\n <div class=\"bg-white p-4 p-md-5\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <h3>Contact</h3>\n <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n </div>\n <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Vendredi</div>\n <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n </div>\n <p>\n <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n </p>\n <hr>\n <p>\n +41 21 693 43 45\n </p>\n <hr>\n <address>\n EPFL AA-DAF<br>\n BP 1229 (bâtiment BP) Station 16<br>\n CH - 1015 Lausanne\n </address>\n </div>\n <div class=\"col-md-6 d-flex flex-column\">\n <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption class=\"media-map-over\">\n <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n </figcaption>\n</figure>\n </div>\n</div>\n </div>\n </div>\n </div>\n</div>\n\n\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-6\" id=\"tour-team\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\" id=\"tour-sponsors\">\n <h3 class=\"mb-4\">Our sponsors</h3>\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n </div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49848
|
+
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n<div class=\"tlbx-single-full-intro d-flex justify-content-between\">\n <h1 class=\"h3 my-0\">Laboratory page (<a href=\"#/doc/user%20documentation--create%20a%20page.md\" target=\"_blank\" onclick=\"window.open('#/doc/user%20documentation--create%20a%20page.md')\">doc</a>)</h1>\n <button class=\"btn btn-sm btn-primary\" id=\"tour-start\">Start the tour !</button>\n</div>\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n <div class=\"nav-user dropdown user-dropdown mr-lg-2\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n <img class=\"user-avatar rounded-circle\" src=\"https://randomuser.me/api/portraits/women/2.jpg\" alt=\"\">\n <p class=\"user-name\">Heidy Traill</p>\n </button>\n <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <li class=\"dropdown-item\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#user\"></use></svg>\n <a href=\"#\">Accéder à mon compte</a>\n </li>\n <li class=\"dropdown-item\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#log-out\"></use></svg>\n <a href=\"#\">Me déconnecter</a>\n </li>\n </ul>\n</div> \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n <a href=\"#\" class=\"tag tag-primary\">W3C</a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">School of Architecture, Civil and Environmental Engineering</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">ENAC Faculty</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC Faculty</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability challenges</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li><a href=\"#\">News</a></li>\n <li class=\"active\">\n <a href=\"#\">\n ENAC Faculty\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Organization</a></li>\n <li><a href=\"#\">Projects</a></li>\n <li><a href=\"#\">Publications</a></li>\n <li><a href=\"#\">Team</a></li>\n <li><a href=\"#\">Teaching</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Sustainability challenges</a></li>\n <li><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <div class=\"container-full\" id=\"tour-hero\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Laboratory Full Name LFN</h1>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"mt-5\" id=\"tour-lab\">\n <div id=\"tour-intro\">\n <p>\n This is a laboratory introduction text about all the good stuff that are made here, the current project and the passionate people who work here. It is always interesting to know in few lines what is all about.\n </p>\n </div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\" id=\"tour-projects\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Our current projects</h2>\n<div class=\"row\">\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\n </div>\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\n </div>\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all projects</a>\n</p>\n </div>\n</div>\n\n<div class=\"container\">\n <div id=\"tour-publications\">\n <h2 class=\"mb-4 mt-6\">Our publications</h2>\n \n<div class=\"infoscienceBox no-tex2jax_process\">\n <div class=\"list-group my-3\">\n <h1 class=\"h2 mt-3\">2018</h1>\n <h2 class=\"h2 mt-3\">Theses</h2>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a> /\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe (Dir.)</a>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">Full text</a> –\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">View at publisher</a>\n </p>\n </div>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al. </span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n </p>\n </div>\n </div>\n </div>\n <h2 class=\"h3 mt-1 mb-2\">Journal Articles</h2>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <a href=\"https://infoscience.epfl.ch/record/232935/files/heroguel_controlled_2017_jcat_2.jpg\" target=\"_blank\"><img style=\"max-width:80px;\" src=\"https://infoscience.epfl.ch/record/232935/files/heroguel_controlled_2017_jcat_2.jpg\" class=\"float-left mr-3 infoscience_publication_illustration\" alt=\"publication thumbnail\"></a>\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al. </span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">Full text</a> –\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">View at publisher</a>\n </p>\n </div>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <a href=\"https://infoscience.epfl.ch/record/254912/files/Graphical%20Abstract.jpg\" target=\"_blank\"><img style=\"max-width:80px;\" src=\"https://infoscience.epfl.ch/record/254912/files/Graphical%20Abstract.jpg\" class=\"float-left mr-3 infoscience_publication_illustration\" alt=\"publication thumbnail\"></a>\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al. </span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n </p>\n </div>\n </div>\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\" target=\"_blank\">See all publications</a>\n </p>\n </div>\n </div>\n</div>\n\n<div class=\"container\">\n <div id=\"tour-news\">\n <h2 class=\"mt-5 mb-4\">The last news</h2>\n<div class=\"row\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all news</a>\n</p>\n </div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 my-5\">\n <div class=\"container\">\n <div id=\"tour-partof\">\n <h2 class=\"mb-4\">DCSL is part of</h2>\n <div class=\"row mb-5\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\"><a href=\"#\">Institut d'ingénierie de l'environnement – IIE</a></h3>\n <div class=\"card-info\">\n <span>Faculté de l’Environnement Naturel, Architectural et Construit </span>\n </div>\n <p>L’objectif principal de l’Institut d’architecture et de la ville (IA) est le développement de la recherche. Une tâche fondamentale qui sous-entend que l’architecture, la qualité de la construction, l’insertion dans le milieu environnant, le respect des paysages naturels et urbains ainsi que celui du patrimoine culturel sont prioritairement d’intérêt général.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n </div>\n <div class=\"col-12\">\n <h3>Themes</h3>\n <a href=\"#\" class=\"tag tag-primary\">Theme 1</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 2</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 3</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 4</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 5</a>\n </div>\n </div>\n </div>\n <div id=\"tour-contact\">\n <div class=\"bg-white p-4 p-md-5\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <h3>Contact</h3>\n <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n </div>\n <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Vendredi</div>\n <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n </div>\n <p>\n <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n </p>\n <hr>\n <p>\n +41 21 693 43 45\n </p>\n <hr>\n <address>\n EPFL AA-DAF<br>\n BP 1229 (bâtiment BP) Station 16<br>\n CH - 1015 Lausanne\n </address>\n </div>\n <div class=\"col-md-6 d-flex flex-column\">\n <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption class=\"media-map-over\">\n <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n </figcaption>\n</figure>\n </div>\n</div>\n </div>\n </div>\n </div>\n</div>\n\n\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-6\" id=\"tour-team\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\" id=\"tour-sponsors\">\n <h3 class=\"mb-4\">Our sponsors</h3>\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n </div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49839
49849
|
|
|
49840
49850
|
/***/ }),
|
|
49841
49851
|
|
|
@@ -49867,7 +49877,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49867
49877
|
/***/ (function(module) {
|
|
49868
49878
|
|
|
49869
49879
|
"use strict";
|
|
49870
|
-
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Actu</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li class=\"dropdown\">\n <button class=\"btn btn-link dropdown-toggle nav-item\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n Liste des options\n </button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <a class=\"dropdown-item\" href=\"#\">Option 1</a>\n <a class=\"dropdown-item active\" href=\"#\">Option 2</a>\n <a class=\"dropdown-item\" href=\"#\">Option 3</a>\n </div>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <div class=\"container-full\">\n \n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-4\">\n <aside>\n <div class=\"d-flex justify-content-between px-3 p-md-0 align-baseline\">\n <h3 class=\"h5 mb-0 font-weight-normal\">Filtrer votre recherche</h3>\n <button\n class=\"btn btn-sm btn-secondary d-md-none collapsed collapse-drop-toggle\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#form-filters\"\n aria-expanded=\"false\"\n aria-controls=\"form-filters\"\n >\n Filtres\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#filter\"></use></svg>\n </button>\n </div>\n <div class=\"collapse collapse-md-show collapse-drop\" id=\"form-filters\">\n <form class=\"p-3 p-md-0\">\n <div class=\"form-group\">\n <div class=\"form-group\">\n<label>Choose wisely</label>\n<select id=\"select-input\" class=\"custom-select\">\n <option selected>Make a choice...</option>\n <option value=\"1\">Legolas</option>\n <option value=\"2\">Jar Jar Binks</option>\n <option value=\"3\">None of them</option>\n <option value=\"4\">The fourth choice</option>\n <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n <div class=\"form-group\">\n <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n </div>\n <div class=\"form-group\">\n <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n </div>\n </form>\n </div>\n</aside>\n </div>\n <div class=\"col-md-8\">\n <div class=\"list-group\">\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n \n <a href=\"#\" class=\"list-group-teaser-more\">\n Afficher plus d'actualités\n </a>\n </div>\n <div class=\"mt-3\">\n <nav aria-label=\"Page navigation\">\n <ul class=\"pagination\">\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n <span class=\"sr-only\">Previous</span>\n </a>\n </li>\n <li class=\"page-item active\">\n <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n 1\n <span class=\"sr-only\">(Current page)</span>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">2</a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">3</a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n <span class=\"sr-only\">Next</span>\n </a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n <span class=\"sr-only\">Last page</span>\n </a>\n </li>\n </ul>\n</nav>\n </div>\n </div>\n </div>\n</div>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49880
|
+
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Actu</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li class=\"dropdown\">\n <button class=\"btn btn-link dropdown-toggle nav-item\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n Liste des options\n </button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <a class=\"dropdown-item\" href=\"#\">Option 1</a>\n <a class=\"dropdown-item active\" href=\"#\">Option 2</a>\n <a class=\"dropdown-item\" href=\"#\">Option 3</a>\n </div>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <div class=\"container-full\">\n \n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-4\">\n <aside>\n <div class=\"d-flex justify-content-between px-3 p-md-0 align-baseline\">\n <h3 class=\"h5 mb-0 font-weight-normal\">Filtrer votre recherche</h3>\n <button\n class=\"btn btn-sm btn-secondary d-md-none collapsed collapse-drop-toggle\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#form-filters\"\n aria-expanded=\"false\"\n aria-controls=\"form-filters\"\n >\n Filtres\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#filter\"></use></svg>\n </button>\n </div>\n <div class=\"collapse collapse-md-show collapse-drop\" id=\"form-filters\">\n <form class=\"p-3 p-md-0\">\n <div class=\"form-group\">\n <div class=\"form-group\">\n<label>Choose wisely</label>\n<select id=\"select-input\" class=\"custom-select\">\n <option selected>Make a choice...</option>\n <option value=\"1\">Legolas</option>\n <option value=\"2\">Jar Jar Binks</option>\n <option value=\"3\">None of them</option>\n <option value=\"4\">The fourth choice</option>\n <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n <div class=\"form-group\">\n <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n </div>\n <div class=\"form-group\">\n <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n </div>\n </form>\n </div>\n</aside>\n </div>\n <div class=\"col-md-8\">\n <div class=\"list-group\">\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n \n <a href=\"#\" class=\"list-group-teaser-more\">\n Afficher plus d'actualités\n </a>\n </div>\n <div class=\"mt-3\">\n <nav aria-label=\"Page navigation\">\n <ul class=\"pagination\">\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n <span class=\"sr-only\">Previous</span>\n </a>\n </li>\n <li class=\"page-item active\">\n <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n 1\n <span class=\"sr-only\">(Current page)</span>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">2</a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">3</a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n <span class=\"sr-only\">Next</span>\n </a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n <span class=\"sr-only\">Last page</span>\n </a>\n </li>\n </ul>\n</nav>\n </div>\n </div>\n </div>\n</div>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49871
49881
|
|
|
49872
49882
|
/***/ }),
|
|
49873
49883
|
|
|
@@ -49875,7 +49885,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49875
49885
|
/***/ (function(module) {
|
|
49876
49886
|
|
|
49877
49887
|
"use strict";
|
|
49878
|
-
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Online People Directory</a>\n </p>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </button>\n <ul class=\"dropdown-menu\">\n <li>\n <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n <span>EN</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n <span>RU</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n <span>DE</span>\n </a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link bread-home\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\"><a class=\"bread-link\" href=\"#\">Schools</a></li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">ENAC</li>\n </ol>\n</nav>\n</div>\n\n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content \">\n <div class=\"container\">\n \n <div class=\"d-flex flex-wrap justify-content-between align-items-baseline\">\n <h1 class=\"mr-3\">Prenom Nom</h1>\n <div>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#edit\"></use></svg>\n <a href=\"#\">\n Edit profile <span class=\"sr-only\">of Prenom Nom</span>\n </a>\n </div>\n </div>\n\n \n <div class=\"row mt-5\">\n <div class=\"col-md-12\">\n <div class=\"row people-basic-info\">\n\n <div class=\"col-md-4 col-lg-3 offset-lg-1 mb-3\">\n \n <div class=\"row\">\n <div class=\"col-sm-12 mb-3\">\n <!-- Default profile picture markup -->\n\n <!--\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/people/portrait-253x360.jpg 1x, ./images/styleguide/people/portrait-506x720.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/people/portrait-211x300.jpg 1x, ./images/styleguide/people/portrait-422x600.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/people/portrait-253x360.jpg 1x, ./images/styleguide/people/portrait-506x720.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/people/portrait-253x360.jpg 1x, ./images/styleguide/people/portrait-506x720.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/people/portrait-211x300.jpg 1x, ./images/styleguide/people/portrait-422x600.jpg 2x\">\n <img src=\"./images/styleguide/people/portrait-506x720.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n -->\n\n <!-- Placeholder when there is no profile picture -->\n <img src=\"svg/portrait-placeholder.svg\" alt=\"Avatar placeholder image\" class=\"img-fluid bg-gray-100\">\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-sm-12\">\n\n <p>\n <small>\n <a href=\"#\">Liste complète des adresses et fonctions</a>\n <br/>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n<a href=\"#\">Données administratives</a>\n </small>\n </p>\n\n </div>\n </div>\n </div>\n\n <div class=\"people-contacts col-md-8\">\n <div class=\"row\">\n <div class=\"col-sm-12 mb-4\">\n <h2 class=\"people-title mb-3\">Professeur titulaire, directeur du département XY</h2>\n <p>\n <a href=\"#\" class=\"btn btn-sm btn-primary\">prenom.nom@epfl.ch</a>\n <a href=\"#\" class=\"btn btn-sm btn-secondary\">+41 21 666 77 88</a>\n <a href=\"#\" class=\"btn btn-sm btn-secondary\">abbr.epfl.ch</a>\n </p>\n <p>Nationalité: suisse et allemande</p>\n <div class=\"mt-1\">\n <p>\n <a href=\"true\" class=\"social-icon social-icon-details social-icon-linkedin social-icon-discrete\" rel=\"nofollow\" title=\"View on LinkedIn\">\n <svg class=\"icon\" aria-hidden=\"true\">\n <use xlink:href=\"#icon-linkedin\"></use>\n </svg>\n <span class=\"user\">firstname.name</span>\n </a>\n <a href=\"true\" class=\"social-icon social-icon-details social-icon-google social-icon-discrete\" rel=\"nofollow\" title=\"View on Google Scholar\">\n <svg class=\"icon\" aria-hidden=\"true\">\n <use xlink:href=\"#icon-google\"></use>\n </svg>\n <span class=\"user\">firstname.name</span>\n </a>\n <a href=\"true\" class=\"social-icon social-icon-details social-icon-discrete\" rel=\"nofollow\" title=\"View on Scopus\">\n <span class=\"user\">Scopus: 123456789</span>\n </a>\n <a href=\"true\" class=\"social-icon social-icon-details social-icon-discrete\" rel=\"nofollow\" title=\"View on Orcid\">\n <span class=\"user\">Orcid: 123456789</span>\n </a>\n <a href=\"true\" class=\"social-icon social-icon-details social-icon-discrete\" rel=\"nofollow\" title=\"View on ResearcherID\">\n <span class=\"user\">ResearcherID: 123456789</span>\n </a>\n </p>\n </div>\n </div>\n </div>\n \n \n<button\n class=\"collapse-title collapse-title-desktop\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item show collapse-item-desktop\" id=\"collapse-1\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> › <a href=\"#\">SI</a> › <a href=\"#\">SI-EXOP</a> › <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n <div class=\"col-sm-12\">\n <p><span class=\"sr-only\">Web site: </span><a href=\"https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/\">https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/</a></p>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> › <a href=\"#\">SI</a> › <a href=\"#\">SI-EXOP</a> › <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n <div class=\"col-sm-12\">\n <p><span class=\"sr-only\">Web site: </span><a href=\"https://rh.epfl.ch/\">https://rh.epfl.ch/</a></p>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> › <a href=\"#\">SI</a> › <a href=\"#\">SI-EXOP</a> › <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n </div>\n\n</div>\n <hr>\n <div class=\"row\">\n <div class=\"people-extra-info col-sm-12 mt-5\">\n <p><strong>Informations complémentaires</strong></p>\n <p>Disponibilités: absente un vendredi sur deux.</p>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non.</p>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"position-relative mt-5\">\n \n <nav class=\"nav-tabs-light-wrapper sticky-top\" id=\"intermediate-nav\">\n <div class=\"container\">\n <ul class=\"nav nav-tabs-light\">\n <li class=\"nav-item\">\n <a class=\"nav-link active\" href=\"#biography\">Biographie</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link\" href=\"#publications\">Publications</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link\" href=\"#teaching-and-phd\">Teaching & PhD</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link\" href=\"#research\">Research</a>\n </li>\n </ul>\n </div>\n </nav>\n\n <div class=\"container people-contents\">\n \n <div class=\"my-5\">\n <h2 id=\"biography\">Biographie <span class=\"sr-only\">de Xavier Alexandre</span></h2>\n <!--<div class=\"collapse collapse-partial\" id=\"biography-text\" aria-expanded=\"false\">\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n <h3>Mission</h3>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros.</p>\n <p>Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n <h3>Travail en cours</h3>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus.</p>\n</div>\n\n<button\n class=\"collapsed btn btn-light btn-block btn-sm mt-3\"\n data-toggle=\"collapse\"\n data-target=\"#biography-text\"\n aria-hidden=\"true\"\n aria-controls=\"biography-text\"\n>\n Show full biography\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n</button>\n -->\n <div class=\"biogaphy-content\">\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n <h3>Mission</h3>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros.</p>\n <p>Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n <h3>Travail en cours</h3>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus.</p>\n </div>\n <div class=\"mt-5\">\n <h3>Champs de compétences</h3>\n <p>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n </p>\n \n <p>architecture web, ergonomie, usability, ergonomie, design et architecture de l’information, cms, iconographie, graphisme web, charte graphique, design, logo, expertise communication web, html, css2, ui design</p>\n </div>\n <div class=\"mt-5\">\n <h3>Formation</h3>\n <div class=\"list-group\">\n <div class=\"list-group-item list-group-item-borderless education-list\">\n <p><strong>Dr. ès Sciences</strong></p>\n <p>Microtechnologie</p>\n <p>Université de Neuchâtel</p>\n <p>2001</p>\n </div>\n <div class=\"list-group-item list-group-item-borderless education-list\">\n <p><strong>Master in Applied Sciences</strong></p>\n <p>Engineering Physics</p>\n <p>École Polytechnique de Montréal</p>\n <p>1997</p>\n </div>\n </div>\n </div>\n <div class=\"mt-5\">\n <h3>Parcours professionnel</h3>\n <div class=\"list-group\">\n <div class=\"list-group-item list-group-item-borderless\">\n <p><strong>Intitulé du poste</strong></p>\n <p>Description du poste, lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n <div class=\"item-metadata\">\n <p class=\"item-date\">2017 – 2019</p>\n <p class=\"small\">Nom de l'entreprise – <a href=\"#\">Lien</a></p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless\">\n <p><strong>Intitulé du poste</strong></p>\n <p>Description du poste, lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n <div class=\"item-metadata\">\n <p class=\"item-date\">2017 – 2019</p>\n <p class=\"small\">Nom de l'entreprise – <a href=\"#\">Lien</a></p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless\">\n <p><strong>Intitulé du poste</strong></p>\n <p>Description du poste, lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n <div class=\"item-metadata\">\n <p class=\"item-date\">2017 – 2019</p>\n <p class=\"small\">Nom de l'entreprise – <a href=\"#\">Lien</a></p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mt-5\">\n <h3>Récompenses</h3>\n <div class=\"list-group\">\n <div class=\"list-group-item list-group-item-borderless\">\n <p><strong>Titre de la récompense</strong></p>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n <div class=\"item-metadata\">\n <p class=\"item-date\">12.11.2019</p>\n <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless\">\n <p><strong>Titre de la récompense</strong></p>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n <div class=\"item-metadata\">\n <p class=\"item-date\">12.11.2019</p>\n <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless\">\n <p><strong>Titre de la récompense</strong></p>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n <div class=\"item-metadata\">\n <p class=\"item-date\">12.11.2019</p>\n <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless\">\n <p><strong>Titre de la récompense</strong></p>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n <div class=\"item-metadata\">\n <p class=\"item-date\">12.11.2019</p>\n <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <hr class=\"darker\">\n\n <div class=\"container people-contents\">\n \n <div class=\"my-5\">\n <h2 id=\"publications\">Publications <span class=\"sr-only\">de Xavier Alexandre</span></h2>\n <div class=\"mt-5\">\n <h3>Infoscience</h3>\n <div class=\"list-group\">\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n <!-- Publication with thumbnail image -->\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience has-thumbnail\">\n <div class=\"list-group-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-80x80.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-160x160.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-540x540.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-1080x1080.jpg 2x\">\n <img src=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n <div class=\"list-group-content\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n </div>\n</div>\n </div>\n <div class=\"mt-5\">\n <h3>Autres publications</h3>\n <div class=\"list-group\">\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n <!-- Publication with thumbnail image -->\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience has-thumbnail\">\n <div class=\"list-group-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-80x80.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-160x160.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-540x540.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-1080x1080.jpg 2x\">\n <img src=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n <div class=\"list-group-content\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n </div>\n</div>\n </div>\n </div>\n </div>\n\n <hr class=\"darker\">\n\n <div class=\"container people-contents\">\n \n <div class=\"my-5\">\n <h2 id=\"teaching-and-phd\">Enseignement <span class=\"sr-only\">of Xavier Alexandre</span></h2>\n <div class=\"mt-5\">\n <h3 class=\"h4\">Matières enseignées</h3>\n <p>Informatique, Systèmes de communication, Architecture logiciels</p>\n <h3 class=\"h4\">Programmes doctoraux</h3>\n <p>Doctoral program in computer and communication science, Doctoral program in Electrical Engineering</p>\n <h3 class=\"h4\">Doctorant·es</h3>\n <p><a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a></p>\n <h3 class=\"h4\">Ancien·nes doctorant·es</h3>\n <p><a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a></p>\n </div>\n <div class=\"mt-5\">\n <h3>Cours <span class=\"sr-only\">of Xavier Alexandre</span></h3>\n <div class=\"list-group\">\n <div class=\"list-group-item list-group-item-borderless\">\n <h4><a href=\"#\">Nom du cours</a></h4>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n </div>\n <div class=\"list-group-item list-group-item-borderless\">\n <h4><a href=\"#\">Nom du cours</a></h4>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n </div>\n <div class=\"list-group-item list-group-item-borderless\">\n <h4><a href=\"#\">Nom du cours</a></h4>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <hr class=\"darker\">\n\n <div class=\"container people-contents\">\n \n <div class=\"mt-5\">\n <h2 id=\"research\">Recherche <span class=\"sr-only\">of Xavier Alexandre</span></h2>\n <div class=\"mt-5\">\n <h3>Sujets</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n\n <h3>Projets de recherche en cours</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n </div>\n </div>\n </div>\n\n </div>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49888
|
+
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Online People Directory</a>\n </p>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </button>\n <ul class=\"dropdown-menu\">\n <li>\n <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n <span>EN</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n <span>RU</span> <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-translate\"></use></svg>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n <span>DE</span>\n </a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link bread-home\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\"><a class=\"bread-link\" href=\"#\">Schools</a></li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">ENAC</li>\n </ol>\n</nav>\n</div>\n\n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content \">\n <div class=\"container\">\n \n <div class=\"d-flex flex-wrap justify-content-between align-items-baseline\">\n <h1 class=\"mr-3\">Prenom Nom</h1>\n <div>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#edit\"></use></svg>\n <a href=\"#\">\n Edit profile <span class=\"sr-only\">of Prenom Nom</span>\n </a>\n </div>\n </div>\n\n \n <div class=\"row mt-5\">\n <div class=\"col-md-12\">\n <div class=\"row people-basic-info\">\n\n <div class=\"col-md-4 col-lg-3 offset-lg-1 mb-3\">\n \n <div class=\"row\">\n <div class=\"col-sm-12 mb-3\">\n <!-- Default profile picture markup -->\n\n <!--\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/people/portrait-253x360.jpg 1x, ./images/styleguide/people/portrait-506x720.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/people/portrait-211x300.jpg 1x, ./images/styleguide/people/portrait-422x600.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/people/portrait-253x360.jpg 1x, ./images/styleguide/people/portrait-506x720.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/people/portrait-253x360.jpg 1x, ./images/styleguide/people/portrait-506x720.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/people/portrait-211x300.jpg 1x, ./images/styleguide/people/portrait-422x600.jpg 2x\">\n <img src=\"./images/styleguide/people/portrait-506x720.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n -->\n\n <!-- Placeholder when there is no profile picture -->\n <img src=\"svg/portrait-placeholder.svg\" alt=\"Avatar placeholder image\" class=\"img-fluid bg-gray-100\">\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-sm-12\">\n\n <p>\n <small>\n <a href=\"#\">Liste complète des adresses et fonctions</a>\n <br/>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n<a href=\"#\">Données administratives</a>\n </small>\n </p>\n\n </div>\n </div>\n </div>\n\n <div class=\"people-contacts col-md-8\">\n <div class=\"row\">\n <div class=\"col-sm-12 mb-4\">\n <h2 class=\"people-title mb-3\">Professeur titulaire, directeur du département XY</h2>\n <p>\n <a href=\"#\" class=\"btn btn-sm btn-primary\">prenom.nom@epfl.ch</a>\n <a href=\"#\" class=\"btn btn-sm btn-secondary\">+41 21 666 77 88</a>\n <a href=\"#\" class=\"btn btn-sm btn-secondary\">abbr.epfl.ch</a>\n </p>\n <p>Nationalité: suisse et allemande</p>\n <div class=\"mt-1\">\n <p>\n <a href=\"true\" class=\"social-icon social-icon-details social-icon-linkedin social-icon-discrete\" rel=\"nofollow\" title=\"View on LinkedIn\">\n <svg class=\"icon\" aria-hidden=\"true\">\n <use xlink:href=\"#icon-linkedin\"></use>\n </svg>\n <span class=\"user\">firstname.name</span>\n </a>\n <a href=\"true\" class=\"social-icon social-icon-details social-icon-google social-icon-discrete\" rel=\"nofollow\" title=\"View on Google Scholar\">\n <svg class=\"icon\" aria-hidden=\"true\">\n <use xlink:href=\"#icon-google\"></use>\n </svg>\n <span class=\"user\">firstname.name</span>\n </a>\n <a href=\"true\" class=\"social-icon social-icon-details social-icon-discrete\" rel=\"nofollow\" title=\"View on Scopus\">\n <span class=\"user\">Scopus: 123456789</span>\n </a>\n <a href=\"true\" class=\"social-icon social-icon-details social-icon-discrete\" rel=\"nofollow\" title=\"View on Orcid\">\n <span class=\"user\">Orcid: 123456789</span>\n </a>\n <a href=\"true\" class=\"social-icon social-icon-details social-icon-discrete\" rel=\"nofollow\" title=\"View on ResearcherID\">\n <span class=\"user\">ResearcherID: 123456789</span>\n </a>\n </p>\n </div>\n </div>\n </div>\n \n \n<button\n class=\"collapse-title collapse-title-desktop\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item show collapse-item-desktop\" id=\"collapse-1\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> › <a href=\"#\">SI</a> › <a href=\"#\">SI-EXOP</a> › <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n <div class=\"col-sm-12\">\n <p><span class=\"sr-only\">Web site: </span><a href=\"https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/\">https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/</a></p>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> › <a href=\"#\">SI</a> › <a href=\"#\">SI-EXOP</a> › <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n <div class=\"col-sm-12\">\n <p><span class=\"sr-only\">Web site: </span><a href=\"https://rh.epfl.ch/\">https://rh.epfl.ch/</a></p>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> › <a href=\"#\">SI</a> › <a href=\"#\">SI-EXOP</a> › <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n </div>\n\n</div>\n <hr>\n <div class=\"row\">\n <div class=\"people-extra-info col-sm-12 mt-5\">\n <p><strong>Informations complémentaires</strong></p>\n <p>Disponibilités: absente un vendredi sur deux.</p>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non.</p>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"position-relative mt-5\">\n \n <nav class=\"nav-tabs-light-wrapper sticky-top\" id=\"intermediate-nav\">\n <div class=\"container\">\n <ul class=\"nav nav-tabs-light\">\n <li class=\"nav-item\">\n <a class=\"nav-link active\" href=\"#biography\">Biographie</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link\" href=\"#publications\">Publications</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link\" href=\"#teaching-and-phd\">Teaching & PhD</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link\" href=\"#research\">Research</a>\n </li>\n </ul>\n </div>\n </nav>\n\n <div class=\"container people-contents\">\n \n <div class=\"my-5\">\n <h2 id=\"biography\">Biographie <span class=\"sr-only\">de Xavier Alexandre</span></h2>\n <!--<div class=\"collapse collapse-partial\" id=\"biography-text\" aria-expanded=\"false\">\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n <h3>Mission</h3>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros.</p>\n <p>Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n <h3>Travail en cours</h3>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus.</p>\n</div>\n\n<button\n class=\"collapsed btn btn-light btn-block btn-sm mt-3\"\n data-toggle=\"collapse\"\n data-target=\"#biography-text\"\n aria-hidden=\"true\"\n aria-controls=\"biography-text\"\n>\n Show full biography\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n</button>\n -->\n <div class=\"biogaphy-content\">\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n <h3>Mission</h3>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros.</p>\n <p>Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n <h3>Travail en cours</h3>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus.</p>\n </div>\n <div class=\"mt-5\">\n <h3>Champs de compétences</h3>\n <p>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n </p>\n \n <p>architecture web, ergonomie, usability, ergonomie, design et architecture de l’information, cms, iconographie, graphisme web, charte graphique, design, logo, expertise communication web, html, css2, ui design</p>\n </div>\n <div class=\"mt-5\">\n <h3>Formation</h3>\n <div class=\"list-group\">\n <div class=\"list-group-item list-group-item-borderless education-list\">\n <p><strong>Dr. ès Sciences</strong></p>\n <p>Microtechnologie</p>\n <p>Université de Neuchâtel</p>\n <p>2001</p>\n </div>\n <div class=\"list-group-item list-group-item-borderless education-list\">\n <p><strong>Master in Applied Sciences</strong></p>\n <p>Engineering Physics</p>\n <p>École Polytechnique de Montréal</p>\n <p>1997</p>\n </div>\n </div>\n </div>\n <div class=\"mt-5\">\n <h3>Parcours professionnel</h3>\n <div class=\"list-group\">\n <div class=\"list-group-item list-group-item-borderless\">\n <p><strong>Intitulé du poste</strong></p>\n <p>Description du poste, lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n <div class=\"item-metadata\">\n <p class=\"item-date\">2017 – 2019</p>\n <p class=\"small\">Nom de l'entreprise – <a href=\"#\">Lien</a></p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless\">\n <p><strong>Intitulé du poste</strong></p>\n <p>Description du poste, lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n <div class=\"item-metadata\">\n <p class=\"item-date\">2017 – 2019</p>\n <p class=\"small\">Nom de l'entreprise – <a href=\"#\">Lien</a></p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless\">\n <p><strong>Intitulé du poste</strong></p>\n <p>Description du poste, lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n <div class=\"item-metadata\">\n <p class=\"item-date\">2017 – 2019</p>\n <p class=\"small\">Nom de l'entreprise – <a href=\"#\">Lien</a></p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mt-5\">\n <h3>Récompenses</h3>\n <div class=\"list-group\">\n <div class=\"list-group-item list-group-item-borderless\">\n <p><strong>Titre de la récompense</strong></p>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n <div class=\"item-metadata\">\n <p class=\"item-date\">12.11.2019</p>\n <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless\">\n <p><strong>Titre de la récompense</strong></p>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n <div class=\"item-metadata\">\n <p class=\"item-date\">12.11.2019</p>\n <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless\">\n <p><strong>Titre de la récompense</strong></p>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n <div class=\"item-metadata\">\n <p class=\"item-date\">12.11.2019</p>\n <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless\">\n <p><strong>Titre de la récompense</strong></p>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n <div class=\"item-metadata\">\n <p class=\"item-date\">12.11.2019</p>\n <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <hr class=\"darker\">\n\n <div class=\"container people-contents\">\n \n <div class=\"my-5\">\n <h2 id=\"publications\">Publications <span class=\"sr-only\">de Xavier Alexandre</span></h2>\n <div class=\"mt-5\">\n <h3>Infoscience</h3>\n <div class=\"list-group\">\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n <!-- Publication with thumbnail image -->\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience has-thumbnail\">\n <div class=\"list-group-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-80x80.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-160x160.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-540x540.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-1080x1080.jpg 2x\">\n <img src=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n <div class=\"list-group-content\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n </div>\n</div>\n </div>\n <div class=\"mt-5\">\n <h3>Autres publications</h3>\n <div class=\"list-group\">\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n <!-- Publication with thumbnail image -->\n <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience has-thumbnail\">\n <div class=\"list-group-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-80x80.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-160x160.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/news-thumbs/news_thumb-540x540.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-1080x1080.jpg 2x\">\n <img src=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n <div class=\"list-group-content\">\n <div class=\"record-content\">\n <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n </div>\n <div class=\"item-metadata\">\n <p class=\"item-date\">18.11.2019</p>\n <p class=\"item-links small\">\n <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n </p>\n </div>\n </div>\n </div>\n</div>\n </div>\n </div>\n </div>\n\n <hr class=\"darker\">\n\n <div class=\"container people-contents\">\n \n <div class=\"my-5\">\n <h2 id=\"teaching-and-phd\">Enseignement <span class=\"sr-only\">of Xavier Alexandre</span></h2>\n <div class=\"mt-5\">\n <h3 class=\"h4\">Matières enseignées</h3>\n <p>Informatique, Systèmes de communication, Architecture logiciels</p>\n <h3 class=\"h4\">Programmes doctoraux</h3>\n <p>Doctoral program in computer and communication science, Doctoral program in Electrical Engineering</p>\n <h3 class=\"h4\">Doctorant·es</h3>\n <p><a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a></p>\n <h3 class=\"h4\">Ancien·nes doctorant·es</h3>\n <p><a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a></p>\n </div>\n <div class=\"mt-5\">\n <h3>Cours <span class=\"sr-only\">of Xavier Alexandre</span></h3>\n <div class=\"list-group\">\n <div class=\"list-group-item list-group-item-borderless\">\n <h4><a href=\"#\">Nom du cours</a></h4>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n </div>\n <div class=\"list-group-item list-group-item-borderless\">\n <h4><a href=\"#\">Nom du cours</a></h4>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n </div>\n <div class=\"list-group-item list-group-item-borderless\">\n <h4><a href=\"#\">Nom du cours</a></h4>\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <hr class=\"darker\">\n\n <div class=\"container people-contents\">\n \n <div class=\"mt-5\">\n <h2 id=\"research\">Recherche <span class=\"sr-only\">of Xavier Alexandre</span></h2>\n <div class=\"mt-5\">\n <h3>Sujets</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n\n <h3>Projets de recherche en cours</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n </div>\n </div>\n </div>\n\n </div>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49879
49889
|
|
|
49880
49890
|
/***/ }),
|
|
49881
49891
|
|
|
@@ -49931,7 +49941,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49931
49941
|
/***/ (function(module) {
|
|
49932
49942
|
|
|
49933
49943
|
"use strict";
|
|
49934
|
-
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n <a href=\"#\" class=\"tag tag-primary\">W3C</a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">School of Architecture, Civil and Environmental Engineering</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">ENAC Faculty</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC Faculty</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability challenges</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li><a href=\"#\">News</a></li>\n <li class=\"active\">\n <a href=\"#\">\n ENAC Faculty\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Organization</a></li>\n <li><a href=\"#\">Projects</a></li>\n <li><a href=\"#\">Publications</a></li>\n <li><a href=\"#\">Team</a></li>\n <li><a href=\"#\">Teaching</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Sustainability challenges</a></li>\n <li><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49944
|
+
module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
|
|
49935
49945
|
|
|
49936
49946
|
/***/ }),
|
|
49937
49947
|
|
|
@@ -50121,7 +50131,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"classId":"classID","dataType":"datat
|
|
|
50121
50131
|
/***/ (function(module) {
|
|
50122
50132
|
|
|
50123
50133
|
"use strict";
|
|
50124
|
-
module.exports = /*#__PURE__*/JSON.parse('{"title":"Alert","name":"alert","notes":"Alerts help explain people what is going on in the system. Either for a success or a problem: the message should be clear. Green, blue and orange colours are specific to the alert component: **don\'t use them elsewhere**.\\n","variants":[{"name":"types","title":"Alert types","notes":"There is **4 variations** of the alert component:\\n* `alert-success` — used to confirm a completed task or the successful submission of a form.\\n* `alert-info` — used to display an interesting yet non-critical information.\\n* `alert-warning` — used for unexpected events, that people must pay attention.\\n* `alert-danger` — used for critical information: an error or the unavailability of a service.\\n"}]}');
|
|
50134
|
+
module.exports = /*#__PURE__*/JSON.parse('{"title":"Alert","name":"alert","notes":"Alerts help explain people what is going on in the system. Either for a success or a problem: the message should be clear. Green, blue and orange colours are specific to the alert component: **don\'t use them elsewhere**.\\n","variants":[{"name":"types","title":"Alert types","notes":"There is **4 variations** of the alert component:\\n* `alert-success` — used to confirm a completed task or the successful submission of a form.\\n* `alert-info` — used to display an interesting yet non-critical information.\\n* `alert-warning` — used for unexpected events, that people must pay attention.\\n* `alert-danger` — used for critical information: an error or the unavailability of a service.\\n"},{"name":"unclosable","title":"Unclosable Alert","notes":"This variant cannot be closed by the user.\\n\\nIt can be combined with the variants of the alert component `alert-success`, `alert-info`, `alert-warning` and `alert-danger`.\\n"}]}');
|
|
50125
50135
|
|
|
50126
50136
|
/***/ }),
|
|
50127
50137
|
|
|
@@ -62315,7 +62325,7 @@ function SidebarDocs() {
|
|
|
62315
62325
|
})));
|
|
62316
62326
|
}
|
|
62317
62327
|
;// CONCATENATED MODULE: ./package.json
|
|
62318
|
-
var package_namespaceObject = {"rE":"5.
|
|
62328
|
+
var package_namespaceObject = {"rE":"5.5.0"};
|
|
62319
62329
|
;// CONCATENATED MODULE: ./reader/components/Sidebar/Sidebar.jsx
|
|
62320
62330
|
|
|
62321
62331
|
|