Chat List

Show All

  • A
  • B
  • D
  • J
  • O
Chat with Khelesh

Online

  • View profile
  • Add to btn-close friends
  • Add to group
  • Block
Hi, how are you samim? 8:40 AM, Today
Hi Khalid i am good tnx how about you? 8:55 AM, Today
I am good too, thank you for your chat template 9:00 AM, Today
You are welcome 9:05 AM, Today
I am looking for your next templates 9:07 AM, Today
Ok, thank you have a good day 9:10 AM, Today
Bye, see you 9:12 AM, Today
Hi, how are you samim? 8:40 AM, Today
Hi Khalid i am good tnx how about you? 8:55 AM, Today
I am good too, thank you for your chat template 9:00 AM, Today
You are welcome 9:05 AM, Today
I am looking for your next templates 9:07 AM, Today
Ok, thank you have a good day 9:10 AM, Today
Bye, see you 9:12 AM, Today
Notications

Show All

  • SEVER STATUS
  • KK
  • SOCIAL
  • RU
  • SEVER STATUS
  • AU
  • MO
Notes

Add New Nots

Help Desk
Card title

He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff
sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. 

<div class="card" id="card-title-1">
    <div class="card-header border-0 pb-0 ">
        <h5 class="card-title">Card title</h5>
    </div>
    <div class="card-body">
        <p class="card-text">He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff <br> sections. The bedding was hardly able to cover it and seemed ready to
            slide off any moment.
        </p>
    </div>
</div>
Card title-2

This is a wider card with supporting text and below as a natural lead-in to the additional content. This content is a little
bit longer. Some quick example text to build the bulk

Last updated 3 mins ago

Go somewhere 
<div class="card" id="card-title-2">
    <div class="card-header ">
        <h5 class="card-title">Card title</h5>
    </div>
    <div class="card-body">
        <p class="card-text">This is a wider card with supporting text and below as a natural lead-in to the additional content. This content is a little <br> bit longer. Some quick example text to build the bulk</p>
    </div>
    <div class="card-footer d-sm-flex justify-content-between align-items-center">
        <div class="card-footer-link mb-4 mb-sm-0">
            <p class="card-text d-inline">Last updated 3 mins ago</p>
        </div>

        <a href="javascript:void(0);" class="btn btn-outline-primary text-white">Go somewhere</a>
    </div>
</div>
Card Title-3

This is a wider card with supporting text and below as a natural lead-in to the additional content. This content

Go somewhere

Last updateed 3 min ago

<div class="card text-center" id="card-title-3">
    <div class="card-header ">
        <h5 class="card-title">Card Title</h5>
    </div>
    <div class="card-body">
        <p class="card-text">This is a wider card with supporting text and below as a natural lead-in to the additional content. This content</p>
        <a href="javascript:void(0);" class="btn btn-outline-primary text-white">Go somewhere</a>
    </div>
    <div class="card-footer">
        <p class="card-text ">Last updateed 3 min ago</p>
    </div>
</div>
Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere 
<div class="card text-center" id="special-title">
    <div class="card-header ">
        <h5 class="card-title">Special title treatment</h5>
    </div>
    <div class="card-body custom-tab-1">
        <ul class="nav nav-tabs card-body-tabs mb-3">
            <li class="nav-item"><a class="nav-link active" href="javascript:void(0);">Active</a>
            </li>
            <li class="nav-item"><a class="nav-link" href="javascript:void(0);">Link</a>
            </li>
            <li class="nav-item"><a class="nav-link disabled" href="javascript:void(0);">Disabled</a>
            </li>
        </ul>
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p><a href="javascript:void(0);" class="btn btn-outline-primary text-white btn-card">Go somewhere</a>
    </div>
</div>
Primary card

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Last updateed 3 min ago 
<div class="card dz-card bg-primary text-white" id="primary-card">
    <div class="card-header ">
        <h5 class="card-title text-white">Primary card</h5>
    </div>
    <div class="card-body mb-0">
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p><a href="javascript:void(0);" class="btn btn-outline-primary text-white btn-card">Go
            somewhere</a>
    </div>
    <div class="card-footer bg-transparent border-0 text-white">Last updateed 3 min ago
    </div>
</div>
Secondary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Last updateed 3 min ago 
<div class="card dz-card bg-secondary text-white" id="secondary-card">
    <div class="card-header ">
        <h5 class="card-title text-white">Secondary card title</h5>
    </div>
    <div class="card-body mb-0">
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p><a href="javascript:void(0);" class="btn btn-outline-secondary text-white btn-card">Go
            somewhere</a>
    </div>
    <div class="card-footer bg-transparent border-0 text-white">Last updateed 3 min ago
    </div>
