forked from riouwa/ciptamedia
-
Notifications
You must be signed in to change notification settings - Fork 0
/
hibah.html
126 lines (117 loc) · 4 KB
/
hibah.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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
---
title: Pendaftar Hibah
layout: info
---
<div class="container">
<div class="row m-b-lg">
<div class="col-lg-12 text-center">
<div class="navy-line"></div>
<h1>Pendaftar Hibah</h1>
</div>
</div>
<ul class="nav nav-pills nav-justified">
<li class="active"><a data-toggle="pill" href="#semua">Semua</a></li>
<li><a data-toggle="pill" href="#hardware">Perangkat Keras</a></li>
<li><a data-toggle="pill" href="#software">Perangkat Lunak</a></li>
<li><a data-toggle="pill" href="#konten">Produksi dan Penyampaian Konten</a></li>
</ul>
<div class="tab-content">
<!--semua-->
<div id="semua" class="tab-pane fade in active">
<div class="row">
<br/>
{% for hibah in site.data.hibah %}
{% assign loopindex = forloop.index | modulo: 3 %}
<div class="col-md-4">
<div class="col-md-12 well well-lg">
<a href="{{ hibah.link }}"><img class="img-responsive center-block" src="{{ hibah.gambar }}"></a>
<hr>
<a href="{{ hibah.link }}"><h4>{{ hibah.nomor }} - {{ hibah.judul | truncatewords: 10 }}</h4></a><br/>
{{ hibah.deskripsi | truncatewords: 20 }}
<hr>
<i class="fa fa-map-marker" aria-hidden="true"></i> {{ hibah.lokasi }}
</div>
</div>
{% if loopindex == 0 %}
<div class="clearfix visible-md visible-lg"></div>
{% endif %}
{% endfor %}
</div>
</div>
<!--hardware-->
<div id="hardware" class="tab-pane fade">
<div class="row">
<br/>
{% for hibah in site.data.hibah %}
{% if hibah.tipe == 'hardware' %}
{% assign counter-hard = counter-hard | plus: 1 %}
<div class="col-md-4">
<div class="col-md-12 well well-lg">
<a href="{{ hibah.link }}"><img class="img-responsive text-center" src="{{ hibah.gambar }}"></a>
<hr>
<a href="{{ hibah.link }}"><h4>{{ hibah.nomor }} - {{ hibah.judul | truncatewords: 10 }}</h4></a><br/>
{{ hibah.deskripsi | truncatewords: 20 }}
<hr>
<i class="fa fa-map-marker" aria-hidden="true"></i> {{ hibah.lokasi }}
</div>
</div>
{% assign ifindex-hard = counter-hard | modulo: 3 %}
{% if ifindex-hard == 0 %}
<div class="clearfix visible-md visible-lg"></div>
{% endif %}
{% endif %}
{% endfor %}
</div>
</div>
<!--software-->
<div id="software" class="tab-pane fade">
<div class="row">
<br/>
{% for hibah in site.data.hibah %}
{% if hibah.tipe == 'software' %}
{% assign counter-soft = counter-soft | plus: 1 %}
<div class="col-md-4">
<div class="col-md-12 well well-lg">
<a href="{{ hibah.link }}"><img class="img-responsive text-center" src="{{ hibah.gambar }}"></a>
<hr>
<a href="{{ hibah.link }}"><h4>{{ hibah.nomor }} - {{ hibah.judul | truncatewords: 10 }}</h4></a><br/>
{{ hibah.deskripsi | truncatewords: 20 }}
<hr>
<i class="fa fa-map-marker" aria-hidden="true"></i> {{ hibah.lokasi }}
</div>
</div>
{% assign ifindex-soft = counter-soft | modulo: 3 %}
{% if ifindex-soft == 0 %}
<div class="clearfix visible-md visible-lg"></div>
{% endif %}
{% endif %}
{% endfor %}
</div>
</div>
<!--konten-->
<div id="konten" class="tab-pane fade">
<div class="row">
<br/>
{% for hibah in site.data.hibah %}
{% if hibah.tipe == 'konten' %}
{% assign counter = counter | plus: 1 %}
<div class="col-md-4">
<div class="col-md-12 well well-lg">
<a href="{{ hibah.link }}"><img class="img-responsive text-center" src="{{ hibah.gambar }}"></a>
<hr>
<a href="{{ hibah.link }}"><h4>{{ hibah.nomor }} - {{ hibah.judul | truncatewords: 10 }}</h4></a><br/>
{{ hibah.deskripsi | truncatewords: 20 }}
<hr>
<i class="fa fa-map-marker" aria-hidden="true"></i> {{ hibah.lokasi }}
</div>
</div>
{% assign ifindex = counter | modulo: 3 %}
{% if ifindex == 0 %}
<div class="clearfix visible-md visible-lg"></div>
{% endif %}
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>