https://fandoro.com/_next/static/chunks/pages/components/bootstrap/avatar-square-64cdf003ba7f0e8d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1873],{30390:function(a,s,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/bootstrap/avatar-square",function(){return e(79449)}])},79449:function(a,s,e){"use strict";e.r(s);var r=e(85893),i=e(33272);e(67294);var l=e(34051),c=e(31555),t=e(52686),d=e(72867);let m=()=>(0,r.jsxs)("div",{children:[(0,r.jsx)(i.Z,{title:"Avatar-Square"}),(0,r.jsx)(d.Z,{titles:"Avatar-Square",active:"Avatar-Square",items:["Componets"]}),(0,r.jsxs)(l.Z,{children:[(0,r.jsx)(c.Z,{md:12,lg:6,children:(0,r.jsxs)(t.Z,{children:[(0,r.jsx)(t.Z.Header,{children:(0,r.jsx)(t.Z.Title,{children:"Simple avatar"})}),(0,r.jsx)(t.Z.Body,{children:(0,r.jsxs)("div",{className:"text-wrap",children:[(0,r.jsxs)("p",{children:["Use classes",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar"}),"."]}),(0,r.jsx)("div",{className:"example",children:(0,r.jsxs)("div",{className:"avatar-list",children:[(0,r.jsx)("img",{className:"avatar cover-image",alt:"user1",src:"../../../assets/images/users/1.jpg"}),(0,r.jsx)("img",{className:"avatar cover-image",alt:"user2",src:"../../../assets/images/users/2.jpg"}),(0,r.jsx)("img",{className:"avatar cover-image",alt:"user1",src:"../../../assets/images/users/1.jpg"}),(0,r.jsx)("img",{className:"avatar cover-image",alt:"user2",src:"../../../assets/images/users/2.jpg"}),(0,r.jsx)("img",{className:"avatar cover-image",alt:"user3",src:"../../../assets/images/users/3.jpg"})]})})]})})]})}),(0,r.jsx)(c.Z,{md:12,lg:6,children:(0,r.jsxs)(t.Z,{children:[(0,r.jsx)(t.Z.Header,{children:(0,r.jsx)(t.Z.Title,{children:"Avatars list"})}),(0,r.jsx)(t.Z.Body,{children:(0,r.jsxs)("div",{className:"text-wrap",children:[(0,r.jsxs)("p",{children:["Use classes ",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar-list "})," and ",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar-list-stacked"}),"."]}),(0,r.jsx)("div",{className:"example",children:(0,r.jsxs)("div",{className:"avatar-list avatar-list-stacked",children:[(0,r.jsx)("img",{className:"avatar cover-image",alt:"user21",src:"../../../assets/images/users/21.jpg"}),(0,r.jsx)("img",{className:"avatar cover-image",alt:"user21",src:"../../../assets/images/users/21.jpg"}),(0,r.jsx)("img",{className:"avatar cover-image",alt:"user9",src:"../../../assets/images/users/9.jpg"}),(0,r.jsx)("img",{className:"avatar cover-image",alt:"user21",src:"../../../assets/images/users/21.jpg"}),(0,r.jsx)("img",{className:"avatar cover-image",alt:"user11",src:"../../../assets/images/users/11.jpg"}),(0,r.jsx)("span",{className:"avatar bg-primary",children:"+8"})]})})]})})]})})]}),(0,r.jsxs)(l.Z,{children:[(0,r.jsx)(c.Z,{md:12,lg:6,children:(0,r.jsxs)(t.Z,{children:[(0,r.jsx)(t.Z.Header,{children:(0,r.jsx)(t.Z.Title,{children:"Avatar status"})}),(0,r.jsx)(t.Z.Body,{children:(0,r.jsxs)("div",{className:"text-wrap",children:[(0,r.jsxs)("p",{children:["Use classes ",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar-status"})," ."]}),(0,r.jsx)("div",{className:"example",children:(0,r.jsxs)("div",{className:"avatar-list avatarstatus",children:[(0,r.jsx)("img",{className:"avatar cover-image",alt:"user21",src:"../../../assets/images/users/21.jpg"}),(0,r.jsxs)("div",{className:"avatar bradius cover-image",children:[(0,r.jsx)("img",{className:"avatar cover-image",alt:"user5",src:"../../../assets/images/users/5.jpg"}),(0,r.jsx)("span",{className:"avatar-status bg-primary"})]}),(0,r.jsxs)("div",{className:"avatar bradius cover-image",children:[(0,r.jsx)("img",{className:"avatar cover-image",alt:"user9",src:"../../../assets/images/users/9.jpg"}),(0,r.jsx)("span",{className:"avatar-status bg-red"})]}),(0,r.jsxs)("div",{className:"avatar bradius cover-image",children:[(0,r.jsx)("img",{className:"avatar cover-image",alt:"user6",src:"../../../assets/images/users/6.jpg"}),(0,r.jsx)("span",{className:"avatar-status bg-green"})]}),(0,r.jsxs)("div",{className:"avatar bradius cover-image",children:[(0,r.jsx)("img",{className:"avatar cover-image",alt:"user7",src:"../../../assets/images/users/7.jpg"}),(0,r.jsx)("span",{className:"avatar-status bg-yellow"})]})]})})]})})]})}),(0,r.jsx)(c.Z,{md:12,lg:6,children:(0,r.jsxs)(t.Z,{children:[(0,r.jsx)(t.Z.Header,{children:(0,r.jsx)(t.Z.Title,{children:"Avatar with Badges"})}),(0,r.jsx)(t.Z.Body,{children:(0,r.jsxs)("div",{className:"text-wrap",children:[(0,r.jsxs)("p",{children:["Use classes ",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar-badges"})," ."]}),(0,r.jsx)("div",{className:"example",children:(0,r.jsxs)("div",{className:"avatar-list",children:[(0,r.jsxs)("div",{className:"  avatar avatar-md bradius cover-image",children:[(0,r.jsx)("img",{className:"avatar avatar-md cover-image",alt:"user5",src:"../../../assets/images/users/5.jpg"}),(0,r.jsx)("span",{className:"badge rounded-pill avatar-badges bg-primary fs-10",children:"3"})]}),(0,r.jsxs)("div",{className:"  avatar avatar-md bradius cover-image",children:[(0,r.jsx)("img",{className:"avatar avatar-md cover-image",alt:"user5",src:"../../../assets/images/users/5.jpg"}),(0,r.jsx)("span",{className:"badge rounded-pill avatar-badges bg-secondary fs-10",children:"1"})]}),(0,r.jsxs)("div",{className:"  avatar avatar-md bradius cover-image",children:[(0,r.jsx)("img",{className:"avatar avatar-md cover-image",alt:"user9",src:"../../../assets/images/users/9.jpg"}),(0,r.jsx)("span",{className:"badge rounded-pill avatar-badges bg-red fs-10",children:"4"})]}),(0,r.jsxs)("div",{className:"  avatar avatar-md bradius cover-image",children:[(0,r.jsx)("img",{className:"avatar avatar-md cover-image",alt:"user6",src:"../../../assets/images/users/6.jpg"}),(0,r.jsx)("span",{className:"badge rounded-pill avatar-badges bg-green fs-10",children:"6"})]}),(0,r.jsxs)("div",{className:"  avatar avatar-md bradius cover-image",children:[(0,r.jsx)("img",{className:"avatar avatar-md cover-image",alt:"user7",src:"../../../assets/images/users/7.jpg"}),(0,r.jsx)("span",{className:"badge rounded-pill avatar-badges bg-yellow  fs-10",children:"4"})]})]})})]})})]})})]}),(0,r.jsxs)(l.Z,{children:[(0,r.jsx)(c.Z,{md:12,lg:6,children:(0,r.jsxs)(t.Z,{children:[(0,r.jsx)(t.Z.Header,{children:(0,r.jsx)(t.Z.Title,{children:"Avatar with icons"})}),(0,r.jsx)(t.Z.Body,{children:(0,r.jsxs)("div",{className:"text-wrap",children:[(0,r.jsxs)("p",{children:["Use classes ",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar-icons"})," ."]}),(0,r.jsx)("div",{className:"example",children:(0,r.jsxs)("div",{className:"avatar-list",children:[(0,r.jsxs)("div",{className:"avatar avatar-xl cover-image",children:[(0,r.jsx)("img",{className:"cover-image",alt:"user21",src:"../../../assets/images/users/21.jpg"}),(0,r.jsx)("span",{className:"badge rounded-pill avatar-icons bg-primary",children:(0,r.jsx)("i",{className:"fe fe-edit fs-12"})})]}),(0,r.jsxs)("div",{className:"avatar avatar-xl cover-image",children:[(0,r.jsx)("img",{className:"cover-image",alt:"user5",src:"../../../assets/images/users/5.jpg"}),(0,r.jsx)("span",{className:"badge rounded-pill avatar-icons bg-secondary",children:(0,r.jsx)("i",{className:"fe fe-arrow-down fs-12"})})]}),(0,r.jsxs)("div",{className:"avatar avatar-xl cover-image",children:[(0,r.jsx)("img",{className:"cover-image",alt:"user9",src:"../../../assets/images/users/9.jpg"}),(0,r.jsx)("span",{className:"badge rounded-pill avatar-icons bg-red",children:(0,r.jsx)("i",{className:"fe fe-lock fs-12"})})]}),(0,r.jsxs)("div",{className:"avatar avatar-xl cover-image",children:[(0,r.jsx)("img",{className:"cover-image",alt:"user6",src:"../../../assets/images/users/6.jpg"}),(0,r.jsx)("span",{className:"badge rounded-pill avatar-icons bg-green",children:(0,r.jsx)("i",{className:"fe fe-camera fs-12"})})]}),(0,r.jsxs)("div",{className:"avatar avatar-xl cover-image",children:[(0,r.jsx)("img",{className:"cover-image",alt:"user7",src:"../../../assets/images/users/7.jpg"}),(0,r.jsx)("span",{className:"badge rounded-pill avatar-icons bg-green",children:(0,r.jsx)("i",{className:"fe fe-bell fs-12"})})]})]})})]})})]})}),(0,r.jsx)(c.Z,{md:12,lg:6,children:(0,r.jsxs)(t.Z,{children:[(0,r.jsx)(t.Z.Header,{children:(0,r.jsx)(t.Z.Title,{children:"Avatar size"})}),(0,r.jsx)(t.Z.Body,{children:(0,r.jsx)("div",{className:"text-wrap",children:(0,r.jsxs)("div",{className:"example",children:[(0,r.jsxs)("p",{children:["Use classes ",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar-sm"})," , ",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar-md"})," , ",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar-lg"})," , ",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar-xl"}),"                                                , ",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar-xxl"})," ."]}),(0,r.jsxs)("div",{className:"avatar-list",children:[(0,r.jsx)("img",{className:"avatar avatar-sm cover-image",alt:"user4",src:"../../../assets/images/users/4.jpg"}),(0,r.jsx)("img",{className:"avatar cover-image",alt:"user3",src:"../../../assets/images/users/3.jpg"}),(0,r.jsx)("img",{className:"avatar avatar-md cover-image",alt:"user5",src:"../../../assets/images/users/5.jpg"}),(0,r.jsx)("img",{className:"avatar avatar-lg cover-image",alt:"user6",src:"../../../assets/images/users/6.jpg"}),(0,r.jsx)("img",{className:"avatar avatar-xl cover-image",alt:"user4",src:"../../../assets/images/users/4.jpg"}),(0,r.jsx)("img",{className:"avatar avatar-xxl cover-image",alt:"user7",src:"../../../assets/images/users/7.jpg"})]})]})})})]})}),(0,r.jsx)(c.Z,{md:12,lg:6,children:(0,r.jsxs)(t.Z,{children:[(0,r.jsx)(t.Z.Header,{children:(0,r.jsx)(t.Z.Title,{children:"Avatar initials with colors"})}),(0,r.jsx)(t.Z.Body,{children:(0,r.jsx)("div",{className:"text-wrap",children:(0,r.jsxs)("div",{className:"example",children:[(0,r.jsxs)("p",{children:["Use classes ",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar-sm"})," , ",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar-md"})," , ",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar-lg"})," , ",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar-xl"}),"                                                , ",(0,r.jsx)("code",{className:"highlighter-rouge",children:".avatar-xxl"})," ."]}),(0,r.jsxs)("div",{className:"avatar-list",children:[(0,r.jsx)("span",{className:"avatar avatar-sm bg-success",children:"A"}),(0,r.jsx)("span",{className:"avatar bg-warning",children:"B"}),(0,r.jsx)("span",{className:"avatar avatar-md bg-danger",children:"C"}),(0,r.jsx)("span",{className:"avatar avatar-lg bg-info",children:"D"}),(0,r.jsx)("span",{className:"avatar avatar-xl bg-secondary",children:"GE"}),(0,r.jsx)("span",{className:"avatar avatar-xxl bg-primary",children:"A.N"})]})]})})})]})})]})]});m.layout="Contentlayout",s.default=m},72867:function(a,s,e){"use strict";var r=e(85893);e(67294);var i=e(26699);let l=a=>(0,r.jsx)("div",{children:(0,r.jsxs)("div",{className:"page-header",children:[(0,r.jsx)("h1",{className:"page-title",children:a.titles}),(0,r.jsx)("div",{children:(0,r.jsxs)(i.Z,{children:[a.items.map((a,s)=>(0,r.jsx)(i.Z.Item,{href:"#!",children:a},s)),(0,r.jsx)(i.Z.Item,{href:"#!",active:!0,children:a.active})]})})]})});s.Z=l},33272:function(a,s,e){"use strict";e.d(s,{Z:function(){return d}});var r=e(85893);e(67294);var i=e(9008),l=e.n(i),c={src:"/_next/static/media/favicon.00e6795d.ico",height:16,width:16,blurWidth:0,blurHeight:0};let t=a=>{let{title:s}=a;return(0,r.jsxs)(l(),{children:[(0,r.jsx)("title",{children:" Fandoro Technologies 

