Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="content">
- <!-- Image grid -->
- <div class="mb-3">
- <h6 class="mb-0 font-weight-semibold">
- Image grid
- </h6>
- <span class="text-muted d-block">Image grid with 4 - 2 - 1 columns</span>
- </div>
- <div class="row">
- <div class="col-sm-6 col-xl-3">
- <div class="card">
- <div class="card-img-actions mx-1 mt-1">
- <img class="card-img img-fluid" src="/images/galleries/eko/71872943_915691282145781_7443058515855278080_n.jpg" alt="">
- <div class="card-img-actions-overlay card-img">
- <a href="/images/galleries/eko/71872943_915691282145781_7443058515855278080_n.jpg" class="btn btn-outline bg-white text-white border-white border-2 btn-icon rounded-round" data-popup="lightbox" rel="group">
- <i class="icon-plus3"></i>
- </a>
- <a href="#" class="btn btn-outline bg-white text-white border-white border-2 btn-icon rounded-round ml-2">
- <i class="icon-link"></i>
- </a>
- </div>
- </div>
- <div class="card-body">
- <div class="d-flex align-items-start flex-nowrap">
- <div>
- <div class="font-weight-semibold mr-2">71872943_915691282145781_7443058515855278080_n.jpg</div>
- <span class="font-size-sm text-muted">Size: 432kb</span>
- </div>
- <div class="list-icons list-icons-extended ml-auto">
- <a href="#" class="list-icons-item"><i class="icon-download top-0"></i></a>
- <a href="#" class="list-icons-item"><i class="icon-bin top-0"></i></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-xl-3">
- <div class="card">
- <div class="card-img-actions mx-1 mt-1">
- <img class="card-img img-fluid" src="/images/galleries/eko/AC_LEGACY_JOURNEY_2B.jpg" alt="">
- <div class="card-img-actions-overlay card-img">
- <a href="/images/galleries/eko/AC_LEGACY_JOURNEY_2B.jpg" class="btn btn-outline bg-white text-white border-white border-2 btn-icon rounded-round" data-popup="lightbox" rel="group">
- <i class="icon-plus3"></i>
- </a>
- <a href="#" class="btn btn-outline bg-white text-white border-white border-2 btn-icon rounded-round ml-2">
- <i class="icon-link"></i>
- </a>
- </div>
- </div>
- <div class="card-body">
- <div class="d-flex align-items-start flex-nowrap">
- <div>
- <div class="font-weight-semibold mr-2">AC_LEGACY_JOURNEY_2B.jpg</div>
- <span class="font-size-sm text-muted">Size: 432kb</span>
- </div>
- <div class="list-icons list-icons-extended ml-auto">
- <a href="#" class="list-icons-item"><i class="icon-download top-0"></i></a>
- <a href="#" class="list-icons-item"><i class="icon-bin top-0"></i></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-xl-3">
- <div class="card">
- <div class="card-img-actions mx-1 mt-1">
- <img class="card-img img-fluid" src="/images/galleries/eko/Annotation_2019-06-26_065429.gif" alt="">
- <div class="card-img-actions-overlay card-img">
- <a href="/images/galleries/eko/Annotation_2019-06-26_065429.gif" class="btn btn-outline bg-white text-white border-white border-2 btn-icon rounded-round" data-popup="lightbox" rel="group">
- <i class="icon-plus3"></i>
- </a>
- <a href="#" class="btn btn-outline bg-white text-white border-white border-2 btn-icon rounded-round ml-2">
- <i class="icon-link"></i>
- </a>
- </div>
- </div>
- <div class="card-body">
- <div class="d-flex align-items-start flex-nowrap">
- <div>
- <div class="font-weight-semibold mr-2">Annotation_2019-06-26_065429.gif</div>
- <span class="font-size-sm text-muted">Size: 432kb</span>
- </div>
- <div class="list-icons list-icons-extended ml-auto">
- <a href="#" class="list-icons-item"><i class="icon-download top-0"></i></a>
- <a href="#" class="list-icons-item"><i class="icon-bin top-0"></i></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-xl-3">
- <div class="card">
- <div class="card-img-actions mx-1 mt-1">
- <img class="card-img img-fluid" src="/images/galleries/eko/Annotation_2019-07-11_184706.jpg" alt="">
- <div class="card-img-actions-overlay card-img">
- <a href="/images/galleries/eko/Annotation_2019-07-11_184706.jpg" class="btn btn-outline bg-white text-white border-white border-2 btn-icon rounded-round" data-popup="lightbox" rel="group">
- <i class="icon-plus3"></i>
- </a>
- <a href="#" class="btn btn-outline bg-white text-white border-white border-2 btn-icon rounded-round ml-2">
- <i class="icon-link"></i>
- </a>
- </div>
- </div>
- <div class="card-body">
- <div class="d-flex align-items-start flex-nowrap">
- <div>
- <div class="font-weight-semibold mr-2">Annotation_2019-07-11_184706.jpg</div>
- <span class="font-size-sm text-muted">Size: 432kb</span>
- </div>
- <div class="list-icons list-icons-extended ml-auto">
- <a href="#" class="list-icons-item"><i class="icon-download top-0"></i></a>
- <a href="#" class="list-icons-item"><i class="icon-bin top-0"></i></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-sm-6 col-xl-3">
- <div class="card">
- <div class="card-img-actions mx-1 mt-1">
- <img class="card-img img-fluid" src="/images/galleries/eko/ave18.jpg" alt="">
- <div class="card-img-actions-overlay card-img">
- <a href="/images/galleries/eko/ave18.jpg" class="btn btn-outline bg-white text-white border-white border-2 btn-icon rounded-round" data-popup="lightbox" rel="group">
- <i class="icon-plus3"></i>
- </a>
- <a href="#" class="btn btn-outline bg-white text-white border-white border-2 btn-icon rounded-round ml-2">
- <i class="icon-link"></i>
- </a>
- </div>
- </div>
- <div class="card-body">
- <div class="d-flex align-items-start flex-nowrap">
- <div>
- <div class="font-weight-semibold mr-2">ave18.jpg</div>
- <span class="font-size-sm text-muted">Size: 432kb</span>
- </div>
- <div class="list-icons list-icons-extended ml-auto">
- <a href="#" class="list-icons-item"><i class="icon-download top-0"></i></a>
- <a href="#" class="list-icons-item"><i class="icon-bin top-0"></i></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- /image grid -->
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement