1
0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Files
tabler/_includes/cards/image-info.html
2018-02-19 20:17:04 +01:00

69 lines
2.3 KiB
HTML

<div class="card">
<img src="{{ site.data.photos[1].small }}" class="card-img-top" alt="">
<div class="card-body">
<h4 class="mb-4">Girl & Lake</h4>
<div class="row mb-4">
<div class="col-5">
<i class="mdi mdi-camera mr-1"></i>ISO 200
</div>
<div class="col-7">
<i class="mdi mdi-camera-iris mr-1"></i>1/1000
</div>
<div class="col-5">3780 x 2984</div>
<div class="col-7">9.54 MB</div>
</div>
<div class="row">
<div class="col-5"><strong>Created:</strong></div>
<div class="col-7">09 Jun 2017 11:32AM</div>
<div class="col-5"><strong>Updated:</strong></div>
<div class="col-7">19 Jun 2017 9:43PM</div>
<div class="col-5"><strong>Bit Depth:</strong></div>
<div class="col-7">16 bit</div>
<div class="col-5"><strong>Creator:</strong></div>
<div class="col-7">{{ site.data.users[1].name }} {{ site.data.users[1].surname }}</div>
<div class="col-5"><strong>Used colors:</strong></div>
<div class="col-7">
<div class="colors-list">
<span class="colors-list-item" style="background-color: #646432"></span>
<span class="colors-list-item" style="background-color: #323232"></span>
<span class="colors-list-item" style="background-color: #c8c8fa"></span>
<span class="colors-list-item" style="background-color: #969696"></span>
<span class="colors-list-item" style="background-color: #6496c8"></span>
<span class="colors-list-item" style="background-color: #939f5f"></span>
<span class="colors-list-item" style="background-color: #3264c8"></span>
</div>
</div>
</div>
<hr>
<div class="row align-items-center mb-4">
<div class="col-5"><strong>Privacy</strong></div>
<div class="col-7">
<select class="custom-select custom-select-sm">
<option value="">Public</option>
<option value="">Private</option>
<option value="">Friends</option>
</select>
</div>
</div>
<div class="row align-items-center">
<div class="col-5"><strong>Collaborators</strong></div>
<div class="col-7">
<ul class="avatar-list avatar-list-stacked">
{% for user in site.data.users limit: 6 offset: 1 %}
<li class="avatar-list-item">
<span class="avatar avatar-sm" style="background-image: url({{ user.photo }})"></span>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>