1- Making Businesses Responsible"}),(0,r.jsx)("link",{rel:"icon",href:c.src}),(0,r.jsx)("meta",{name:"description",content:"Fandoro Technologies - making businesses responsible"}),(0,r.jsx)("meta",{name:"author",content:"Fandoro Technologies Private Limited"}),(0,r.jsx)("meta",{name:"keywords",content:"next js dashboard template, admin dashboard nextjs, next js admin template, next js admin panel, admin dashboard, nextjs react bootstrap, react bootstrap with next js, next js admin dashboard, nextjs admin dashboard template, admin panel template, admin template react bootstrap, nextjs dashboard,next js react bootstrap"})]})};var d=t},9008:function(a,s,e){a.exports=e(42636)},26699:function(a,s,e){"use strict";e.d(s,{Z:function(){return g}});var r=e(93967),i=e.n(r),l=e(67294),c=e(76792),t=e(13551),d=e(85893);let m=l.forwardRef(({bsPrefix:a,active:s=!1,children:e,className:r,as:l="li",linkAs:m=t.Z,linkProps:n={},href:g,title:v,target:x,...j},h)=>{let o=(0,c.vE)(a,"breadcrumb-item");return(0,d.jsx)(l,{ref:h,...j,className:i()(o,r,{active:s}),"aria-current":s?"page":void 0,children:s?e:(0,d.jsx)(m,{...n,href:g,title:v,target:x,children:e})})});m.displayName="BreadcrumbItem";let n=l.forwardRef(({bsPrefix:a,className:s,listProps:e={},children:r,label:l="breadcrumb",as:t="nav",...m},n)=>{let g=(0,c.vE)(a,"breadcrumb");return(0,d.jsx)(t,{"aria-label":l,className:s,ref:n,...m,children:(0,d.jsx)("ol",{...e,className:i()(g,null==e?void 0:e.className),children:r})})});n.displayName="Breadcrumb";var g=Object.assign(n,{Item:m})}},function(a){a.O(0,[9774,2888,179],function(){return a(a.s=30390)}),_N_E=a.O()}]);