blob: 8b8138cb9c91afabfe16e1dd0cde3f314ce573aa [file] [log] [blame]
Javier López-Contreras6d1d72d2018-12-27 23:17:18 +01001<!DOCTYPE html>
2<html>
3 <head>
4 <meta charset="utf-8">
5 <title>Graf alternatiu FME</title>
6
7 <meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
8
9 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
10 <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.blue_grey-blue.min.css" />
11
12 <style>
13 .mdl-card {
14 height: 320px;
15 }
16 .mdl-card > .mdl-card__title.graf {
17 color: #fff;
18 background: url("img/graf_screenshot.png") center top 15% no-repeat #46B6AC;
19 }
20 .misc {
21 color: #fff;
22 background: #00695C;
23 }
24 </style>
25 </head>
26 <body>
27 <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
28 <header class="mdl-layout__header">
29 <div class="mdl-layout__header-row">
30 <!-- Title -->
31 <span class="mdl-layout-title">Graf alternatiu FME</span>
32 </div>
33 </header>
34 <main class="mdl-layout__content">
35 <div class="page-content">
36 <div class="mdl-grid">
37 <div class="mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-card">
38 <div class="mdl-card__title mdl-card--expand graf">
39 <h2 class="mdl-card__title-text">El graf</h2>
40 </div>
41 <div class="mdl-card__supporting-text">
42 Una versió de només lectura del graf, optimitzada per navegadors móvils i amb una interfície millorada.
43 </div>
44 <div class="mdl-card__actions mdl-card--border">
45 <a href="graf.php" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
46 Vés-hi
47 </a>
48 </div>
49 </div>
50 <div class="mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-card">
51 <div class="mdl-card__title mdl-card--expand misc">
52 <h2 class="mdl-card__title-text">App de l'Assistent de Google</h2>
53 </div>
54 <div class="mdl-card__supporting-text">
55 Com a novetat, ara pots navegar el graf amb l'Assistent de Google! Disponible en castellà i en anglés.
56 </div>
57 <div class="mdl-card__actions mdl-card--border">
58 <a href="https://assistant.google.com/services/a/uid/000000249b9f19cb" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
59 Vés-hi
60 </a>
61 </div>
62 </div>
63 </div>
64 </div>
65 </main>
66 </div>
67 <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
68 </body>
69</html>