epfl-theme-elements
Version:
EPFL Web 2018 Styleguide based on elements
125 lines (101 loc) • 3.63 kB
HTML
<html lang="en">
<head>
<title>EPFL Web 2018 Styleguide based on elements</title>
<meta charset="utf-8" />
<meta name="description" content="Get started with Web2018 for building responsive, mobile-first sites." />
{{> head }}
<style>
code {
background: #eee;
}
pre {
white-space: pre-wrap;
background: #eee;
padding: 10px 5px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}
</style>
</head>
<body>
<div class="site d-flex flex-column min-vh-100">
{{> access-nav-en }}
<header class="header header-light">
<div class="header-light-content">
{{> logo }}
<p class="site-title">
<a href="/index.html">Web2018</a>
</p>
{{> search-en }}
<nav class="nav-lang nav-lang-short invisible ml-auto">
|
</nav>
</div>
</header>
<div class="main-container">
<!-- Breadcrumb - Example -->
<div class="breadcrumb-container">
<nav aria-label="breadcrumb" class="breadcrumb-wrapper" id="breadcrumb-wrapper">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="//www.epfl.ch" title="Home" aria-label="Home">
<svg class="icon" aria-hidden="true"><use xlink:href="#icon-home"></use></svg>
</a>
</li>
<li class="breadcrumb-item">
<a href="/index.html">Web2018</a>
</li>
</ol>
</nav>
</div>
<div class="nav-toggle-layout nav-aside-layout">
<div class="w-100 pb-5">
<main id="main" class="content container-grid">
<div class="container">
<h1 class="mt-4 mb-5">Web2018</h1>
<p class="lead mb-5">
If you need to make a stand-alone website or develop an EPFL
application, it is <a href="https://www.epfl.ch/campus/services/communication/en/website/">recommended</a>
to use the EPFL Web styleguide.
</p>
<div class="row">
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h2 class="h3 card-title">Elements</h2>
<p class="mb-4 card-text">
The EPFL Web Styleguide. Everything that makes up the EPFL website,
from colors to different elements.
</p>
<a href="https://epfl-si.github.io/elements/" class="btn btn-primary">Get started</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h2 class="h3 card-title">EPFL Theme Elements</h2>
<p class="mb-4 card-text">
Elements with ready to use templates, error pages and versioned assets
behind Cloudflare cache (CDN).
</p>
<a href="https://github.com/epfl-si/epfl-theme-elements/wiki/Technical-documentation" class="btn btn-primary">Get started</a>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
</div>
<div class="bg-gray-100 pt-5 mt-auto">
<div class="container">
{{> footer-light-en }}
</div>
</div>
</div>
{{> footer-scripts }}
</body>
</html>