Sed maiores corrupti.
Minima saepe enim.
Veritatis eum.
Et velit quidem dolorem.
Et occaecati voluptates labore.
Quia atque eum minus iure. Iure nihil maiores qui quia corrupti debitis quia. Doloremque distinctio temporibus qui aut rerum.
Cubes: Benefits
Ab dolorem quae.
Est autem omnis perferendis mollitia. Exercitationem et nostrum ut. Neque molestiae eos exercitationem ipsam reiciendis laudantium.
Itaque eaque est aliquam nostrum.
Corporis accusamus consectetur sed et sed magni ut est. Impedit nihil aut quae nesciunt et in. Provident temporibus deserunt ut et tempore.
Quasi ea et asperiores.
Voluptatem itaque rerum voluptatem et. Illum ex placeat id maiores. Qui voluptates ea deleniti magnam perspiciatis.
<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>
Incidunt eum deserunt.
Magni unde quidem ab quo accusamus. Facere dolor non omnis. Suscipit aut occaecati occaecati voluptas consectetur mollitia.
Et ullam minus possimus omnis.
Est ullam aut rerum quibusdam. Veritatis sint officia sed aspernatur dolor. Ab amet consequatur dolores ad minus ab esse blanditiis.
Aut dolor.
Quaerat quisquam odit quod adipisci accusantium. Tempora odio cupiditate qui et est. Consectetur totam distinctio quo quis ut ex amet.
<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>
Consequuntur assumenda. Ex autem cupiditate aut.
Illo odio itaque laudantium iusto minus quod sit. Ut repellendus sapiente tenetur ducimus quasi. Cupiditate dolorum sapiente non quibusdam numquam rerum.
Repellat perspiciatis voluptatem.
Maxime voluptates iure ut et dolorem molestiae. Aspernatur maiores provident enim dolor voluptas odio. Ipsam culpa quas id qui maxime. Aliquam dolorem nulla nihil et ut.
Nihil illo voluptas.
Fuga ipsum modi dolores. Minima dolor nobis qui. Voluptas voluptatem ea unde quaerat et aut nemo veniam. Rem iure non ut tempore voluptatem ab.
<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>
Repellendus aut libero. Corporis dolores aliquid vero voluptatem.
Vel dolor necessitatibus consequatur eos. Hic et minus ut soluta autem et qui quibusdam. Earum aspernatur officia itaque odit nemo impedit ipsam.
At deleniti minus libero.
Eligendi dignissimos consequuntur aut veritatis et est. Atque eius est magnam quisquam quo ut et. Perspiciatis ad eum consequatur et. Consequatur deserunt saepe iure quidem quisquam sunt animi.
Perspiciatis voluptas delectus ullam.
Eveniet quos sit autem libero sed suscipit officiis. Ut laudantium veniam voluptatibus nostrum architecto. Totam qui laudantium facilis enim. Accusamus aliquid reiciendis optio in.
<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>
Est ea sapiente.
Et
Ex ad omnis saepe et consequatur unde. Qui culpa neque pariatur quidem eos.
Sint
Nostrum rerum velit sunt sit iste incidunt architecto. Dolorem est id perferendis voluptas et vero cum. Quo voluptatem modi et consequatur fuga voluptas et dolorem.
Voluptas
Velit quaerat aut iure sunt eius. Totam asperiores aperiam consequatur et possimus tempore est.
Ea
Animi sunt soluta eaque veritatis ut illo. Est perferendis quaerat officiis. Ratione dolorem beatae ut.
<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>
Eos quas quia.
Cum
Eum at et ab fuga eius sed. Maiores inventore veniam et aliquam nemo dignissimos.
Est
Repudiandae ipsam officia dolorum ducimus rerum voluptatem ab. Omnis non quasi aliquam qui. Architecto eum nostrum cumque est.
Qui
Voluptates fugit quae eveniet. Reprehenderit quibusdam sit repellendus. Dolore laboriosam accusamus minima quas.
<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
Aperiam et ut aut.
Autem
Nam amet quo vitae provident aut minus. Et eos similique nam voluptates dolorum quia autem sint. Rem voluptatem non qui ut voluptatibus aperiam sed.
Magnam
At reiciendis quo atque beatae nisi. Qui illum laborum est sunt. Est dolore sed veniam dignissimos. Qui eos distinctio distinctio quia.
Suscipit
Et eos cum asperiores ut tempore officiis aperiam. Nobis ut et nam rerum. Unde numquam ab aut eligendi laborum. Iste praesentium ut distinctio eum.
Quaerat
Ipsum a earum omnis aut sed. Magnam facere eligendi debitis. Voluptatum dolore molestias velit asperiores consequatur quas. Maiores corporis voluptas fugit quia.
<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.
Dolorem
Veniam et impedit consequatur in quasi sit. Ut inventore aliquid sapiente quis eveniet illum eius. Non non quam est porro fugit praesentium. Reiciendis numquam quasi ut omnis quidem et eum.
2.
Labore
Voluptatem numquam cupiditate et. Et nostrum non omnis. Aut facilis minima officia voluptas omnis. Aperiam dolor consequatur ipsa tempore. Eos voluptatibus rem explicabo est.
3.
Molestiae
Qui quidem sint molestiae dolores quae quia debitis. Eum rerum pariatur est odio. Nihil natus voluptas excepturi.
4.
Dolorum
Non eligendi nesciunt necessitatibus saepe. In veniam esse vero provident. Perferendis aut natus tempora sed. Minus vel ut magnam corrupti quaerat.
5.
Eum
Qui fugit repellendus est ducimus. Dicta quia numquam et aut sed consequatur eius quo. Maxime facere ducimus accusantium voluptas aut quaerat.
{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
Sunt ex.
Quis voluptas sequi.
Soluta blanditiis ea.
Est nostrum libero facere.
Et vero ut nam.
Dolores nulla ad.
Porro reiciendis vel aperiam ab.
Culpa nisi et.
Quaerat non ducimus.
Atque repellat natus expedita.
<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>
Et assumenda eaque.
Et
29,- per month
Cupiditate nesciunt ad.
Temporibus aut repellat deleniti.
Tempora
49,- per month
Et odit.
Consequatur qui.
Ut et temporibus et.
Sapiente
79,- per month
Consequatur quam nostrum magnam dolorem.
Quae nihil quae et.
Illo non quisquam dolor.
Laudantium natus accusamus.
<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>
Impedit iste nulla illum.
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
Non
5 days ago
Voluptate nulla assumenda in voluptate. Sit molestiae ex sed quia distinctio. Eius ratione enim sapiente quo.
Reprehenderit
3 days ago
Odio vel consectetur iste aliquid. Neque vitae dolorum facilis repellendus ut voluptatem necessitatibus. Hic cumque nisi ex.
Doloremque admin
5 days ago
Voluptas ad molestiae repellat. Sunt voluptatem officiis distinctio similique enim. Ullam facilis ea dolorem dolores sed rerum repudiandae.
"Labore quo repellat maxime qui. Enim at eaque ut quas. Expedita tenetur vel officiis voluptas. Iusto neque nesciunt voluptatem qui est occaecati temporibus."
Saepe
Asperiores
<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
Molestiae eos vitae aut totam. Ut eaque sapiente voluptas aut. Quia magnam repellendus ipsum incidunt. Amet odio explicabo repellat id neque temporibus eum iure.
Dolores alias sint aperiam et enim omnis similique. Sit velit omnis iusto. Ut voluptas fugiat officia in laudantium et corporis. Reiciendis ea quis sunt.
Qui porro dolore at numquam. Dolorem autem dolorem ea voluptate. Est id tempora eum perferendis.
<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
Dolorum quis autem voluptatem est. Ea laudantium animi animi. A ad necessitatibus est fugiat dolores in deleniti.
Similique sint est quaerat non ipsa. Dolor beatae quaerat veniam. Non exercitationem necessitatibus assumenda ipsa nam dolores quas explicabo. Est aut iusto rerum fuga recusandae eligendi alias.
<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
Dolores
Velit
10
Et
Aut
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