@diagramers/admin/src/views/blocks/images/ImagesNotification.js

Diagramers Admin Template - React starter for admin dashboards.

import React from 'react';

const ImagesNotification = () => {
  return (
    <>
      <div className="sw-6 mb-1 d-inline-block position-relative">
        <img src="/img/profile/profile-1.webp" className="img-fluid rounded-xl border border-2 border-foreground" alt="thumb" />
        <i className="p-1 border border-1 border-foreground bg-primary position-absolute rounded-xl e-0 t-0 mt-1 me-1" />
      </div>
      <div className="sw-6 mb-1 d-inline-block position-relative">
        <img src="/img/profile/profile-2.webp" className="img-fluid rounded-xl border border-2 border-foreground" alt="thumb" />
        <i className="p-1 border border-1 border-foreground bg-primary position-absolute rounded-xl e-0 b-0 mt-1 mb-1 me-1" />
      </div>
      <div className="sw-6 mb-1 d-inline-block position-relative">
        <img src="/img/profile/profile-3.webp" className="img-fluid rounded-xl border border-2 border-foreground" alt="thumb" />
        <i className="p-1 border border-1 border-foreground bg-primary position-absolute rounded-xl s-0 t-0 mt-1 ms-1" />
      </div>
      <div className="sw-6 mb-1 d-inline-block position-relative">
        <img src="/img/profile/profile-4.webp" className="img-fluid rounded-xl border border-2 border-foreground" alt="thumb" />
        <i className="p-1 border border-1 border-foreground bg-primary position-absolute rounded-xl s-0 b-0 mb-1 ms-1" />
      </div>
      <div className="sw-6 mb-1 d-inline-block position-relative">
        <img src="/img/profile/profile-5.webp" className="img-fluid rounded-xl border border-2 border-foreground" alt="thumb" />
        <i className="p-1 border border-1 border-foreground bg-secondary position-absolute rounded-xl e-0 t-0 mt-1 me-1" />
      </div>
      <div className="sw-6 mb-1 d-inline-block position-relative">
        <img src="/img/profile/profile-6.webp" className="img-fluid rounded-xl border border-2 border-foreground" alt="thumb" />
        <i className="p-1 border border-1 border-foreground bg-secondary position-absolute rounded-xl e-0 b-0 mt-1 mb-1 me-1" />
      </div>
      <div className="sw-6 mb-1 d-inline-block position-relative">
        <img src="/img/profile/profile-7.webp" className="img-fluid rounded-xl border border-2 border-foreground" alt="thumb" />
        <i className="p-1 border border-1 border-foreground bg-secondary position-absolute rounded-xl s-0 t-0 mt-1 ms-1" />
      </div>
      <div className="sw-6 mb-1 d-inline-block position-relative">
        <img src="/img/profile/profile-8.webp" className="img-fluid rounded-xl border border-2 border-foreground" alt="thumb" />
        <i className="p-1 border border-1 border-foreground bg-secondary position-absolute rounded-xl s-0 b-0 mb-1 ms-1" />
      </div>
    </>
  );
};

export default ImagesNotification;