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.

149 lines
6.1 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="card profile-card">
<div class="card-header padding">
<div class="profile-image"><img src="https://images.unsplash.com/photo-1504629186813-5b49d61560ae?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=640"/></div>
<div class="profile-name">...</div>
<div class="profile-location"><i class="fas fa-map-marker"></i> ...</div>
</div>
<div class="card-content padding">
</div>
</div>
<div class="row">
<div class="col-100 medium-50 large-33">
<div class="card">
<div class="card-content row no-gap align-items-stretch">
<div class="col-15 small-10 display-flex justify-content-center align-items-center">
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
</div>
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
wre ghre iog
</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-15 small-10 display-flex justify-content-center align-items-center">
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
</div>
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
wre ghre iog
</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-15 small-10 display-flex justify-content-center align-items-center">
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
</div>
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
wre ghre iog
</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-15 small-10 display-flex justify-content-center align-items-center">
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
</div>
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
wre ghre iog
</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-15 small-10 display-flex justify-content-center align-items-center">
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
</div>
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
wre ghre iog
</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-15 small-10 display-flex justify-content-center align-items-center">
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
</div>
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
wre ghre iog
</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-15 small-10 display-flex justify-content-center align-items-center">
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
</div>
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
wre ghre iog
</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-15 small-10 display-flex justify-content-center align-items-center">
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
</div>
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
wre ghre iog
</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-15 small-10 display-flex justify-content-center align-items-center">
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
</div>
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
wre ghre iog
</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-15 small-10 display-flex justify-content-center align-items-center">
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
</div>
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
wre ghre iog
</div>
</div>
</div>
</div>
</div>