Lists

Default Lists
  • An item
  • A second item
  • A third item
  • A fourth item
  • And a fifth one
<div class="card">
  <div class="card-header">
    <h5>Default lists</h5>
  </div>
  <div class="card-body">
    <ul class="list-group">
      <li class="list-group-item">An item</li>
      <li class="list-group-item">A second item</li>
      <li class="list-group-item">A third item</li>
      <li class="list-group-item">A fourth item</li>
      <li class="list-group-item">And a fifth one</li>
    </ul>
  </div>
</div>
Active Items
  • An active item
  • A second item
  • A third item
  • A fourth item
  • And a fifth one
<div class="card">
  <div class="card-header">
    <h5>Active items</h5>
  </div>
  <div class="card-body">
    <ul class="list-group list-items-active">
      <li class="list-group-item list-active active" aria-current="true">
        <i class="ti ti-arrow-badge-right"></i> An active item
      </li>
      <li class="list-group-item list-active">
        <i class="ti ti-arrow-badge-right"></i> A second item
      </li>
      <li class="list-group-item list-active">
        <i class="ti ti-arrow-badge-right"></i> A third item
      </li>
      <li class="list-group-item list-active">
        <i class="ti ti-arrow-badge-right"></i> A fourth item
      </li>
      <li class="list-group-item list-active">
        <i class="ti ti-arrow-badge-right"></i> And a fifth one
      </li>
    </ul>
  </div>
</div>
Links
The current link item A second link item A third link item A fourth link item A disabled link item
<div class="card">
  <div class="card-header">
    <h5>Links</h5>
  </div>
  <div class="card-body gap-2 d-flex flex-column">
    <div class="list-group list-link">
      <a href="#" class="list-group-item list-group-item-action active" aria-current="true">
        <i class="ti ti-unlink"></i> The current link item
      </a>
      <a href="#" class="list-group-item list-group-item-action">
        <i class="ti ti-unlink"></i> A second link item
      </a>
      <a href="#" class="list-group-item list-group-item-action">
        <i class="ti ti-unlink"></i> A third link item
      </a>
      <a href="#" class="list-group-item list-group-item-action">
        <i class="ti ti-unlink"></i> A fourth link item
      </a>
      <a class="list-group-item list-group-item-action disabled">
        <i class="ti ti-unlink"></i> A disabled link item
      </a>
    </div>
  </div>
</div>
Buttons
<div class="card">
  <div class="card-header">
    <h5>Buttons</h5>
  </div>
  <div class="card-body gap-2 d-flex flex-column">
    <div class="list-group list-button">
      <button type="button" class="list-group-item list-group-item-action active" aria-current="true">
        <i class="ti ti-arrow-autofit-right"></i> The current button
      </button>
      <button type="button" class="list-group-item list-group-item-action">
        <i class="ti ti-arrow-autofit-right"></i> A second button item
      </button>
      <button type="button" class="list-group-item list-group-item-action">
        <i class="ti ti-arrow-autofit-right"></i> A third button item
      </button>
      <button type="button" class="list-group-item list-group-item-action">
        <i class="ti ti-arrow-autofit-right"></i> A fourth button item
      </button>
      <button type="button" class="list-group-item list-group-item-action" disabled>
        <i class="ti ti-arrow-autofit-right"></i> A disabled button item
      </button>
    </div>
  </div>
</div>
Flush
  • An item
  • A second item
  • A third item
  • A fourth item
  • And a fifth one
<div class="card">
  <div class="card-header">
    <h5>Flush</h5>
  </div>
  <div class="card-body">
    <ul class="list-group list-group-flush">
      <li class="list-group-item">
        <i class="ti ti-transition-right"></i> An item
      </li>
      <li class="list-group-item">
        <i class="ti ti-transition-right"></i> A second item
      </li>
      <li class="list-group-item">
        <i class="ti ti-transition-right"></i> A third item
      </li>
      <li class="list-group-item">
        <i class="ti ti-transition-right"></i> A fourth item
      </li>
      <li class="list-group-item">
        <i class="ti ti-transition-right"></i> And a fifth one
      </li>
    </ul>
  </div>
</div>
Numbered
  1. Subheading
    7
    Content for list item
  2. Subheading
    9
    Content for list item
  3. Subheading
    11
    Content for list item
