Laborum nemo nulla.
Et maiores qui.
Asperiores omnis.
Deserunt laborum vel.
Fugit officia.
Aut totam ut dicta et in ex ipsam earum. Aliquam odit quia vero enim debitis et minima. Eos consequatur at a.
Cubes: Benefits
Magni explicabo necessitatibus.
Unde ex perspiciatis est porro officiis et ratione. Quibusdam ut fugit dolorum quam delectus nisi deserunt. Nisi inventore sed fugiat omnis quisquam nemo amet.
Sequi quisquam officia.
Quia mollitia nihil tempore alias. Voluptas sed perferendis voluptatem est. Deserunt soluta velit fugit magni nam commodi.
Vel aut quo.
Cumque officia quia ea. Distinctio tempora voluptatibus ut perferendis dicta. Sed nemo nisi aut et reiciendis laudantium non.
<section>
<div class="row">
<div class="col-md-6">{IMAGE}</div>
<div class="col-md-6 my-auto">
<h2 class="mb-4 text-primary">{HEADER}</h2>
<p class="pr-md-5">{TEXT}</p>
<div class="d-flex align-items-start">
<i class="far fa-check fa-2x mx-3"></i>
<div>
<h4>{HEADER}</h4>
<p>{TEXT}</p>
</div>
</div>
<div class="d-flex align-items-start">
<i class="far fa-check fa-2x mx-3"></i>
<div>
<h4>{HEADER}</h4>
<p>{TEXT}</p>
</div>
</div>
</div>
</div>
</section>
Deleniti et autem.
Dignissimos ipsa temporibus soluta quibusdam incidunt itaque. Est ab vel sequi atque laboriosam rerum veritatis. Aliquam aspernatur voluptatem ut magnam expedita voluptas odio est.
Suscipit eos itaque optio.
Minus et deserunt minima sit quos dolorum delectus. Ducimus voluptatum adipisci sed consectetur nisi occaecati. Sequi voluptatem laborum porro numquam. Quo illo est aut voluptates et non.
Nobis quis aut.
Iure non quod iusto id. Eveniet tempore autem aperiam quod ea. Rerum aut perspiciatis sed aliquid omnis placeat.
<section>
<div class="row">
<div class="col-md-6 my-auto">
<h2 class="mb-4 text-primary">{HEADER}</h2>
<p class="pr-md-5">{TEXT}</p>
<div class="d-flex align-items-start">
<i class="far fa-check fa-2x mx-3"></i>
<div>
<h4>{HEADER}</h4>
<p>{TEXT}</p>
</div>
</div>
<div class="d-flex align-items-start">
<i class="far fa-check fa-2x mx-3"></i>
<div>
<h4>{HEADER}</h4>
<p>{TEXT}</p>
</div>
</div>
</div>
<div class="col-md-6">{IMAGE}</div>
</div>
</section>
Quas nisi eligendi non. Ut aperiam rem culpa.
Rerum quia nihil error nihil ducimus occaecati quos. Eaque perspiciatis eligendi natus. Sint quos ut iure architecto quidem quibusdam. Fugit incidunt non fugiat repudiandae animi.
Eius tenetur aut.
Et corrupti eum quibusdam sed quas. Voluptatem quis officia sint deleniti sed soluta. Laboriosam reiciendis ullam animi et non.
Itaque distinctio dolores esse.
Quam cupiditate fugit iste placeat voluptate eos voluptatem. Et iusto deleniti maiores iusto ut animi consequatur.
<section>
<div class="row">
<div class="col-md-6 my-auto">
<h2 class="mb-4 text-primary">{HEADER} <span class="text-muted">{HEADER}</span></h2>
<p class="pr-md-5">{TEXT}</p>
<div class="row mt-4" data-config-id="features_14">
<div class="col-lg-6">
<h4>{HEADER}</h4>
<p>{TEXT}</p>
</div>
<div class="col-lg-6">
<h4>{HEADER}</h4>
<p>{TEXT}</p>
</div>
</div>
</div>
<div class="col-md-6 mt-4 mt-md-0">{IMAGE}</div>
</div>
</section>
Dolorem laboriosam in. Iure quis consequatur.
Sint est aspernatur adipisci iusto quis ut. Quo ut architecto cum laborum. Numquam et nostrum animi sed. Eveniet aliquid non cum rerum nihil repellat.
Inventore rem omnis aut.
Enim animi magni minima sunt in molestiae. Ut iure qui totam veniam voluptatem corrupti libero sint. Autem mollitia placeat sit et beatae rerum.
Recusandae quas id ut necessitatibus.
Provident aliquam soluta qui omnis consequatur. Expedita nisi accusamus ex quia dolores dolores ducimus.
<section>
<div class="row">
<div class="col-md-6 mt-4 mt-md-0">{IMAGE}</div>
<div class="col-md-6 my-auto">
<h2 class="mb-4 text-primary">{HEADER} <span class="text-muted">{HEADER}</span></h2>
<p class="pr-md-5">{TEXT}</p>
<div class="row mt-4" data-config-id="features_14">
<div class="col-lg-6">
<h4>{HEADER}</h4>
<p>{TEXT}</p>
</div>
<div class="col-lg-6">
<h4>{HEADER}</h4>
<p>{TEXT}</p>
</div>
</div>
</div>
</div>
</section>
Beatae eos modi exercitationem.
Qui
Consequatur et voluptatibus impedit aspernatur. Iure sit quibusdam laborum tempora saepe magnam. Non officia est nobis vitae nemo et.
Deserunt
Distinctio iste consectetur non voluptatem dolor qui. Libero eaque omnis sit odit in sapiente qui hic. Laudantium et placeat amet ad. Aut sit magni ut natus quia nulla.
Laboriosam
Vero doloremque quas esse. Et temporibus est ipsum architecto. Rerum iusto quia quod ullam.
Dolores
Asperiores quibusdam laudantium ut cupiditate aperiam voluptatem facilis. Debitis amet praesentium nihil et dolore iure voluptatem ut. Est sunt quaerat qui doloribus.
<section class="text-center">
<h2 class="text-primary">{HEADER}</h2>
<div class="card-group">
<div class="card border-0">
<div class="card-body">
<i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i>
<h3 class="card-title">{NAME}</h3>
<p>{TEXT}</p>
</div>
</div>
<div class="card border-0">
<div class="card-body">
<i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i>
<h3 class="card-title">{NAME}</h3>
<p>{TEXT}</p>
</div>
</div>
<div class="card border-0">
<div class="card-body">
<i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i>
<h3 class="card-title">{NAME}</h3>
<p>{TEXT}</p>
</div>
</div>
<div class="card border-0">
<div class="card-body">
<i class="d-inline-block text-secondary my-4 far fa-check fa-2x"></i>
<h3 class="card-title">{NAME}</h3>
<p>{TEXT}</p>
</div>
</div>
</div>
</section>
Soluta aut vel culpa.
Fugit
Possimus molestias rem dolor suscipit atque quaerat consectetur. Officia iusto porro officiis aspernatur voluptatibus occaecati possimus optio. Distinctio quisquam voluptas totam minima.
Aliquam
Laudantium est voluptatem sit iste voluptatem tempore. Necessitatibus itaque corrupti nostrum iure ea tempora molestiae.
Ratione
Ut nihil porro et rerum. Molestiae et cumque et accusantium veritatis. Assumenda dolorem eaque esse aperiam. Voluptatem voluptatem deleniti aperiam temporibus. Non esse sit ea.
<section>
<h2 class="text-primary text-center mb-5">{HEADER}</h2>
<div class="card-deck">
<div class="card">
<img alt="" class="card-img-top" src="{IMAGE_SRC}">
<div class="card-body">
<h3 class="card-title">{NAME}</h3>
<p>{TEXT}</p>
</div>
<div class="card-footer border-top-0 bg-transparent text-right">
<a href="./">Learn more</a>
</div>
</div>
<div class="card">
<img alt="" class="card-img-top" src="{IMAGE_SRC}">
<div class="card-body">
<h3 class="card-title">{NAME}</h3>
<p>{TEXT}</p>
</div>
<div class="card-footer border-top-0 bg-transparent text-right">
<a href="./">Learn more</a>
</div>
</div>
<div class="card">
<img alt="" class="card-img-top" src="{IMAGE_SRC}">
<div class="card-body">
<h3 class="card-title">{NAME}</h3>
<p>{TEXT}</p>
</div>
<div class="card-footer border-top-0 bg-transparent text-right">
<a href="./">Learn more</a>
</div>
</div>
</div>
</section>
Cubes: Process
Eum qui eos.
Consequatur
Minus esse odit facilis dolores quis animi sint. Enim quas et quia doloribus. Delectus rerum totam dolores dolores.
Eum
Adipisci quasi voluptas sit nihil sed id nihil. Qui quas atque est dolorem ut porro vitae.
Non
Quam facere reiciendis natus laudantium dolore similique. Et inventore corporis rerum. Distinctio eligendi aut earum ipsam consequuntur odio ducimus.
Fugit
Autem sequi alias autem. Voluptatem non voluptatem nesciunt qui velit dignissimos. Suscipit natus impedit aut consequatur natus blanditiis et aliquid.
<section class="text-center">
<h2 class="text-primary">{HEADER}</h2>
<div class="card-group">
<div class="card border-0">
<div class="card-body">
<i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i>
<h3 class="card-title mb-4">{NAME}</h3>
<p class="text-left">{TEXT}</p>
</div>
</div>
<div class="card border-0">
<div class="card-body">
<i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i>
<h3 class="card-title mb-4">{NAME}</h3>
<p class="text-left">{TEXT}</p>
</div>
</div>
<div class="card border-0">
<div class="card-body">
<i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i>
<h3 class="card-title mb-4">{NAME}</h3>
<p class="text-left">{TEXT}</p>
</div>
</div>
<div class="card border-0">
<div class="card-body">
<i class="d-inline-block text-secondary my-4 far fa-comment-dots fa-3x"></i>
<h3 class="card-title mb-4">{NAME}</h3>
<p class="text-left">{TEXT}</p>
</div>
</div>
</div>
</section>
Steps to get this done
1.
Ea
Temporibus ut cupiditate explicabo inventore aut voluptatem. Rem voluptatibus eos officia beatae et. Nesciunt reiciendis autem repellendus laborum.
2.
Nostrum
Perspiciatis sed sint beatae similique dicta non. Corporis sint eius aut voluptatem neque quo ea. Aut ullam occaecati vitae rerum ab. Maxime quod ab magnam sit voluptas non qui.
3.
Eveniet
Unde amet similique et sit vel odit. Ut doloremque et et asperiores ullam doloremque ab repellat. Veniam similique quia soluta voluptates sit commodi perspiciatis sunt.
4.
Quibusdam
Quae minus a ullam ad quod. Ut qui blanditiis minus iure minima vel provident. Nihil laudantium recusandae aut adipisci officia velit.
5.
Harum
Minus dolor omnis corporis sed nihil inventore accusantium. Est hic molestiae voluptatem. Quia optio laborum laudantium quo qui sit autem.
{COMMENT}Todo: Align all p-elements with each other at the top.{/COMMENT}
<section>
<h2 class="text-primary text-center">Steps to get this done</h2>
<div class="card-group">
<div class="card border-0">
<div class="card-body">
<p class="h1 text-secondary">1.</p>
<h3 class="card-title mb-4">{NAME}</h3>
<p class="text-left">{TEXT}</p>
</div>
</div>
<div class="card border-0">
<div class="card-body">
<p class="h1 text-secondary">2.</p>
<h3 class="card-title mb-4">{NAME}</h3>
<p class="text-left">{TEXT}</p>
</div>
</div>
<div class="card border-0">
<div class="card-body">
<p class="h1 text-secondary">3.</p>
<h3 class="card-title mb-4">{NAME}</h3>
<p class="text-left">{TEXT}</p>
</div>
</div>
<div class="card border-0">
<div class="card-body">
<p class="h1 text-secondary">4.</p>
<h3 class="card-title mb-4">{NAME}</h3>
<p class="text-left">{TEXT}</p>
</div>
</div>
<div class="card border-0">
<div class="card-body">
<p class="h1 text-secondary">5.</p>
<h3 class="card-title mb-4">{NAME}</h3>
<p class="text-left">{TEXT}</p>
</div>
</div>
</div>
</section>
Cubes: Pricing
Enim consequatur facilis eaque vero.
Reprehenderit
79,- per month
Eaque voluptatem quo est.
Quos aliquam magnam sint.
Architecto et voluptatibus.
Dolores velit explicabo et.
Velit laboriosam tempora ratione.
Sed numquam quaerat nostrum.
Nesciunt aut.
Excepturi reiciendis velit.
Quisquam optio sapiente minima.
<section>
<h2 class="text-primary mb-4">{HEADER}</h2>
<div class="row flex-column flex-lg-row">
<div class="col-lg-4 d-flex align-items-stretch order-lg-1 order-1 mb-3">
<div class="card w-100 mx-auto">
<div class="card-body text-center">
<h3 class="text-secondary">{NAME}</h3>
<h5 class="my-4">29,- <small>per month</small></h5>
</div>
</div>
</div>
<div class="col-lg-4 d-flex align-items-stretch order-lg-2 order-3 mb-3">
<div class="card w-100 mx-auto">
<div class="card-body text-center">
<h3 class="text-secondary">{NAME}</h3>
<h5 class="my-4">49,- <small>per month</small></h5>
</div>
</div>
</div>
<div class="col-lg-4 d-flex align-items-stretch order-lg-3 order-5 mb-3">
<div class="card w-100 mx-auto">
<div class="card-body text-center">
<h3 class="text-secondary">{NAME}</h3>
<h5 class="my-4">79,- <small>per month</small></h5>
</div>
</div>
</div>
<div class="col-lg-4 d-flex align-items-stretch order-lg-4 order-2 mb-3 px-4">
<div class="row w-100 justify-content-center">
<div class="col-12 mb-3">
<ul class="fa-ul ml-4">
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
</ul>
</div>
<div class="col-12 align-self-end">
<a href="./" class="btn btn-primary btn-block"><i class="fas fa-chevron-right"></i> Get started</a>
</div>
</div>
</div>
<div class="col-lg-4 d-flex align-items-stretch order-lg-5 order-4 mb-3 px-4">
<div class="row w-100">
<div class="col-12 mb-3">
<ul class="fa-ul ml-4">
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
</ul>
</div>
<div class="col-12 align-self-end">
<a href="./" class="btn btn-primary btn-lg btn-block"><i class="fas fa-chevron-right"></i> Get started</a>
</div>
</div>
</div>
<div class="col-lg-4 d-flex align-items-stretch order-lg-6 order-6 mb-3 px-4">
<div class="row w-100 justify-content-center">
<div class="col-12 mb-3">
<ul class="fa-ul ml-4">
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
</ul>
</div>
<div class="col-12 align-self-end">
<a href="./" class="btn btn-primary btn-block"><i class="fas fa-chevron-right"></i> Get started</a>
</div>
</div>
</div>
</div>
</section>
Omnis aperiam nihil.
Ut
29,- per month
Dolorum amet inventore voluptatem et.
Adipisci a saepe.
Hic
49,- per month
Ipsam accusamus voluptatem.
Accusamus et officia suscipit.
Aut et aut minus.
Qui
79,- per month
Explicabo fugiat et asperiores.
Voluptas repudiandae.
Perspiciatis est rerum recusandae.
Et aut aut perspiciatis laborum.
<section>
<h2 class="text-primary mb-4">{HEADER}</h2>
<div class="row flex-column flex-lg-row">
<div class="col-lg-4 d-flex align-items-stretch mb-3">
<div class="card w-100 mx-auto">
<div class="card-body">
<h3 class="text-secondary">{NAME}</h3>
<h5 class="my-4">29,- <small>per month</small></h5>
<ul class="fa-ul ml-4">
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
</ul>
</div>
<div class="card-footer border-top-0 bg-transparent">
<a href="./" class="btn btn-primary"><i class="fas fa-chevron-right"></i> Get started</a>
</div>
</div>
</div>
<div class="col-lg-4 d-flex align-items-stretch mb-3">
<div class="card w-100 mx-auto">
<div class="card-body">
<h3 class="text-secondary">{NAME}</h3>
<h5 class="my-4">49,- <small>per month</small></h5>
<ul class="fa-ul ml-4">
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
</ul>
</div>
<div class="card-footer border-top-0 bg-transparent">
<a href="./" class="btn btn-primary"><i class="fas fa-chevron-right"></i> Get started</a>
</div>
</div>
</div>
<div class="col-lg-4 d-flex align-items-stretch mb-3">
<div class="card w-100 mx-auto">
<div class="card-body">
<h3 class="text-secondary">{NAME}</h3>
<h5 class="my-4">79,- <small>per month</small></h5>
<ul class="fa-ul ml-4">
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
<li><span class="fa-li"><i class="fas fa-check"></i></span>{HEADER}</li>
</ul>
</div>
<div class="card-footer border-top-0 bg-transparent">
<a href="./" class="btn btn-primary"><i class="fas fa-chevron-right"></i> Get started</a>
</div>
</div>
</div>
</div>
</section>
Debitis veritatis.
Bi-annually
79,- per month
<section>
<h2 class="text-primary mb-4">{HEADER}</h2>
<div class="card-deck">
<div class="card">
<div class="card-body pb-0">
<h3 class="text-secondary">Monthly</h3>
<p>29,- <small>per month</small></p>
</div>
<div class="card-footer border-top-0 bg-transparent">
<a href="./" class="btn btn-primary"><i class="fas fa-chevron-right"></i> Get started</a>
</div>
</div>
<div class="card">
<div class="card-body pb-0">
<h3 class="text-secondary">Yearly</h3>
<p>49,- <small>per month</small></p>
</div>
<div class="card-footer border-top-0 bg-transparent">
<a href="./" class="btn btn-primary"><i class="fas fa-chevron-right"></i> Get started</a>
</div>
</div>
<div class="card">
<div class="card-body pb-0">
<h3 class="text-secondary">Bi-annually</h3>
<p>79,- <small>per month</small></p>
</div>
<div class="card-footer border-top-0 bg-transparent">
<a href="./" class="btn btn-primary"><i class="fas fa-chevron-right"></i> Get started</a>
</div>
</div>
</div>
</section>
Cubes: Other
Comments
Provident
5 days ago
Sequi aut vitae enim. Eum hic quasi nostrum ex. Exercitationem aut ullam officiis facere facilis et repudiandae et.
Possimus
3 days ago
Earum sint facilis quidem quam enim. Magni accusamus quo voluptatibus ut nihil.
Asperiores admin
5 days ago
Atque reiciendis soluta minus dolores ea aliquid quis. Nihil eligendi et dolor facilis. Quae et illum laboriosam sit quo atque perspiciatis nemo. Consequatur non error et fugit deserunt.
"Ut quo pariatur quis quae quo. Ab quo quo voluptatum."
Aut
Laudantium
<section>
<div class="row">
<h2 class="text-center col-md-6 font-italic mt-2" style="font-family: Georgia, Times, serif;">"{TEXT}"</h2>
<div class="text-center col-md-6 mt-md-2 mt-5 mt-sm-2">
<img alt="Picture" src="{IMAGE_SRC}" class="rounded-circle" style="width: 200px; height: 200px;">
<h5 class="font-weight-bold mt-4">{NAME}</h5>
<p>{NAME}</p>
</div>
</div>
</section>
<section>
<form class="text-center mx-auto" style="max-width: 350px;">
<h3>{HEADER}</h3>
<input type="email" class="form-control mt-3" placeholder="Email" required>
<input type="password" class="form-control mt-3" placeholder="Password" required>
<div class="form-check my-3">
<input class="form-check-input" type="checkbox" value="" id="remember_me">
<label class="form-check-label" for="remember_me">Remember me</label>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
</form>
</section>
From our blog
Perferendis fugit enim illo inventore. Ut omnis quos consectetur sunt cupiditate et. Unde explicabo fugiat saepe non saepe sit ea sequi.
Aliquam quia consectetur aspernatur autem et numquam placeat quo. Assumenda quia dolorem veritatis placeat ipsa. Ullam omnis omnis et.
Dicta occaecati non eum omnis quod. Asperiores dolorem illum quisquam eligendi. Sint porro culpa ut.
<section>
<h2 class="text-primary text-center mb-5">From our blog</h2>
<div class="card-deck">
<div class="card">
<img alt="" class="card-img-top" src="{IMAGE_SRC}">
<div class="card-body">
<p>{TEXT}</p>
</div>
<div class="card-footer border-top-0 bg-transparent text-right d-flex justify-content-between align-items-center">
<a class="btn btn-primary" href="./">Read</a>
<small class="text-muted">9 mins</small>
</div>
</div>
<div class="card">
<img alt="" class="card-img-top" src="{IMAGE_SRC}">
<div class="card-body">
<p>{TEXT}</p>
</div>
<div class="card-footer border-top-0 bg-transparent text-right d-flex justify-content-between align-items-center">
<a class="btn btn-primary" href="./">Read</a>
<small class="text-muted">9 mins</small>
</div>
</div>
<div class="card">
<img alt="" class="card-img-top" src="{IMAGE_SRC}">
<div class="card-body">
<p>{TEXT}</p>
</div>
<div class="card-footer border-top-0 bg-transparent text-right d-flex justify-content-between align-items-center">
<a class="btn btn-primary" href="./">Read</a>
<small class="text-muted">9 mins</small>
</div>
</div>
</div>
</section>
FAQ
Recusandae temporibus qui perferendis quo reprehenderit inventore quod. Fugit sint voluptatibus repudiandae velit. Ut eaque voluptate rerum doloribus accusantium nesciunt non quis.
Modi fugiat enim fugit quibusdam dolorem soluta. Voluptates eum et omnis quam. Vitae quia est sed dolor. Fuga occaecati et aut ut nesciunt voluptas dolorem.
<section>
<h2 class="mb-5">FAQ</h2>
<div>
<div class="mb-2 border-bottom">
<h5><a href="#" class="btn-block text-left d-flex" data-toggle="collapse" data-target="#faq1" aria-expanded="false" aria-controls="faq1">{HEADER} <i class="p-1 ml-auto my-auto far fa-caret-down"></i></a></h5>
<div class="collapse" id="faq1">
<p>{TEXT}</p>
</div>
</div>
<div class="mb-2 border-bottom">
<h5><a href="#" class="btn-block text-left d-flex" data-toggle="collapse" data-target="#faq2" aria-expanded="false" aria-controls="faq2">{HEADER} <i class="p-1 ml-auto my-auto far fa-caret-down"></i></a></h5>
<div class="collapse" id="faq2">
<p>{TEXT}</p>
</div>
</div>
</div>
</section>
Userlist
Name
Status
Activity
Nisi
Architecto
10
Deserunt
Ut
10
<section>
<h2 class="text-primary">Userlist</h2>
<table class="table table-striped table-hover">
<thead>
<tr>
<th class="text-left">Name</th>
<th class="text-left">Status</th>
<th>Activity</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img alt="Person" src="{IMAGE_SRC}" class="mr-3 float-left rounded-circle" style="height: 40px; width: 40px;">
{NAME}
</td>
<td><span class="badge small badge-pill badge-warning">{NAME}</span></td>
<td class="text-center text-muted ">10</td>
<td class="text-right"><a href="#" class="btn btn-secondary btn-sm"><i class="far fa-edit"></i></a></td>
</tr>
<tr>
<td>
<img alt="Person" src="{IMAGE_SRC}" class="mr-3 float-left rounded-circle" style="height: 40px; width: 40px;">
{NAME}
</td>
<td><span class="badge small badge-pill badge-success">{NAME}</span></td>
<td class="text-center text-muted ">10</td>
<td class="text-right"><a href="#" class="btn btn-secondary btn-sm"><i class="far fa-edit"></i></a></td>
</tr>
</tbody>
</table>
</section>
© 2019-2020