blob: 80523c8da4d3fb09e84673d76378f7c096d300fa [file] [log] [blame]
avm99963f0d15212017-10-08 17:03:22 +02001<!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>
avm99963658fae52017-10-08 23:09:16 +020013 .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 }
avm99963f0d15212017-10-08 17:03:22 +020024 </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">
avm99963658fae52017-10-08 23:09:16 +020038 <div class="mdl-card__title mdl-card--expand graf">
avm99963f0d15212017-10-08 17:03:22 +020039 <h2 class="mdl-card__title-text">El graf</h2>
40 </div>
41 <div class="mdl-card__supporting-text">
avm99963658fae52017-10-08 23:09:16 +020042 Una versió de només lectura del graf, optimitzada per navegadors móvils i amb una interfície millorada.
avm99963f0d15212017-10-08 17:03:22 +020043 </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">
avm99963658fae52017-10-08 23:09:16 +020046 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">Miscelània</h2>
53 </div>
54 <div class="mdl-card__supporting-text">
55 Mira estadístiques sobre el graf, les últimes incorporacions i rep per correu electrònic les últimes novetats del graf.
56 </div>
57 <div class="mdl-card__actions mdl-card--border">
58 <a href="javascript:alert('En construcció');" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
59 Vés-hi
avm99963f0d15212017-10-08 17:03:22 +020060 </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>