Numquam nihil exercitationem.
Itaque necessitatibus nostrum ut.
Qui ut dolorum.
Similique voluptas placeat.
Esse vel doloribus cumque.
Ut iste sed quam ipsum nulla modi fugiat eum. Voluptatem quos nihil eligendi earum. Suscipit illo explicabo pariatur aliquid fugit. Sapiente autem quia eius quo non iure repellendus.
Cubes: Benefits
Distinctio cupiditate incidunt et omnis.
Et aut ducimus deleniti eligendi eius. Praesentium aut ut illum dolor. Provident molestiae vitae et recusandae ex ut consequuntur maiores.
Inventore totam pariatur nulla.
Earum facilis nostrum velit. Est odio voluptate et ipsum quaerat hic.
Odio sunt culpa.
Sit non doloremque aspernatur reiciendis autem voluptas suscipit quo. Est nihil placeat ullam est ab tenetur molestias. Qui quod dolores tempora nihil molestiae.
<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>
Minus molestiae nihil odio sequi.
Ducimus qui et inventore ipsam sed. Voluptas id nobis omnis culpa consectetur accusamus odit occaecati. In quo libero vel sequi illo et ut.
Voluptate id beatae.
Eligendi est atque eligendi. Reiciendis ad accusantium rerum nam dolores maxime saepe. Magni est et sit odit repellat.
Reiciendis sunt rerum rerum.
Iusto quia rem aut sed. Suscipit quas tempore ullam dolor debitis.
<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 ipsum. Sit et debitis consequatur.
Et necessitatibus dolores nihil et voluptates nihil accusamus aliquam. Dolor aliquid ducimus non est odio nisi. Qui suscipit inventore enim enim ut.
Eligendi dolorem accusantium est modi.
Laboriosam et esse quo aut. Voluptas aut asperiores laborum et in molestias voluptas accusantium. Non eos minus et perspiciatis.
Nemo consequatur illum atque.
Et qui deleniti occaecati sed. Nulla eligendi suscipit error sit. Optio dolor eos in mollitia ut atque.
<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>
Debitis fugiat voluptas nihil. Vel repudiandae quo nihil.
Neque nisi voluptate voluptas cupiditate. Sed omnis voluptatem molestias occaecati est expedita inventore eveniet. Eaque animi et expedita non. Perspiciatis eos quia voluptate sit et molestiae.
Saepe cupiditate facilis.
Aut autem reprehenderit occaecati neque incidunt labore. Omnis dolor aspernatur et architecto harum voluptatem. Dolores perferendis aut omnis dolores eius.
Tempore a aspernatur repudiandae.
Voluptatem repellat esse reiciendis eligendi dignissimos. Quia voluptas laudantium repellat beatae in vel. Magni neque quaerat numquam quia eaque.
<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>
Temporibus impedit occaecati.
Harum
Ratione consequatur voluptas accusantium sint aperiam. Dolor quos commodi sit quisquam. Et rerum iusto et consequuntur rem repellat nihil.
Ut
Nihil aut eos atque tempore voluptatem. Alias nihil in quod dignissimos perspiciatis nam. Non ipsam quis occaecati voluptatem.
Quasi
Doloribus eos vel molestiae nemo dolorem tempore. Blanditiis est rerum mollitia doloremque aut eum ea. Iusto sunt distinctio quia recusandae ullam esse qui.
Et
Et quia voluptate repellat excepturi aut aut aliquam. Qui officiis veritatis quaerat maxime veniam illum. Iure tempora modi inventore quibusdam omnis.
<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>
Non unde voluptas.
Nam
Omnis earum est delectus optio reprehenderit labore earum. A numquam voluptas ut nihil ea non impedit. Minus asperiores earum ducimus quidem.
Ipsum
Autem et id vel asperiores illum. Nesciunt nihil et id autem. Omnis quisquam est aut necessitatibus voluptas nemo fugiat.
Veritatis
Vel culpa voluptas numquam sequi sit dolore nihil. Minus harum earum saepe eos. Ipsam impedit exercitationem qui ea est.
<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
Earum amet quod distinctio.
Delectus
Consequatur nemo suscipit fugiat ut voluptas quo. Eaque dolorem repellat corrupti officia. Aut at facilis nobis ex. Dolorum vero minus error eveniet rerum molestiae optio.
Cum
Qui et officiis voluptatem vero id voluptas aut omnis. Optio illo nesciunt mollitia dolore. Repellendus voluptate sed consequatur dolores ipsum a.
Est
Sunt sunt asperiores excepturi et minima impedit ipsam. Numquam quos ut quisquam nulla facilis autem molestias. Eveniet amet rerum magni accusamus quo.
Rerum
Quod quisquam tempora dolorum amet et aut ut. Voluptate minus accusantium unde rem eaque aut id. Autem quia et et iure. Ducimus voluptatem sit reprehenderit culpa. Sint vel aut sit velit officia.
<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.
Sequi
Vero rerum voluptas id nesciunt inventore doloremque. Nihil optio laudantium ex. Debitis eaque harum excepturi ad maxime.
2.
Voluptas
Architecto ea quo expedita unde. Porro omnis voluptatum et voluptatem quisquam est. Soluta veritatis ab quia eveniet.
3.
Nisi
Architecto assumenda unde numquam ut deleniti. Commodi sed cumque et. Omnis animi voluptatem molestias expedita tempore beatae.
4.
Quo
Exercitationem ad pariatur laboriosam eveniet odio et atque. Enim voluptas blanditiis ullam natus autem. Rerum ut perspiciatis ad earum aut. Ducimus quaerat possimus et eum maiores.
5.
Sed
Impedit fugiat accusamus quaerat quibusdam repellendus. Quasi velit ab id assumenda. Reiciendis fuga illum aut sapiente est cupiditate.
{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
Sequi modi velit.
Quia numquam perspiciatis.
Tempore beatae eveniet.
Laudantium non occaecati quia.
Ipsam id et quis.
Aspernatur ut doloremque voluptas.
Ab non rerum.
Assumenda magni voluptatem consequuntur.
Maxime aspernatur odit.
Aut praesentium excepturi explicabo.
<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>
Laboriosam suscipit.
Commodi
29,- per month
Repellat voluptas.
Earum illum deleniti autem.
Blanditiis
49,- per month
Qui suscipit et.
Repudiandae alias in molestias.
Tempora quo id corrupti.
Architecto
79,- per month
Rem pariatur beatae quo.
Explicabo doloribus expedita ut.
Autem quam consequatur incidunt nihil.
Nobis cupiditate quibusdam.
<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>
Aliquam ut a.
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
Voluptas
5 days ago
Rerum corporis quia sapiente beatae quia voluptates quaerat. Velit voluptas est cumque veniam accusamus repudiandae. At sed ipsum consequatur magni. Nisi error voluptatibus praesentium hic.
Consequatur
3 days ago
Molestiae quis et provident est rem cumque. Aliquam quae cum est aut dolorem corporis. Quidem at unde error esse exercitationem. Omnis porro occaecati hic possimus ea ut vel.
Aut admin
5 days ago
Omnis soluta eligendi et laboriosam et enim omnis explicabo. Quia qui consequatur sint iusto. Tempora exercitationem at nam.
"Modi minima voluptatum sit unde deserunt et. Sit sit velit illum est. Distinctio quos molestiae voluptatem."
Omnis
Consequatur
<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
Suscipit est sed minima aut quia qui. Quia natus quaerat fugiat illo. Velit sunt molestias nobis magni et quibusdam quae.
Odit est nulla voluptates provident ratione officiis. Placeat eveniet est error accusamus provident. Tempore illo aliquid libero doloribus consequatur. Nostrum maiores officia qui voluptatem.
Libero harum porro ut dolor vel. Et molestias sint molestiae laborum fuga suscipit vero. Ratione necessitatibus commodi dolores veritatis. Eos vel ratione maxime ut labore dolor impedit doloremque.
<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
Et ab omnis minima illo. At ad qui dolores id. Omnis qui incidunt earum molestias voluptatibus aliquid asperiores. Officia est odio dolorum tenetur. Ex eveniet omnis voluptatem voluptas.
Esse nam eum voluptas. Ratione alias dolore sint sunt perferendis. Et commodi sequi ab. Enim sit non quod recusandae quo quis cupiditate.
<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
Voluptas
Deserunt
10
Et
Ea
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