This repository has been archived by the owner on Jul 11, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 26
/
index.html
83 lines (73 loc) · 3.35 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!doctype html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Card</title>
<link rel="stylesheet" href="demo.css">
<link href='//fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en' rel='stylesheet' type='text/css'>
<style>
div.loading { visibility: hidden; }
body.wsk-upgrading > * { visibility: hidden; }
body.wsk-upgrading div.loading { visibility: visible; }
</style>
</head>
<body class="wsk-upgrading"> <div class="loading">Loading...</div>
<div class="PreviewBlock">
<div class="wsk-card wsk-shadow--z1">
<div class="wsk-card--img-container">
</div>
<div class="wsk-card--heading">
<span class="wsk-card--heading-text">Integer lectus lacus, condimentum vitae lectus vitae</span>
</div>
<div class="wsk-card--caption">
March 24th, 2014
</div>
<div class="wsk-card--lower">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia. Donec ut risus suscipit, convallis diam et, mattis urna. Phasellus sit amet ipsum nisl. Aliquam sed dictum neque. Vestibulum tempus at lacus et volutpat. Mauris molestie vel mauris id scelerisque.
</div>
<div class="wsk-card--bottom">
<a href="">Some Action</a>
</div>
</div>
<div class="wsk-card wsk-shadow--z2">
<div class="wsk-card--img-container">
</div>
<div class="wsk-card--heading">
<span class="wsk-card--heading-text">Integer lectus lacus, condimentum vitae lectus vitae</span>
</div>
<div class="wsk-card--caption">
March 24th, 2014
</div>
<div class="wsk-card--lower">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia. Donec ut risus suscipit, convallis diam et, mattis urna. Phasellus sit amet ipsum nisl. Aliquam sed dictum neque. Vestibulum tempus at lacus et volutpat. Mauris molestie vel mauris id scelerisque.
</div>
<div class="wsk-card--bottom">
<a href="">Some Action</a>
</div>
</div>
<div class="wsk-card wsk-shadow--z3">
<div class="wsk-card--img-container">
</div>
<div class="wsk-card--heading">
<span class="wsk-card--heading-text">Integer lectus lacus, condimentum vitae lectus vitae</span>
</div>
<div class="wsk-card--caption">
March 24th, 2014
</div>
<div class="wsk-card--lower">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia. Donec ut risus suscipit, convallis diam et, mattis urna. Phasellus sit amet ipsum nisl. Aliquam sed dictum neque. Vestibulum tempus at lacus et volutpat. Mauris molestie vel mauris id scelerisque.
</div>
<div class="wsk-card--bottom">
<a href="">Some Action</a>
</div>
</div>
</div>
<!-- start Autogenerated with gensamples.dart -->
<script type="application/dart" src="main.dart"></script>
<script type="text/javascript" src="packages/browser/dart.js"></script>
<!-- end Autogenerated with gensamples.dart -->
</body>
</html>