<div class="card">
  <div class="card-header">
    <h5>Numbered</h5>
  </div>
  <div class="card-body">
    <ol class="list-group list-group-numbered p-1">
      <li class="list-group-item d-flex justify-content-between align-items-start text-primary">
        <div class="ms-2 w-100">
          <div class="w-100 d-flex justify-content-between align-items-center">
            <div class="fw-bold me-1">Subheading</div>
            <span class="badge text-light-primary rounded-pill">7</span>
          </div>
          Content for list item
          <br/>
        </div>
        <br/>
      </li>
      <li class="list-group-item d-flex justify-content-between align-items-start text-secondary">
        <div class="ms-2 w-100">
          <div class="w-100 d-flex justify-content-between align-items-center">
            <div class="fw-bold me-1">Subheading</div>
            <span class="badge text-light-secondary rounded-pill">9</span>
          </div>
          Content for list item
          <br/>
        </div>
        <br/>
      </li>
      <li class="list-group-item d-flex justify-content-between align-items-start text-success">
        <div class="ms-2 w-100">
          <div class="w-100 d-flex justify-content-between align-items-center">
            <div class="fw-bold me-1">Subheading</div>
            <span class="badge text-light-success rounded-pill">11</span>
          </div>
          Content for list item
          <br/>
        </div>
        <br/>
      </li>
    </ol>
  </div>
</div>
Radios
<div class="card">
  <div class="card-header">
    <h5>Radios</h5>
  </div>
  <div class="card-body">
    <ul class="list-group d-flex flex-column">
      <li class="radio-wrapper">
        <label class="check-box">
          <input type="radio" name="radio-group1">
          <span class="radiomark outline-primary"></span>
          <span class="text-primary me-1">Primary</span>
        </label>
      </li>
      <li class="radio-wrapper">
        <label class="check-box">
          <input type="radio" name="radio-group1">
          <span class="radiomark outline-secondary"></span>
          <span class="text-secondary me-1">Secondary</span>
        </label>
      </li>
      <li class="radio-wrapper">
        <label class="check-box">
          <input type="radio" name="radio-group1">
          <span class="radiomark outline-success"></span>
          <span class="text-success me-1">Success</span>
        </label>
      </li>
      <li class="radio-wrapper">
        <label class="check-box">
          <input type="radio" name="radio-group1">
          <span class="radiomark outline-danger"></span>
          <span class="text-danger me-1">Danger</span>
        </label>
      </li>
      <li class="radio-wrapper">
        <label class="check-box">
          <input type="radio" name="radio-group1">
          <span class="radiomark outline-warning"></span>
          <span class="text-warning me-1">Warning</span>
        </label>
      </li>
      <li class="radio-wrapper">
        <label class="check-box">
          <input type="radio" name="radio-group1">
          <span class="radiomark outline-info"></span>
          <span class="text-info me-1">Info</span>
        </label>
      </li>
    </ul>
  </div>
</div>
Checkboxes
<div class="card">
  <div class="card-header">
    <h5>Checkboxes</h5>
  </div>
  <div class="card-body">
    <ul class="list-group d-flex flex-column">
      <li class="checkbox-wrapper">
        <label class="check-box">
          <input type="checkbox">
          <span class="checkmark outline-primary"></span>
          <span class="text-primary me-1">Primary</span>
        </label>
      </li>
      <li class="checkbox-wrapper">
        <label class="check-box">
          <input type="checkbox">
          <span class="checkmark outline-secondary"></span>
          <span class="text-secondary me-1">Secondary</span>
        </label>
      </li>
      <li class="checkbox-wrapper">
        <label class="check-box">
          <input type="checkbox">
          <span class="checkmark outline-success"></span>
          <span class="text-success me-1">Success</span>
        </label>
      </li>
      <li class="checkbox-wrapper">
        <label class="check-box">
          <input type="checkbox">
          <span class="checkmark outline-danger"></span>
          <span class="text-danger me-1">Danger</span>
        </label>
      </li>
      <li class="checkbox-wrapper">
        <label class="check-box">
          <input type="checkbox">
          <span class="checkmark outline-warning"></span>
          <span class="text-warning me-1">Warning</span>
        </label>
      </li>
      <li class="checkbox-wrapper">
        <label class="check-box">
          <input type="checkbox">
          <span class="checkmark outline-info"></span>
          <span class="text-info me-1">Info</span>
        </label>
      </li>
      <br/>
    </ul>
  </div>
</div>
Horizontal
  • An item
  • A second item
  • A third item
  • An item
  • A second item
  • A third item
  • An item
  • A second item
  • A third item
  • An item
  • A second item
  • A third item
