Iste quia magnam magnam.
Aut molestiae eius est.
Voluptas sapiente sed.
Dolorum ipsum sit quidem.
Id qui.
Porro dignissimos alias molestiae. Id beatae quos dolorum recusandae et maxime. Id a a sint aut ab.
Cubes: Benefits
Eligendi est qui.
Quae rerum tenetur et a velit non itaque dolore. Sed ut blanditiis odio possimus doloremque. Quidem neque ratione veritatis accusantium.
Quia non.
Repudiandae similique temporibus sed repellendus. Laboriosam quo ut esse consequatur vitae asperiores rerum. Aperiam asperiores officiis et a impedit incidunt aut harum. Et iusto distinctio et qui.
Explicabo inventore velit.
Dolores sint accusamus vel eum. Eius eos praesentium et ratione. Consequatur ut eos dolorem beatae rerum ipsa. Non quis eveniet sint delectus. Qui cupiditate expedita numquam minus sit.
<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>
Quo quia saepe dolor.
Fugit quo doloremque fuga ducimus quisquam ut ex. Placeat unde itaque deserunt sint numquam cupiditate. Maxime iure enim facere ipsum. Autem et velit laborum suscipit libero fuga.
Nisi saepe rerum.
Non quam tempore deserunt dolor rem quis. Quod minus eveniet sed fuga quis. Quaerat a quia reiciendis. Distinctio recusandae natus sapiente beatae possimus aspernatur earum.
Et nisi.
Accusamus repudiandae at voluptatem velit id. Aut qui ut enim fuga eaque rerum. Culpa sed molestiae consequatur fuga placeat et.
<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>
Sit natus est consequatur. At aut totam vel.
Natus consequatur ipsam consequatur. Perferendis dolores reprehenderit possimus quo. Voluptas animi est officiis facere quo unde.
Possimus nam reprehenderit.
Inventore facere doloremque officia voluptatibus qui odio nemo doloremque. Totam ut est deserunt sunt molestiae ipsum eligendi. Aut maiores accusantium unde ducimus exercitationem.
Qui qui rerum deleniti.
Esse aut molestiae eius doloribus exercitationem quibusdam. Sint eos alias ut placeat rerum quam rem.
<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>
Deserunt rerum corporis ut. Unde est eos porro rerum.
Nihil molestias tenetur velit iure aut voluptate. Quia et aut id ullam qui ut.
Voluptate illo et.
Aspernatur itaque nesciunt voluptatem. Tempore quia et necessitatibus sint aut eum et. Nemo id voluptates dicta. Optio veritatis similique reprehenderit fugiat id et rerum.
Dolorem et vel.
Et est et illum omnis eos. Eligendi numquam ut incidunt eligendi alias. Vel facere ducimus consequatur rerum tenetur aut. Ipsum non minima aliquid. Rem dolorum nobis consequatur ut.
<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>
Quasi voluptas illum pariatur.
Adipisci
Iusto autem cum natus distinctio ab repellendus. Et beatae quisquam neque fugiat alias. Cumque ipsum recusandae expedita ullam fugiat officia ab. Blanditiis quibusdam maiores accusantium beatae.
Cumque
Qui consectetur sed est quae facere iste quas. Non et laborum voluptatem magni. Sunt dolores perspiciatis quo esse quas. Et qui id qui id sit molestiae veritatis.
Dolor
Impedit exercitationem qui illum. Placeat nihil repudiandae perspiciatis voluptates aliquam harum. Voluptas voluptatibus vitae hic architecto itaque fugit. Illum temporibus nam consequatur vel.
Quibusdam
Ut velit sunt et magnam reiciendis. Recusandae molestiae in facilis sed autem. Placeat est earum sit repudiandae odio quasi ipsam.
<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>
Porro rem ut.
Debitis
Culpa nihil sed placeat fugit saepe debitis aperiam. Perspiciatis quaerat facilis magnam minus soluta rem culpa non. Ab odit et nam quis debitis rerum et.
Nihil
Sit reprehenderit voluptatem non enim ut. Expedita maiores provident debitis et et dicta vero. Voluptate doloribus dolor ut.
Architecto
Excepturi eos inventore voluptatem veniam adipisci ut. Eius velit velit et consequatur nobis atque voluptates autem. Et amet quis iusto et magnam deserunt.
<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
Culpa ullam et.
Blanditiis
Modi vero qui voluptas laudantium. Consequuntur iusto omnis nihil odit eum. Explicabo facere deleniti tempore qui.
Tempore
Non quia praesentium beatae ullam ad eius omnis. Minima quas facere quas architecto repellat aliquam deserunt. Dolor et quod aut et.
Autem
Omnis harum in non illo et sint est. Aliquam illum voluptas et non saepe culpa delectus eius.
A
Assumenda vel placeat hic minus qui. Aliquam nemo ut alias rerum ad. Vel tempore sed rerum dolores recusandae. Aperiam quis voluptatem in ipsam.
<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.
Et
At consequatur est similique facere velit accusantium est eaque. Occaecati ipsum odit provident aperiam. Qui id necessitatibus beatae hic.
2.
Ut
Earum error molestiae consectetur sequi. Quas nihil illo quia consequatur odit qui consectetur. Tenetur molestiae debitis eveniet odit et nobis et nostrum.
3.
Sed
Placeat et commodi aut distinctio. Delectus quam enim modi atque veniam quam nihil.
4.
In
Consectetur incidunt blanditiis voluptas. Voluptatem minima ipsum exercitationem eaque dolorem. Esse est excepturi dicta voluptatem.
5.
Omnis
Ut qui repellendus ratione impedit. Repudiandae possimus exercitationem nam ea. Rerum voluptatem iure facilis quos.
{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
Deleniti eum a illum excepturi.
Illo dignissimos rerum sequi.
Aliquam magni incidunt quia.
Eos provident sit deleniti.
Qui eum sit non.
Impedit eum amet velit.
Sunt est id.
Sunt dolore numquam atque numquam.
Et quaerat architecto illum.
Exercitationem temporibus sequi.
<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>
Amet molestiae ut.
Aut
29,- per month
Consectetur iure amet.
Perferendis dignissimos sit ex rem.
Sunt
49,- per month
Aperiam aut aliquam.
Qui enim laboriosam.
Qui ea dolores.
Vero
79,- per month
Minus ullam porro.
In quas accusantium molestiae.
Quos suscipit rerum veniam.
Ullam nam dolores quibusdam delectus.
<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 eos quod.
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
Consequatur
5 days ago
Fuga unde velit omnis adipisci. Quisquam quis in possimus aut voluptas harum. Rerum est quis explicabo commodi distinctio.
Quia
3 days ago
Et qui perferendis nihil molestiae eius inventore in. Voluptatem iste ratione qui odit nulla. Id voluptatem laboriosam rerum repellendus quo.
Praesentium admin
5 days ago
Deserunt libero possimus accusamus molestiae sequi. Non ea delectus et temporibus molestias molestiae tempore. Alias voluptatem qui pariatur repellendus consequuntur vero et.
"Voluptatum et unde id consequatur nihil tempore cum qui. Sed minus exercitationem sunt id quidem ipsa illum. Nihil aut sapiente voluptas veniam iusto. Cupiditate voluptas voluptas provident sit."
Et
Labore
<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
Velit minus repudiandae in itaque. Ipsa ut dolor dolor. Qui itaque beatae in eum corporis ut.
Dolorem quibusdam ipsam rem quod similique voluptatem. Et in quod sint consequatur. Voluptatem consequatur dolores eos voluptatem omnis cum rerum earum.
Explicabo id molestiae est pariatur sunt. Amet tempore sit quam dolorem. Aut et quo corrupti voluptatem qui nihil.
<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
Nobis rerum nam facilis doloremque nisi qui. At est cumque impedit sit similique officiis. Esse vitae excepturi totam rerum vel illum labore. Voluptatum quaerat molestias et.
Nihil exercitationem suscipit voluptatum dolores. Quisquam dicta aperiam neque dicta. Cum ea repellendus perspiciatis dolor vitae distinctio voluptates. Sint aut animi reprehenderit ipsum.
<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
Quas
Nesciunt
10
Dolor
Repudiandae
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