blob: 8b8138cb9c91afabfe16e1dd0cde3f314ce573aa [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Graf alternatiu FME</title>
<meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.blue_grey-blue.min.css" />
<style>
.mdl-card {
height: 320px;
}
.mdl-card > .mdl-card__title.graf {
color: #fff;
background: url("img/graf_screenshot.png") center top 15% no-repeat #46B6AC;
}
.misc {
color: #fff;
background: #00695C;
}
</style>
</head>
<body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header">
<div class="mdl-layout__header-row">
<!-- Title -->
<span class="mdl-layout-title">Graf alternatiu FME</span>
</div>
</header>
<main class="mdl-layout__content">
<div class="page-content">
<div class="mdl-grid">
<div class="mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-card">
<div class="mdl-card__title mdl-card--expand graf">
<h2 class="mdl-card__title-text">El graf</h2>
</div>
<div class="mdl-card__supporting-text">
Una versió de només lectura del graf, optimitzada per navegadors móvils i amb una interfície millorada.
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="graf.php" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Vés-hi
</a>
</div>
</div>
<div class="mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-card">
<div class="mdl-card__title mdl-card--expand misc">
<h2 class="mdl-card__title-text">App de l'Assistent de Google</h2>
</div>
<div class="mdl-card__supporting-text">
Com a novetat, ara pots navegar el graf amb l'Assistent de Google! Disponible en castellà i en anglés.
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="https://assistant.google.com/services/a/uid/000000249b9f19cb" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Vés-hi
</a>
</div>
</div>
</div>
</div>
</main>
</div>
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
</body>
</html>