DigiClinic

Avatar

Avatar Different Sizes

avatar avatar-150

avatar avatar-140

avatar avatar-130

avatar avatar-120

avatar avatar-110

avatar avatar-100

avatar avatar-90

avatar avatar-80

avatar avatar-70

avatar avatar-60

avatar avatar-50

avatar avatar-40

avatar avatar-30

avatar avatar-20

avatar avatar-10


<div class="avatar avatar-150 coverimg rounded-circle me-2 mb-3">
    <img class="w-auto" src="https://i.pravatar.cc/300" alt="" >
</div>
<div class="avatar avatar-140 coverimg rounded-circle me-2 mb-3">
    <img class="w-auto" src="https://i.pravatar.cc/300" alt="" >
</div>
<div class="avatar avatar-130 coverimg rounded-circle me-2 mb-3">
    <img class="w-auto" src="https://i.pravatar.cc/300" alt="" >
</div>
<div class="avatar avatar-120 coverimg rounded-circle me-2 mb-3">
    <img class="w-auto" src="https://i.pravatar.cc/300" alt="" >
</div>
<div class="avatar avatar-110 coverimg rounded-circle me-2 mb-3">
    <img class="w-auto" src="https://i.pravatar.cc/300" alt="" >
</div>
<div class="avatar avatar-100 coverimg rounded-circle me-2 mb-3">
    <img class="w-auto" src="https://i.pravatar.cc/300" alt="" >
</div>
<div class="avatar avatar-90 coverimg rounded-circle me-2 mb-3">
    <img class="w-auto" src="https://i.pravatar.cc/300" alt="" >
</div>
<div class="avatar avatar-80 coverimg rounded-circle me-2 mb-3">
    <img class="w-auto" src="https://i.pravatar.cc/300" alt="" >
</div>
<div class="avatar avatar-70 coverimg rounded-circle me-2 mb-3">
    <img class="w-auto" src="https://i.pravatar.cc/300" alt="" >
</div>
<div class="avatar avatar-60 coverimg rounded-circle me-2 mb-3">
    <img class="w-auto" src="https://i.pravatar.cc/300" alt="" >
</div>
<div class="avatar avatar-50 coverimg rounded-circle me-2 mb-3">
    <img class="w-auto" src="https://i.pravatar.cc/300" alt="" >
</div>
<div class="avatar avatar-40 coverimg rounded-circle me-2 mb-3">
    <img class="w-auto" src="https://i.pravatar.cc/300" alt="" >
</div>
<div class="avatar avatar-30 coverimg rounded-circle me-2 mb-3">
    <img class="w-auto" src="https://i.pravatar.cc/300" alt="" >
</div>
<div class="avatar avatar-20 coverimg rounded-circle me-2 mb-3">
    <img class="w-auto" src="https://i.pravatar.cc/300" alt="" >
</div>
<div class="avatar avatar-10 coverimg rounded-circle me-2 mb-3">
    <img class="w-auto" src="https://i.pravatar.cc/300" alt="" >
</div>

Avatar Different Sizes

rounded-circle

rounded

rounded-circle

rounded

rounded-circle

rounded

Swiper Carousel

Colors