<div class="card">
  <div class="card-header">
    <h5>Horizontal</h5>
  </div>
  <div class="card-body list-horizontal gap-2 d-flex flex-column align-items-center">
    <ul class="list-group list-group-horizontal">
      <li class="list-group-item b-1-primary bg-light-primary">An item</li>
      <li class="list-group-item b-1-primary bg-light-primary">A second item</li>
      <li class="list-group-item b-1-primary bg-light-primary">A third item</li>
    </ul>
    <ul class="list-group list-group-horizontal">
      <li class="list-group-item b-r-1 b-1-secondary">An item</li>
      <li class="list-group-item b-r-1 b-1-secondary">A second item</li>
      <li class="list-group-item b-r-1 b-1-secondary">A third item</li>
    </ul>
    <ul class="list-group list-group-horizontal">
      <li class="list-group-item list-radius-left-horizontal b-1-success">An item</li>
      <li class="list-group-item b-1-success">A second item</li>
      <li class="list-group-item list-radius-right-horizontal b-1-success">A third item</li>
    </ul>
    <ul class="list-group list-group-horizontal">
      <li class="list-group-item b-1-danger">An item</li>
      <li class="list-group-item b-1-danger">A second item</li>
      <li class="list-group-item b-1-danger">A third item</li>
    </ul>
    <br/>
  </div>
</div>
Variants
  • A simple default list group item
  • A simple primary list group item
  • A simple secondary list group item
  • A simple success list group item
  • A simple danger list group item
  • A simple warning list group item
  • A simple info list group item
  • A simple light list group item
  • A simple dark list group item
<div class="card">
  <div class="card-header">
    <h5>Variants</h5>
  </div>
  <div class="card-body">
    <ul class="list-group">
      <li class="list-group-item">A simple default list group item</li>
      <li class="list-group-item text-light-primary">A simple primary list group item</li>
      <li class="list-group-item text-light-secondary">A simple secondary list group item</li>
      <li class="list-group-item text-light-success">A simple success list group item</li>
      <li class="list-group-item text-light-danger">A simple danger list group item</li>
      <li class="list-group-item text-light-warning">A simple warning list group item</li>
      <li class="list-group-item text-light-info">A simple info list group item</li>
      <li class="list-group-item text-light-light">A simple light list group item</li>
      <li class="list-group-item text-light-dark">A simple dark list group item</li>
    </ul>
  </div>
</div>
Custom Content
  • Allen Rollins

    Allen@509

    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Atque nam accusantium ipsum?

    3 days ago
  • 3
    Holly Mckenzie

    Holly@567

    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Atque nam accusantium ipsum?

    3 days ago
  • Justin Park

    Park@001

    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Atque nam accusantium ipsum?

    3 days ago
Contacts
  • Leland Franecki
    He wanted her job, and it would be easy enough..
  • Rafael Veum
    He didn't want to go out on such a night but...
  • Ray Schamberger
    The girl shouldn't have been sacked but if he said..
  • Mack Gutkowski
    Everything about her was a lie
  • Mack Gutkowski
    She had followed the woman for days and at last her..
  • Lee Rosenbaum
    He had kept their mother alive in their thoughts..
