-
Notifications
You must be signed in to change notification settings - Fork 0
/
items.html
85 lines (81 loc) · 3.42 KB
/
items.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
84
85
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!--CSS Import-->
<link rel="stylesheet" href="css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="css/qolak.header.css">
<link rel="stylesheet" href="css/qolak.body.css">
<link rel="stylesheet" href="css/qolak.footer.css">
<!--JavaScript Import-->
<script src="js/jquery.min.js"></script>
<script src="js/materialize.min.js"></script>
<!--Scripts for initializing some objects for materializecss-->
<script src="js/qolak.js"></script>
<!--Card-item CSS Import-->
<link rel="stylesheet" href="css/card-item.css">
<!--Card-item JavaScript Import-->
<script src="js/jquery.knob.js"></script>
<script src="js/card-item.js"></script>
</head>
<body>
<div class="row items-row">
<!--Card Item-->
<div class="card-obj col l4 m6 s12 right">
<div class="card hoverable card-item">
<!--Item Image Container-->
<div class="row item-img large card-image waves-effect waves-block waves-light" style="background-image: url('img/office.jpg');"></div>
<!--Card Title-->
<div class="row item-detail white">
<div class="col s12">
<h5>
<a href="http://poolpol.com/campaigns/100-artists-100-interviews/">۱۰۰ هنرمند، ۱۰۰ مصاحبه</a>
</h5>
</div>
<!--Card Description-->
<div class="col s12 desc">
هنرمندان سرشناس ایرانی چگونه پول لازم برای پروژههای هنریشان را تهیه میکردند؟ بهویژه زمانی که هنوز سرشناس نبودند؟
</div>
<div class="row divider"></div>
<!--Card Item Details-->
<div class="item-row">
<div class="row ">
<!--Card Item Progress Pie-->
<div class="col s4">
<div class="left pie">
<input class="progKnob pie" value="55" data-label="55%" data-angleOffset='-125' data-angleArc='250'>
</div>
</div>
<!--Card Item Pledge Amount-->
<div class="col s8">
<div class="row">
پیشپرداختها:<span> 3,670,000 ریال </span>
</div>
<div class="row">
<!--Card Item Bakers-->
<div class="col s7 right center-align white-text light-blue lighten-1">
<p>پشتیبانها</p><span> 5 </span>
</div>
<!--Card Item Days Pie-->
<div class="col s4 right pie">
<input class="dayKnob pie" value="20" data-label="20 روز" data-angleOffset='-125' data-angleArc='250'>
</div>
</div>
</div>
</div>
<!--Card Item Location-->
<div class="row light-blue darken-4 card-location white-text">
<i class="material-icons tiny">room</i>ایران
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>