Skip to main content

Images

Circle Image

1

140x140 px


<img class="img-circle-xl" src="assets/images/img.jpg" alt="">

1

120x120 px


<img class="img-circle-lg" src="assets/images/img.jpg" alt="">

1

100x100 px


<img class="img-circle-md" src="assets/images/img.jpg" alt="">

1

80x80 px


<img class="img-circle-sm" src="assets/images/img.jpg" alt="">

1

60x60 px


<img class="img-circle-xs" src="assets/images/img.jpg" alt="">

Border Radius

d
d
d
d
d
d
d
d

<div class="row col-spacing-20">
  <div class="col-6 col-sm-4 col-lg-3">
    <img class="border-radius" src="../assets/images/img-src.jpg" alt="">
  </div>
  <div class="col-6 col-sm-4 col-lg-3">
    <img class="border-radius-025" src="../assets/images/img-src.jpg" alt="">
  </div>
  <div class="col-6 col-sm-4 col-lg-3">
    <img class="border-radius-05" src="../assets/images/img-src.jpg" alt="">
  </div>
  <div class="col-6 col-sm-4 col-lg-3">
    <img class="border-radius-10" src="../assets/images/img-src.jpg" alt="">
  </div>
  <div class="col-6 col-sm-4 col-lg-3">
    <img class="border-radius-15" src="../assets/images/img-src.jpg" alt="">
  </div>
  <div class="col-6 col-sm-4 col-lg-3">
    <img class="border-radius-20" src="../assets/images/img-src.jpg" alt="">
  </div>
  <div class="col-6 col-sm-4 col-lg-3">
    <img class="border-radius-25" src="../assets/images/img-src.jpg" alt="">
  </div>
  <div class="col-6 col-sm-4 col-lg-3">
    <img class="border-radius-30" src="../assets/images/img-src.jpg" alt="">
  </div>
</div>