People
A
Winston Keeling
They had to work together so they were going to have to learn to get along
Sunny Airey
If I'd become an athlete, I'd still have my freedom.
Northrop Alforde
If I'd become an athlete, I'd still have my freedom.
Virgil Archbutt
The key to surviving vampires will be revealed in this book.
Guthry Arlott
Stephie Beettie is at the heart of everything I do.
Arlie Armstead
People trust me with their doorkeys; they shouldn't.
Ashton Arndell
As soon as she walked in, she felt the tension
Kass Aspinal
So far, the disease had cropped up in five different towns
Rabi Attle
When he lifted his head, she barely recognised him for the bruises
B
Cary Baleine
Most vivid amongst the memories of his home town
Borden Barkworth
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Regan Baser
He had kept their mother alive in their thoughts. Too alive, perhaps.
Leesa Beaty
As soon as she walked in, she felt the tension
Guendolen Belliss
The first Christmas she could remember was also her best Christmas ever.
Tallie Bettis
They had to work together, so they would need to
Donnie Biggin
He was successful, attractive and charming but people of that age always had secrets
Mel Bilovus
"It's all bills, bills, bills. That's my only answer now,"he said, pointing to
Errol Blackley
Who would have poisoned the old man's dog?
Jermaine Booley
He had the urge to clear the ground, to look out and see nothing
Cleavland Bratchell
She decided to go to her father's grave, to ask his advice
Luca Brayn
He'd had a bad day and just needed something to make him feel better
Tonye Brikner
She was beginning to realise how far down in her memory she'd buried her teenage years
Granger Brockton
She kept checking her phone and email, wishing someone would make contact
Arin Broxup
The Ferrari stopped and the tinted window opened to reveal
Gwennie Bryce
"It's all bills, bills, bills. That's my only answer now,"he said, pointing to
Kerwinn Burkart
They had to work together, so they would need to
Tamqrah Busher
As soon as she walked in, she felt the tension
C
Delaney Cairney
On the Livingstone estate, flies were sometimes the first indication that someone had died
Rooney Cassy
When he lifted his head, she barely recognised him for the bruises
Howard Catteroll
As soon as she walked in, she felt the tension
Christabel Charlwood
He had kept their mother alive in their thoughts. Too alive, perhaps.
Portie Christou
People trust me with their doorkeys; they shouldn't.
Trefor Cocksedge
A custom positioned dialog
Mata Codlin
He had kept their mother alive in their thoughts. Too alive, perhaps .
Julietta Coke
A custom positioned dialog
Tonia Colqueran
He was successful, attractive and charming but people of that age always had secrets
Tessie Curzon
They had to work together, so they would need to
D
Creighton Deluze
They had to work together, so they would need to
Otha Denial
As the prison gate closed behind him, he saw someone waiting for him
Verne Diment
When he lifted his head, she barely recognised him for the bruises
Stafani Ding
Most vivid amongst the memories of his home town
Georgeanna Do Rosario
Stephie Beettie is at the heart of everything I do.
Ninon Don
As soon as she walked in, she felt the tension
Emmott Dowsett
So far, the disease had cropped up in five different towns
E
Carroll Erat
The first Christmas she could remember was also her best Christmas ever.
Peria Errichiello
Stephie Beettie is at the heart of everything I do.
Dyann Escala
Stephie Beettie is at the heart of everything I do.
Chalmers Ewington
As soon as she walked in, she felt the tension
F
Jarred Farthin
They had to work together so they were going to have to learn to get along
Geoffry Flaunders
The key to surviving vampires will be revealed in this book.
G
Merrily Garforth
"It's all bills, bills, bills. That's my only answer now,"he said, pointing to
Johnnie Gilby
The first Christmas she could remember was also her best Christmas ever.
Byrom Gillson
As soon as she walked in, she felt the tension
Gratia Gooley
Stephie Beettie is at the heart of everything I do.
Leigha Gorce
They had to work together so they were going to have to learn to get along
Jennilee Graves
If I'd become an athlete, I'd still have my freedom.
Lianne Greenroa
As the prison gate closed behind him, he saw someone waiting for him
Barbara Grenkov
People trust me with their doorkeys; they shouldn't.
Fifi Gumm
People trust me with their doorkeys; they shouldn't.
H
Neale Havock
Most vivid amongst the memories of his home town
Haze Hubbert
If I'd become an athlete, I'd still have my freedom.
Mallory Hulme
The key to surviving vampires will be revealed in this book.
Karlis Hundell
People trust me with their doorkeys; they shouldn't.
I
Timotheus Iacomo
The key to surviving vampires will be revealed in this book.
Sean Ilyasov
He had kept their mother alive in their thoughts. Too alive, perhaps.
Reynold Indgs
He had kept their mother alive in their thoughts. Too alive, perhaps.
Hillard Ivic
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
J
Sam Jarlmann
As soon as she walked in, she felt the tension
K
Thatcher Keel
People trust me with their doorkeys; they shouldn't .
Perren Keemar
Stephie Beettie is at the heart of everything I do.
Bernarr Kellett
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Maddy Kenneway
If I'd become an athlete, I'd still have my freedom.
Sandi Keys
As soon as she walked in, she felt the tension
Arlan Kilrow
On the Livingstone estate, flies were sometimes the first indication that someone had died
Paweł Kuna
If I'd become an athlete, I'd still have my freedom.
L
Marsha Labat
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Beatrix Ladewig
So far, the disease had cropped up in five different towns
Zitella Lawes
The key to surviving vampires will be revealed in this book.
Maryjo Lebarree
If I'd become an athlete, I'd still have my freedom.
Price Letixier
He had kept their mother alive in their thoughts. Too alive, perhaps.
Emmy Levet
He was successful, attractive and charming but people of that age always had secrets
Jeffie Lewzey
As soon as she walked in, she felt the tension
Leandra Liddicoat
When he lifted his head, she barely recognised him for the bruises
Rivy Lochet
A custom positioned dialog
M
Claudelle MacKilroe
He had kept their mother alive in their thoughts. Too alive, perhaps.
Bettina Matuszyk
As soon as she walked in, she felt the tension
Odelinda McCosh
People trust me with their doorkeys; they shouldn't.
Harriot McGeady
A custom positioned dialog
Netti McGreay
Deliver the information from the text in a unique way.
Shana Meryett
Provide a new rendition of the given text.
Marchelle Millam
Express the content of the text in a distinct manner
Riane Milward
Reconstruct the text using different words and structure.
Crystie Mingaud
An expert in utilizing various design tools and software to create stunning web layouts
Lorry Mion
"It's all bills, bills, bills. That's my only answer now,"he said, pointing to
Parke Moneypenny
A professional who specializes in creating and designing websites
Brinn Moses
Someone who stays updated with the latest design trends and technologies in the web design industry
Elston Muffett
An individual who ensures that websites are responsive and compatible across different devices and browsers.
Avivah Mugleston
Up-to-date with the latest web development trends and technologies
N
Linnet Newborn
Skilled in creating and designing websites
Andros Newcome
Familiar with various web development frameworks and tools
Juanita Nobles
Able to collaborate with designers and clients to create customized websites
Jaymee Noni
Experienced in building responsive and user-friendly websites
O
Roseline OIlier
A skilled individual who ensures that websites are responsive and optimized for different devices and screen sizes
Parker Oaten
Reconstruct the text using different words and structure.
P
Johannes Paternoster
"It's all bills, bills, bills. That's my only answer now,"he said, pointing to
Stephie Petrolli
Who would have poisoned the old man's dog?
Egan Poetz
Deliver the information from the text in a unique way.
Mavra Portail
She kept checking her phone and email, wishing someone would make contact
Danette Pountney
It was just for one night
Desirae Prahm
A custom positioned dialog
Q
Gayel Quesne
She kept checking her phone and email, wishing someone would make contact
R
Clayton Rosentholer
She decided to go to her father's grave, to ask his advice
Ban Rzehor
An expert in utilizing various design tools and software to create stunning web layout
S
Madeleine Salle
Offer a different phrasing for the given text.
Annie Scarisbrick
Give the text a fresh perspective by rephrasing it.
Yvor Sheldon
Express the content of the text in a distinct manner
Haskel Shelper
Deliver the information from the text in a unique way.
Guthry Shimman
It was just for one night
Wilburt Siegertsz
A developer who specializes in React is commonly referred to as a React developer.
Kellie Skingley
Someone who has expertise in developing applications using the React framework is known as a React developer.
Sawyere Skipsea
Well-versed in React development practices
Kathryn Skypp
Proficient in React programming
Dunn Slane
Knowledgeable in React framework
Freedman Smith
Familiar with React libraries and tools
Harris Speer
Competent in React component development
Cesya Spritt
A developer who specializes in React is commonly referred to as a React developer.
Emlen Stairmand
Familiar with various web development frameworks and tools
Mela Sydes
A custom positioned dialog
T
Neville Trobridge
Developer with a focus on React technology
Onfre Tull
Developer with a focus on React technology
Hewie Tweddle
Developer with a focus on React technology
U
Flossi Uttley
Detail-oriented and committed to delivering high-quality web solutions
V
Netti Vondrasek
A creative individual who combines technical knowledge and artistic skills to design and build websites
W
Gerti Washington
Capable of troubleshooting and debugging website issues
Bord Wheatcroft
Familiar with various web development frameworks and tools
Nanni Wooler
Reconstruct the text using different words and structure.
Contacts List
Omar Krajcik

+3584227649850

(UAS)

Rudy Bode

+3587394408149

(UAS)

Charlie Christiansen

+18402727121

(UAS)

Lance Schiller

+16286413791

(Drivers,New zealand)

Troy Cartwright

+18607148019

(UAS)

Israel Kshlerin

+16805796236

(Drivers,New zealand)

Admin Customizer

it's time to style according to your choice ..!

Sidebar option
    • Vertical
    • Horizontal
    • Dark
Layout option
    • LTR
    • RTL
    • Box
Color Hint
Text size
  • sm
  • md
  • lg
Buy Now
SupportDocument