</div>
Success card

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Last updateed 3 min ago 
<div class="card dz-card bg-success text-white" id="success-card">
    <div class="card-header ">
        <h5 class="card-title text-white">Success card title</h5>
     </div>
     <div class="card-body mb-0">
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p><a href="javascript:void(0);" class="btn btn-outline-success text-white light btn-card">Go
            somewhere</a>
    </div>
    <div class="card-footer bg-transparent border-0 text-white">Last updateed 3 min ago
    </div>
</div>
Danger card

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Last updateed 3 min ago 
<div class="card dz-card bg-danger text-white" id="danger-card">
    <div class="card-header ">
        <h5 class="card-title text-white">Danger card</h5>    
    </div>
    <div class="card-body mb-0">
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p><a href="javascript:void(0);" class=" btn btn-outline-danger text-white btn-card">Go
            somewhere</a>
    </div>
    <div class="card-footer bg-transparent border-0 text-white">Last updateed 3 min ago
    </div>
</div>
Warning card

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Last updateed 3 min ago 
<div class="card dz-card bg-warning text-white" id="warning-card">
		<div class="card-header ">
			<h5 class="card-title text-white">Warning card</h5>
		</div>
		<div class="card-body mb-0">
			<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p><a href="javascript:void(0);" class="btn btn-outline-warning text-white btn-card">Go
				somewhere</a>
		</div>
		<div class="card-footer bg-transparent border-0 text-white">Last updateed 3 min ago
		</div>
	</div>
Info card

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Last updateed 3 min ago 
<div class="card dz-card bg-info text-white" id="info-card">
    <div class="card-header ">
        <h5 class="card-title text-white">Info card</h5>
    </div>
    <div class="card-body mb-0">
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p><a href="javascript:void(0);" class="btn btn-outline-info text-white btn-card">Go
            somewhere</a>
    </div>
    <div class="card-footer bg-transparent border-0 text-white">
        Last updateed 3 min ago
    </div>
</div>
Light card

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Last updateed 3 min ago 
<div class="card dz-card bg-light text-black " id="light-card">
    <div class="card-header ">
        <h5 class="card-title">Light card</h5>
    </div>
    <div class="card-body mb-0">
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p><a href="javascript:void(0);" class="btn btn-outline-light text-white btn-card">Go
            somewhere</a>
    </div>
    <div class="card-footer bg-transparent border-0">Last updateed 3 min ago
    </div>
</div>
Dark card

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Last updateed 3 min ago 
 <div class="card dz-card bg-dark text-white" id="dark-card">
		<div class="card-header ">
			<h5 class="card-title text-white">Dark card</h5>
		</div>
		<div class="card-body mb-0">
			<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
			<a href="javascript:void(0);" class="btn btn-outline-dark text-white btn-card">Go
				somewhere</a>
		</div>
		<div class="card-footer bg-transparent border-0 text-white">Last updateed 3 min ago
		</div>
	</div>
Card image cap
Card title-4

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

<div class="card" >
	<img class="card-img-top img-fluid" src="assets/images/card/1.png" alt="Card image cap">
	<div class="card-header flex-wrap">
		<h5 class="card-title">Card title</h5>
	</div>
	<div class="card-body">
		<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
		<p class="card-text">Last updated 3 mins ago</p>
	</div>
	</div>
Card image cap
Card title-5

He lay on his armour-like back, and if he lifted his head a little

Card footer

Card link 
<div class="card" >
	<img class="card-img-top img-fluid" src="assets/images/card/2.png" alt="Card image cap">
	<div class="card-header">
		<h5 class="card-title">Card title</h5>
		
	</div>
	<div class="card-body">
		<p class="card-text">He lay on his armour-like back, and if he lifted his head a little
		</p>
	</div>
	<div class="card-footer">
		<p class="card-text d-inline">Card footer</p>
		<a href="javascript:void(0);" class="card-link float-end">Card link</a>
	</div>
</div>
Card title-6

This is a wider card with supporting text and below as a natural lead-in to the additional content. This content is a little

Card image cap

Card footer

Card link 
<div class="card">
		<div class="card-header">
			<h5 class="card-title">Card title</h5>
		</div>
		<div class="card-body">
			<p class="card-text">This is a wider card with supporting text and below as a natural lead-in to the additional content. This content is a little</p>
		</div>
		<img class="card-img-bottom img-fluid" src="assets/images/card/3.png" alt="Card image cap">
		<div class="card-footer">
			<p class="card-text d-inline">Card footer</p>
			<a href="javascript:void(0);" class="card-link float-end">Card link</a>
		</div>
	</div>

Card

Copyright © Developed by DexignZone 2024