epfl-elements 5.2.7 → 5.3.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/dist/icons/icons.svg +1 -1
- package/dist/js/reader.js +7 -7
- package/dist/js/reader.min.js +2 -2
- package/dist/js/reader.min.js.map +1 -1
- package/dist/js/vendors.js +177 -241
- package/dist/js/vendors.min.js +1 -1
- package/dist/js/vendors.min.js.LICENSE.txt +1 -1
- package/dist/package.json +2 -2
- package/package.json +2 -2
package/dist/js/reader.js
CHANGED
|
@@ -47712,7 +47712,7 @@ module.exports = "<table class=\"table\">\n <tbody>\n <tr>\n <t
|
|
|
47712
47712
|
/***/ (function(module) {
|
|
47713
47713
|
|
|
47714
47714
|
"use strict";
|
|
47715
|
-
module.exports = "<table class=\"table\">\n <tbody>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-accessibility\"></use></svg>\n</td>\n <td><code>#icon-accessibility</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n</td>\n <td><code>#icon-arrow-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n</td>\n <td><code>#icon-arrow-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-bluesky\"></use></svg>\n</td>\n <td><code>#icon-bluesky</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-browse\"></use></svg>\n</td>\n <td><code>#icon-browse</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n</td>\n <td><code>#icon-chevron-last-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n</td>\n <td><code>#icon-chevron-last-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n</td>\n <td><code>#icon-chevron-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</td>\n <td><code>#icon-chevron-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-elements\"></use></svg>\n</td>\n <td><code>#icon-elements</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-chicken-farm-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-chicken-farm-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-cow-farm-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-cow-farm-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-fish-water-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-fish-water-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-fish-water\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-fish-water</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-pig-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-pig-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-sheep-farm-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-sheep-farm-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-innovation-park-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-innovation-park-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-innovation-park\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-innovation-park</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-pavillon\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-pavillon</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-stcc-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-stcc-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-stcc\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-stcc</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-stone-rolex\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-stone-rolex</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-aggrieved-unhappy\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-aggrieved-unhappy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-amazed-surprised\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-amazed-surprised</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-angry-disappointed\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-angry-disappointed</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-bored-double\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-bored-double</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-bored-emotion\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-bored-emotion</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-dialog\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-dialog</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-group\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-group</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-management\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-management</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-relationship\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-relationship</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-scientist\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-scientist</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-smiley-happy\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-smiley-happy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-uncomfortable-not\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-uncomfortable-not</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-uncomfortable-uneasy\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-uncomfortable-uneasy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-cdh\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-cdh</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-cdm\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-cdm</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-enac\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-enac</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-ic\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-ic</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-logo\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-logo</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-sb\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-sb</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-sti\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-sti</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-sv\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-sv</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture-basketball-ball-sport\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture-basketball-ball-sport</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture-photo-painting-satellite\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture-photo-painting-satellite</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture-theater-mask-drama\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture-theater-mask-drama</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-coins\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-coins</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-bill\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-bill</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-card\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-card</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-medal\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-medal</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-pay\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-pay</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-beer-tankard\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-beer-tankard</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-coffee-drink\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-coffee-drink</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-compost-recycle\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-compost-recycle</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-dishes-restaurant\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-dishes-restaurant</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-drink-undrinkable\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-drink-undrinkable</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-menu-restaurant\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-menu-restaurant</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-party-beer-apero\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-party-beer-apero</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-vegetarian-menu\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-vegetarian-menu</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-vegetarian-vegan\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-vegetarian-vegan</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-bacteria-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-bacteria-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-bacteria\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-bacteria</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-elbow\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-elbow</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-mask\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-mask</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-gender-equality\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-gender-equality</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-gender-girl-power\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-gender-girl-power</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-gender-woman-power\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-gender-woman-power</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-heart-apple\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-heart-apple</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-heart-eye\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-heart-eye</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-heart-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-heart-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-hopital-red-science-light-bulb\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-hopital-red-science-light-bulb</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-medical-center\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-medical-center</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-pharmacy\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-pharmacy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-transgender-lgbt-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-transgender-lgbt-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-transgender-lgbt\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-transgender-lgbt</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-bed-house\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-bed-house</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-cut-scissor\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-cut-scissor</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-glasses-eyes\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-glasses-eyes</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-shopping-bag\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-shopping-bag</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-shopping-stores-cart\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-shopping-stores-cart</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-balloon-instruction\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-balloon-instruction</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-collaboration\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-collaboration</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-isea-square\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-isea-square</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-money-save\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-money-save</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-search-zoom\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-search-zoom</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-settings-volume\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-settings-volume</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-cold-winter\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-cold-winter</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-flower-natural\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-flower-natural</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-planet-space\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-planet-space</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-plant-growing\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-plant-growing</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-plant-label\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-plant-label</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-seasons\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-seasons</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-star-snow\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-star-snow</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-sun-sunny\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-sun-sunny</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-sun-winter\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-sun-winter</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-wind-leaf\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-wind-leaf</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-fight-fist-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-fight-fist-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-fight-fist-feminism\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-fight-fist-feminism</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-fight-fist\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-fight-fist</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-flag-emblem\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-flag-emblem</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-hand-clap\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-hand-clap</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-hand-handshake\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-hand-handshake</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-student-school\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-student-school</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-agriculture-nutrition\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-agriculture-nutrition</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-animals-mouse-rat-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-animals-mouse-rat-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-animals-mouse-rat\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-animals-mouse-rat</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-atom-neutron\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-atom-neutron</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-axes-physics\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-axes-physics</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-Bertarelli-foundation\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-Bertarelli-foundation</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-bio-bioinformatic\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-bio-bioinformatic</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-bioengineering-technology\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-bioengineering-technology</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-biological-electron\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-biological-electron</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-biological-optic\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-biological-optic</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-biomolecular-screening\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-biomolecular-screening</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-brain-think\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-brain-think</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-brain-tought\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-brain-tought</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-cell-virus\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-cell-virus</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-einstein-invent\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-einstein-invent</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-experiment-biology\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-experiment-biology</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-experiment-buoy\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-experiment-buoy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-experiment-choc\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-experiment-choc</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-explosion-experiment\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-explosion-experiment</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-flow-cytometry\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-flow-cytometry</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-gene-expression\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-gene-expression</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-genome-helix\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-genome-helix</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-glasses-corbusier\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-glasses-corbusier</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-graph-search\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-graph-search</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-histology-core\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-histology-core</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-idea-learn\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-idea-learn</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-chemistry-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-chemistry-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-chemistry-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-chemistry-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-chemistry\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-chemistry</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-research\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-research</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-researcher\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-researcher</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-light-bulb-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-light-bulb-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-light-bulb\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-light-bulb</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-mathematics-cube-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-mathematics-cube-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-mathematics-cube-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-mathematics-cube-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-mathematics-cube\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-mathematics-cube</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-microscope-research\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-microscope-research</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-pollution-power-plant\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-pollution-power-plant</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-protein-production\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-protein-production</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-proteomics-core\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-proteomics-core</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-read-education\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-read-education</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-research-atom\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-research-atom</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-rocket-space-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-rocket-space-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-rocket-space-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-rocket-space-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-rocket-space\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-rocket-space</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-technology-solar-panels\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-technology-solar-panels</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-toxic-pollution-radiate\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-toxic-pollution-radiate</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-computer-laptop-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-computer-laptop-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-computer-laptop\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-computer-laptop</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-dislike-unlike\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-dislike-unlike</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-drone-fly-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-drone-fly-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-drone-fly\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-drone-fly</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-home-wifi\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-home-wifi</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-like-social\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-like-social</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-phone-smartphone\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-phone-smartphone</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-button\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-button</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-light\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-light</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-on\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-on</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-shutdown\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-shutdown</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-archeology-P-pottery-alphabet-parking\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-archeology-P-pottery-alphabet-parking</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-bike-bicycle\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-bike-bicycle</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-bike-pump\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-bike-pump</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-foodtruck-food\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-foodtruck-food</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-metro\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-metro</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-pump-bike\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-pump-bike</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-race-sport-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-race-sport-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-race-sport\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-race-sport</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-train\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-train</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n</td>\n <td><code>#icon-facebook</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-googleplus\"></use></svg>\n</td>\n <td><code>#icon-googleplus</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n</td>\n <td><code>#icon-home</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n</td>\n <td><code>#icon-info</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n</td>\n <td><code>#icon-instagram</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n</td>\n <td><code>#icon-linkedin</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</td>\n <td><code>#icon-lock</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mail-plane\"></use></svg>\n</td>\n <td><code>#icon-mail-plane</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n</td>\n <td><code>#icon-mastodon</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n</td>\n <td><code>#icon-triangle</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n</td>\n <td><code>#icon-search</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search-bold\"></use></svg>\n</td>\n <td><code>#icon-search-bold</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n</td>\n <td><code>#icon-twitter</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-upload\"></use></svg>\n</td>\n <td><code>#icon-upload</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-whatsapp\"></use></svg>\n</td>\n <td><code>#icon-whatsapp</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n</td>\n <td><code>#icon-planet</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-tiktok\"></use></svg>\n</td>\n <td><code>#icon-tiktok</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n</td>\n <td><code>#icon-youtube</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n</td>\n <td><code>#icon-x</code></td>\n </tr>\n </tbody>\n</table>\n";
|
|
47715
|
+
module.exports = "<table class=\"table\">\n <tbody>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-accessibility\"></use></svg>\n</td>\n <td><code>#icon-accessibility</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n</td>\n <td><code>#icon-arrow-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n</td>\n <td><code>#icon-arrow-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-bluesky\"></use></svg>\n</td>\n <td><code>#icon-bluesky</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-browse\"></use></svg>\n</td>\n <td><code>#icon-browse</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n</td>\n <td><code>#icon-chevron-last-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n</td>\n <td><code>#icon-chevron-last-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n</td>\n <td><code>#icon-chevron-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</td>\n <td><code>#icon-chevron-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-elements\"></use></svg>\n</td>\n <td><code>#icon-elements</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-chicken-farm-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-chicken-farm-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-cow-farm-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-cow-farm-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-fish-water-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-fish-water-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-fish-water\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-fish-water</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-pig-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-pig-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-sheep-farm-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-sheep-farm-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-innovation-park-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-innovation-park-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-innovation-park\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-innovation-park</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-pavillon\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-pavillon</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-stcc-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-stcc-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-stcc\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-stcc</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-stone-rolex\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-stone-rolex</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-aggrieved-unhappy\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-aggrieved-unhappy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-amazed-surprised\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-amazed-surprised</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-angry-disappointed\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-angry-disappointed</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-bored-double\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-bored-double</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-bored-emotion\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-bored-emotion</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-dialog\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-dialog</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-group\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-group</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-management\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-management</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-relationship\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-relationship</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-scientist\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-scientist</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-smiley-happy\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-smiley-happy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-uncomfortable-not\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-uncomfortable-not</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-uncomfortable-uneasy\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-uncomfortable-uneasy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-cdh\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-cdh</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-cdm\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-cdm</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-enac\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-enac</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-ic\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-ic</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-logo\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-logo</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-sb\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-sb</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-sti\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-sti</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-sv\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-sv</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture-basketball-ball-sport\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture-basketball-ball-sport</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture-photo-painting-satellite\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture-photo-painting-satellite</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture-theater-mask-drama\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture-theater-mask-drama</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-coins\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-coins</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-bill\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-bill</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-card\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-card</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-medal\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-medal</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-pay\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-pay</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-beer-tankard\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-beer-tankard</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-coffee-drink\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-coffee-drink</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-compost-recycle\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-compost-recycle</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-dishes-restaurant\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-dishes-restaurant</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-drink-undrinkable\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-drink-undrinkable</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-menu-restaurant\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-menu-restaurant</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-party-beer-apero\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-party-beer-apero</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-vegetarian-menu\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-vegetarian-menu</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-vegetarian-vegan\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-vegetarian-vegan</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-bacteria-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-bacteria-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-bacteria\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-bacteria</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-elbow\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-elbow</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-mask\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-mask</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-gender-equality\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-gender-equality</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-gender-girl-power\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-gender-girl-power</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-gender-woman-power\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-gender-woman-power</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-heart-apple\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-heart-apple</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-heart-eye\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-heart-eye</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-heart-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-heart-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-hopital-red-science-light-bulb\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-hopital-red-science-light-bulb</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-medical-center\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-medical-center</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-pharmacy\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-pharmacy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-transgender-lgbt-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-transgender-lgbt-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-transgender-lgbt\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-transgender-lgbt</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-bed-house\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-bed-house</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-cut-scissor\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-cut-scissor</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-glasses-eyes\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-glasses-eyes</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-shopping-bag\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-shopping-bag</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-shopping-stores-cart\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-shopping-stores-cart</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-balloon-instruction\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-balloon-instruction</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-collaboration\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-collaboration</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-isea-square\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-isea-square</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-money-save\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-money-save</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-search-zoom\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-search-zoom</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-settings-volume\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-settings-volume</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-cold-winter\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-cold-winter</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-flower-natural\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-flower-natural</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-planet-space\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-planet-space</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-plant-growing\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-plant-growing</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-plant-label\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-plant-label</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-seasons\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-seasons</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-star-snow\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-star-snow</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-sun-sunny\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-sun-sunny</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-sun-winter\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-sun-winter</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-wind-leaf\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-wind-leaf</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-fight-fist-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-fight-fist-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-fight-fist-feminism\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-fight-fist-feminism</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-fight-fist\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-fight-fist</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-flag-emblem\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-flag-emblem</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-hand-clap\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-hand-clap</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-hand-handshake\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-hand-handshake</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-student-school\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-student-school</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-agriculture-nutrition\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-agriculture-nutrition</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-animals-mouse-rat-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-animals-mouse-rat-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-animals-mouse-rat\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-animals-mouse-rat</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-atom-neutron\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-atom-neutron</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-axes-physics\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-axes-physics</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-Bertarelli-foundation\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-Bertarelli-foundation</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-bio-bioinformatic\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-bio-bioinformatic</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-bioengineering-technology\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-bioengineering-technology</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-biological-electron\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-biological-electron</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-biological-optic\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-biological-optic</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-biomolecular-screening\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-biomolecular-screening</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-brain-think\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-brain-think</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-brain-tought\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-brain-tought</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-cell-virus\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-cell-virus</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-einstein-invent\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-einstein-invent</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-experiment-biology\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-experiment-biology</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-experiment-buoy\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-experiment-buoy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-experiment-choc\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-experiment-choc</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-explosion-experiment\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-explosion-experiment</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-flow-cytometry\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-flow-cytometry</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-gene-expression\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-gene-expression</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-genome-helix\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-genome-helix</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-glasses-corbusier\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-glasses-corbusier</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-graph-search\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-graph-search</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-histology-core\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-histology-core</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-idea-learn\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-idea-learn</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-chemistry-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-chemistry-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-chemistry-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-chemistry-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-chemistry\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-chemistry</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-research\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-research</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-researcher\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-researcher</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-light-bulb-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-light-bulb-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-light-bulb\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-light-bulb</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-mathematics-cube-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-mathematics-cube-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-mathematics-cube-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-mathematics-cube-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-mathematics-cube\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-mathematics-cube</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-microscope-research\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-microscope-research</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-pollution-power-plant\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-pollution-power-plant</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-protein-production\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-protein-production</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-proteomics-core\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-proteomics-core</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-read-education\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-read-education</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-research-atom\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-research-atom</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-rocket-space-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-rocket-space-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-rocket-space-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-rocket-space-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-rocket-space\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-rocket-space</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-technology-solar-panels\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-technology-solar-panels</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-toxic-pollution-radiate\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-toxic-pollution-radiate</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-computer-laptop-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-computer-laptop-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-computer-laptop\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-computer-laptop</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-dislike-unlike\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-dislike-unlike</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-drone-fly-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-drone-fly-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-drone-fly\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-drone-fly</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-home-wifi\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-home-wifi</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-like-social\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-like-social</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-phone-smartphone\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-phone-smartphone</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-button\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-button</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-light\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-light</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-on\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-on</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-shutdown\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-shutdown</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-archeology-P-pottery-alphabet-parking\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-archeology-P-pottery-alphabet-parking</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-bike-bicycle\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-bike-bicycle</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-bike-pump\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-bike-pump</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-foodtruck-food\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-foodtruck-food</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-metro\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-metro</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-pump-bike\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-pump-bike</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-race-sport-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-race-sport-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-race-sport\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-race-sport</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-train\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-train</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n</td>\n <td><code>#icon-facebook</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-googleplus\"></use></svg>\n</td>\n <td><code>#icon-googleplus</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n</td>\n <td><code>#icon-home</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n</td>\n <td><code>#icon-info</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n</td>\n <td><code>#icon-instagram</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n</td>\n <td><code>#icon-linkedin</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</td>\n <td><code>#icon-lock</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mail-plane\"></use></svg>\n</td>\n <td><code>#icon-mail-plane</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n</td>\n <td><code>#icon-mastodon</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n</td>\n <td><code>#icon-triangle</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n</td>\n <td><code>#icon-search</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search-bold\"></use></svg>\n</td>\n <td><code>#icon-search-bold</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n</td>\n <td><code>#icon-twitter</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-translate\"></use></svg>\n</td>\n <td><code>#icon-translate</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-upload\"></use></svg>\n</td>\n <td><code>#icon-upload</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-whatsapp\"></use></svg>\n</td>\n <td><code>#icon-whatsapp</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n</td>\n <td><code>#icon-planet</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-tiktok\"></use></svg>\n</td>\n <td><code>#icon-tiktok</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n</td>\n <td><code>#icon-youtube</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n</td>\n <td><code>#icon-x</code></td>\n </tr>\n </tbody>\n</table>\n";
|
|
47716
47716
|
|
|
47717
47717
|
/***/ }),
|
|
47718
47718
|
|
|
@@ -49608,7 +49608,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49608
49608
|
/***/ (function(module) {
|
|
49609
49609
|
|
|
49610
49610
|
"use strict";
|
|
49611
|
-
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\">\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\">\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=\"#\">ENAC</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 – ENAC</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 (ENAC)</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\">\n <a class=\"bread-link\" href=\"#\">Sustainability challenges</a>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">FUSTIC association</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 – FUSTIC association</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">ENAC Clusters</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Interdisciplinary Centers</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">FUSTIC association</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability grants</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=\"#\">S'inscrire au Master</a></li>\n <li><a href=\"#\">Plan d'études</a></li>\n <li><a href=\"#\">En cours d'études</a></li>\n <li><a href=\"#\">Mineurs</a></li>\n <li><a href=\"#\">Projets de semestre</a></li>\n <li class=\"active\">\n <a href=\"#\">Projets de Master <span class=\"sr-only\">(page courante)</span></a>\n <ul>\n <li><a href=\"#\">Projets par laboratoire</a></li>\n <li><a href=\"#\">Master's project expectations</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Contacts</a></li>\n <li><a href=\"#\">Stages</a></li>\n <li><a href=\"#\">Bourse de recherche du programme MSc</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/\">Facts</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/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</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/admission/fr/\">Admission</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/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 </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/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</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/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</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/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</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/domains/fr/\">Domaines d'innovation</a>\n </li>\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/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";
|
|
49611
|
+
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/\">Facts</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/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</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/admission/fr/\">Admission</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/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 </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/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</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/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</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/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</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/domains/fr/\">Domaines d'innovation</a>\n </li>\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/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";
|
|
49612
49612
|
|
|
49613
49613
|
/***/ }),
|
|
49614
49614
|
|
|
@@ -49616,7 +49616,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49616
49616
|
/***/ (function(module) {
|
|
49617
49617
|
|
|
49618
49618
|
"use strict";
|
|
49619
|
-
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\">\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\">\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=\"#\">ENAC</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 – ENAC</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 (ENAC)</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\">\n <a class=\"bread-link\" href=\"#\">Sustainability challenges</a>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">FUSTIC association</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 – FUSTIC association</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">ENAC Clusters</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Interdisciplinary Centers</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">FUSTIC association</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability grants</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=\"#\">S'inscrire au Master</a></li>\n <li><a href=\"#\">Plan d'études</a></li>\n <li><a href=\"#\">En cours d'études</a></li>\n <li><a href=\"#\">Mineurs</a></li>\n <li><a href=\"#\">Projets de semestre</a></li>\n <li class=\"active\">\n <a href=\"#\">Projets de Master <span class=\"sr-only\">(page courante)</span></a>\n <ul>\n <li><a href=\"#\">Projets par laboratoire</a></li>\n <li><a href=\"#\">Master's project expectations</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Contacts</a></li>\n <li><a href=\"#\">Stages</a></li>\n <li><a href=\"#\">Bourse de recherche du programme MSc</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";
|
|
49619
|
+
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";
|
|
49620
49620
|
|
|
49621
49621
|
/***/ }),
|
|
49622
49622
|
|
|
@@ -49624,7 +49624,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49624
49624
|
/***/ (function(module) {
|
|
49625
49625
|
|
|
49626
49626
|
"use strict";
|
|
49627
|
-
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\">\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\">\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=\"#\">ENAC</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 – ENAC</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 (ENAC)</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\">\n <a class=\"bread-link\" href=\"#\">Sustainability challenges</a>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">FUSTIC association</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 – FUSTIC association</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">ENAC Clusters</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Interdisciplinary Centers</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">FUSTIC association</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability grants</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=\"#\">S'inscrire au Master</a></li>\n <li><a href=\"#\">Plan d'études</a></li>\n <li><a href=\"#\">En cours d'études</a></li>\n <li><a href=\"#\">Mineurs</a></li>\n <li><a href=\"#\">Projets de semestre</a></li>\n <li class=\"active\">\n <a href=\"#\">Projets de Master <span class=\"sr-only\">(page courante)</span></a>\n <ul>\n <li><a href=\"#\">Projets par laboratoire</a></li>\n <li><a href=\"#\">Master's project expectations</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Contacts</a></li>\n <li><a href=\"#\">Stages</a></li>\n <li><a href=\"#\">Bourse de recherche du programme MSc</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/\">Facts</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/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</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/admission/fr/\">Admission</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/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 </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/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</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/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</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/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</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/domains/fr/\">Domaines d'innovation</a>\n </li>\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/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";
|
|
49627
|
+
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/\">Facts</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/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</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/admission/fr/\">Admission</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/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 </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/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</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/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</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/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</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/domains/fr/\">Domaines d'innovation</a>\n </li>\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/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";
|
|
49628
49628
|
|
|
49629
49629
|
/***/ }),
|
|
49630
49630
|
|
|
@@ -49640,7 +49640,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49640
49640
|
/***/ (function(module) {
|
|
49641
49641
|
|
|
49642
49642
|
"use strict";
|
|
49643
|
-
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 class=\"active\">\n <a href=\"#\">\n Facultés\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Architecture, Civil and Environmental Engineering ENAC</a></li>\n <li><a href=\"#\">Basic Sciences SB</a></li>\n <li><a href=\"#\">Engineering STI</a></li>\n <li><a href=\"#\">Computer and Communication Sciences IC</a></li>\n <li><a href=\"#\">Life Sciences SV</a></li>\n <li><a href=\"#\">Management of Technology CDM</a></li>\n <li><a href=\"#\">College of Humanities CDH</a></li>\n <li><a href=\"#\">EPFL Middle East</a></li>\n </ul>\n </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\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Education</h1>\n </div>\n <div class=\"hero-img\">\n <img src=\"images/styleguide/gallery/gallery_01.jpg\" alt=\"IMAGE DESCRIPTION HERE\" class=\"img-fluid\">\n </div>\n </div>\n</div>\n\n<div class=\"mt-5\">\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, des liens privilégiés avec l’industrie: l’EPFL offre des conditions d’études hors du commun aux jeunes qui envisagent d’amorcer une formation supérieure dans le domaine des sciences et de la technique.\n </p>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\">\n <div class=\"container\">\n <h2 class=\"mb-4 mt-4\">Key numbers</h2>\n </div>\n <div class=\"container\">\n <div class=\"key-number-group row\">\n <div class=\"key-number-large\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <p class=\"h4\">Pays d'origine</p>\n </div>\n <div class=\"col-md-6 text-right\">\n <img src=\"images/styleguide/key-numbers/collaborations.png\" alt=\"\">\n </div>\n </div>\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number-large\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <p class=\"h4\">Pays d'origine</p>\n </div>\n <div class=\"col-md-6 text-right\">\n <img src=\"images/styleguide/key-numbers/collaborations.png\" alt=\"\">\n </div>\n </div>\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\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 class=\"mb-4 mt-4\">Cursus</h2>\n <div class=\"row\">\n <div class=\"col-md-4\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Doctorats</h3>\n <p class=\"card-text\">Une école doctorale de 20 programmes pour 20 disciplines, qui catalysent une communauté scientifique toujours plus dynamique et innovante.</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-4\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Doctorats</h3>\n <p class=\"card-text\">Une école doctorale de 20 programmes pour 20 disciplines, qui catalysent une communauté scientifique toujours plus dynamique et innovante.</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-4\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Doctorats</h3>\n <p class=\"card-text\">Une école doctorale de 20 programmes pour 20 disciplines, qui catalysent une communauté scientifique toujours plus dynamique et innovante.</p>\n </div>\n</a>\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 mt-5\">\n <div class=\"overflow-hidden\">\n <div class=\"container\">\n <h2 class=\"mb-4 mt-4\">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</div>\n\n<div class=\"container py-5 mt-5\">\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=\"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-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=\"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-4\">\n <div class=\"links-group\">\n <h5 id=\"links-group-title\">Plus d'informations sur la faculté</h5>\n <ul class=\"list-unstyled\">\n <li><a class=\"link-pretty\" href=\"#\">Tous les laboratoires de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Liste des professeurs de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Postes à pourvoir à l'ENAC</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Services internes</a></li>\n <li><a class=\"link-pretty\" href=\"#\">L'organisation de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Chaires de l'ENAC</a></li>\n </ul>\n</div>\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\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/\">Facts</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/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</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/admission/fr/\">Admission</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/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 </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/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</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/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</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/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</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/domains/fr/\">Domaines d'innovation</a>\n </li>\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/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";
|
|
49643
|
+
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 \n<div class=\"container-full\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Education</h1>\n </div>\n <div class=\"hero-img\">\n <img src=\"images/styleguide/gallery/gallery_01.jpg\" alt=\"IMAGE DESCRIPTION HERE\" class=\"img-fluid\">\n </div>\n </div>\n</div>\n\n<div class=\"mt-5\">\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, des liens privilégiés avec l’industrie: l’EPFL offre des conditions d’études hors du commun aux jeunes qui envisagent d’amorcer une formation supérieure dans le domaine des sciences et de la technique.\n </p>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\">\n <div class=\"container\">\n <h2 class=\"mb-4 mt-4\">Key numbers</h2>\n </div>\n <div class=\"container\">\n <div class=\"key-number-group row\">\n <div class=\"key-number-large\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <p class=\"h4\">Pays d'origine</p>\n </div>\n <div class=\"col-md-6 text-right\">\n <img src=\"images/styleguide/key-numbers/collaborations.png\" alt=\"\">\n </div>\n </div>\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number-large\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <p class=\"h4\">Pays d'origine</p>\n </div>\n <div class=\"col-md-6 text-right\">\n <img src=\"images/styleguide/key-numbers/collaborations.png\" alt=\"\">\n </div>\n </div>\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\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 class=\"mb-4 mt-4\">Cursus</h2>\n <div class=\"row\">\n <div class=\"col-md-4\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Doctorats</h3>\n <p class=\"card-text\">Une école doctorale de 20 programmes pour 20 disciplines, qui catalysent une communauté scientifique toujours plus dynamique et innovante.</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-4\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Doctorats</h3>\n <p class=\"card-text\">Une école doctorale de 20 programmes pour 20 disciplines, qui catalysent une communauté scientifique toujours plus dynamique et innovante.</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-4\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Doctorats</h3>\n <p class=\"card-text\">Une école doctorale de 20 programmes pour 20 disciplines, qui catalysent une communauté scientifique toujours plus dynamique et innovante.</p>\n </div>\n</a>\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 mt-5\">\n <div class=\"overflow-hidden\">\n <div class=\"container\">\n <h2 class=\"mb-4 mt-4\">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</div>\n\n<div class=\"container py-5 mt-5\">\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=\"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-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=\"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-4\">\n <div class=\"links-group\">\n <h5 id=\"links-group-title\">Plus d'informations sur la faculté</h5>\n <ul class=\"list-unstyled\">\n <li><a class=\"link-pretty\" href=\"#\">Tous les laboratoires de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Liste des professeurs de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Postes à pourvoir à l'ENAC</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Services internes</a></li>\n <li><a class=\"link-pretty\" href=\"#\">L'organisation de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Chaires de l'ENAC</a></li>\n </ul>\n</div>\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\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/\">Facts</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/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</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/admission/fr/\">Admission</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/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 </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/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</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/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</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/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</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/domains/fr/\">Domaines d'innovation</a>\n </li>\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/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";
|
|
49644
49644
|
|
|
49645
49645
|
/***/ }),
|
|
49646
49646
|
|
|
@@ -49712,7 +49712,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49712
49712
|
/***/ (function(module) {
|
|
49713
49713
|
|
|
49714
49714
|
"use strict";
|
|
49715
|
-
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 <div class=\"alert alert-info\">\n <h4>container-grid</h4>\n <p>The <strong>.container-grid</strong> class is used to wrap the whole content of a page. All the direct childs of this wrapper (text blocks for example) will have a maximum width, to ensure a good readability</p>\n </div>\n\n <div class=\"container-full\">\n <div class=\"alert alert-warning\">\n <h4>container-full</h4>\n <p>Inside of the <strong>.container-grid</strong>, you can use the <strong>.container-full</strong> class to make a component take the full width page.</p>\n </div>\n </div>\n\n <div class=\"container\">\n <div class=\"alert alert-success\">\n <h4>container</h4>\n <p>This <strong>.container</strong> class is the bootstrap defaut one. When used, It will fallback to the default bootstrap behavior, that can be divided with rows, columns, etc... (see <a href=\"https://getbootstrap.com/docs/4.6/layout/grid/\">the Bootstrap documentation)</a></p>\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 <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/\">Facts</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/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</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/admission/fr/\">Admission</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/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 </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/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</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/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</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/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</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/domains/fr/\">Domaines d'innovation</a>\n </li>\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/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";
|
|
49715
|
+
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 <div class=\"alert alert-info\">\n <h4>container-grid</h4>\n <p>The <strong>.container-grid</strong> class is used to wrap the whole content of a page. All the direct childs of this wrapper (text blocks for example) will have a maximum width, to ensure a good readability</p>\n </div>\n\n <div class=\"container-full\">\n <div class=\"alert alert-warning\">\n <h4>container-full</h4>\n <p>Inside of the <strong>.container-grid</strong>, you can use the <strong>.container-full</strong> class to make a component take the full width page.</p>\n </div>\n </div>\n\n <div class=\"container\">\n <div class=\"alert alert-success\">\n <h4>container</h4>\n <p>This <strong>.container</strong> class is the bootstrap defaut one. When used, It will fallback to the default bootstrap behavior, that can be divided with rows, columns, etc... (see <a href=\"https://getbootstrap.com/docs/4.6/layout/grid/\">the Bootstrap documentation)</a></p>\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 <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/\">Facts</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/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</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/admission/fr/\">Admission</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/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 </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/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</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/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</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/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</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/domains/fr/\">Domaines d'innovation</a>\n </li>\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/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";
|
|
49716
49716
|
|
|
49717
49717
|
/***/ }),
|
|
49718
49718
|
|
|
@@ -62176,7 +62176,7 @@ function SidebarDocs() {
|
|
|
62176
62176
|
})));
|
|
62177
62177
|
}
|
|
62178
62178
|
;// CONCATENATED MODULE: ./package.json
|
|
62179
|
-
var package_namespaceObject = {"rE":"5.2.
|
|
62179
|
+
var package_namespaceObject = {"rE":"5.2.7"};
|
|
62180
62180
|
;// CONCATENATED MODULE: ./reader/components/Sidebar/Sidebar.jsx
|
|
62181
62181
|
|
|
62182
62182
|
|