You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
2.6 KiB
HTML
58 lines
2.6 KiB
HTML
<!--
|
|
Copyright 2020 Netsyms Technologies.
|
|
This Source Code Form is subject to the terms of the Mozilla Public
|
|
License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
-->
|
|
<div class="row justify-content-center">
|
|
<div class="col-100 medium-50 large-33">
|
|
<div class="card">
|
|
<div class="card-content row no-gap align-items-stretch">
|
|
<div class="col-25 small-20 display-flex justify-content-center align-items-center">
|
|
<div style="font-size: 140%; color: rgba(76,175,80,0.8);">+230</div>
|
|
</div>
|
|
<div class="col-75 small-80 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
|
|
<b>John Doe</b>
|
|
<br />
|
|
<div class="chip">
|
|
<div class="chip-media bg-color-green">
|
|
<i class="fas fa-comment-check"></i>
|
|
</div>
|
|
<div class="chip-label">Honest</div>
|
|
</div>
|
|
<div class="chip">
|
|
<div class="chip-media bg-color-blue">
|
|
<i class="fas fa-car-mechanic"></i>
|
|
</div>
|
|
<div class="chip-label">Auto Mechanic</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-100 medium-50 large-33">
|
|
<div class="card">
|
|
<div class="card-content row no-gap align-items-stretch">
|
|
<div class="col-25 small-20 display-flex justify-content-center align-items-center">
|
|
<div style="font-size: 140%; color: rgba(76,175,80,0.8);">+197</div>
|
|
</div>
|
|
<div class="col-75 small-80 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
|
|
<b>Jane Doe</b>
|
|
<br />
|
|
<div class="chip">
|
|
<div class="chip-media bg-color-green">
|
|
<i class="fas fa-comment-check"></i>
|
|
</div>
|
|
<div class="chip-label">Honest</div>
|
|
</div>
|
|
<div class="chip">
|
|
<div class="chip-media bg-color-blue">
|
|
<i class="fas fa-car-mechanic"></i>
|
|
</div>
|
|
<div class="chip-label">Auto Mechanic</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |