Technical documentation

Get started with EPFL Theme Elements for building responsive, mobile-first sites.

Quick start

Looking to quickly add EPFL Theme Elements to your project?

Several quick start options are available:

• Web2018 CDN
• Package managers
• Download

Contents

Discover what's included in EPFL Theme Elements.

dist/
├──css/
│  └── elements.min.css
├──icons/
│  ├── apple-touch-icon.png
│  ├── epfl-logo.png
│  ├── epfl-logo.svg
│  ├── epfl-logo-negative.svg
│  ├── favicon-16.png
│  ├── favicon-32.png
│  ├── favicon.ico
|  ├── feather-sprite.svg
│  ├── icons.svg
│  └── square.png
├──images/
│  └── icons/
│      ├── icon-course-exercise.svg
│      ├── icon-course-project.svg
│      └── icon-teaser-video.svg
└──js/
   ├── elements.min.js.LICENSE.txt
   ├── elements.min.js
   └── vendors.min.js.LICENSE.txt

CSS

Our elements.min.css define/use the Suisse Int'l fonts.

JS

Our elements.min.js already include jQuery.

Utilities

• Opacity
• Sizing
• Text