https://students-universco.univ-saida.dz/static/js/1365.5a022959.chunk.js

1"use strict";(globalThis.webpackChunkuniversco_web_app_for_students=globalThis.webpackChunkuniversco_web_app_for_students||[]).push([[1365],{10995(s,e,l){l.r(e),l.d(e,{default:()=>o});l(65043);var i=l(93946),c=l(32049);const d=l.p+"static/media/angular.2f3764e2ec8b0b47ebe6.jpg";var r=l(61218);const t=l.p+"static/media/vue.8a74d93fde1a02c24730.jpg";var a=l(70579);const n=["data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_1607923e7e2%20text%20%7B%20fill%3A%23AAA%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_1607923e7e2%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23F5F5F5%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22285.9296875%22%20y%3D%22217.75625%22%3EFirst%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E","data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa20%20text%20%7B%20fill%3A%23BBB%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa20%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23EEE%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22247.3203125%22%20y%3D%22218.3%22%3ESecond%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E","data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa21%20text%20%7B%20fill%3A%23999%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa21%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23E5E5E5%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22277%22%20y%3D%22218.3%22%3EThird%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"],o=()=>(0,a.jsxs)(i.sK,{children:[(0,a.jsx)(i.UF,{xs:12,children:(0,a.jsxs)(i.E$,{className:"mb-4",children:[(0,a.jsxs)(i.V0,{children:[(0,a.jsx)("strong",{children:"Carousel"})," ",(0,a.jsx)("small",{children:"Slide only"})]}),(0,a.jsxs)(i.W6,{children:[(0,a.jsx)("p",{className:"text-medium-emphasis small",children:"Here\u2019s a carousel with slides"}),(0,a.jsx)(c.Eb,{href:"components/carousel",children:(0,a.jsxs)(i.sF,{children:[(0,a.jsx)(i.zu,{children:(0,a.jsx)("img",{className:"d-block w-100",src:r,alt:"slide 1"})}),(0,a.jsx)(i.zu,{children:(0,a.jsx)("img",{className:"d-block w-100",src:d,alt:"slide 2"})}),(0,a.jsx)(i.zu,{children:(0,a.jsx)("img",{className:"d-block w-100",src:t,alt:"slide 3"})})]})})]})]})}),(0,a.jsx)(i.UF,{xs:12,children:(0,a.jsxs)(i.E$,{className:"mb-4",children:[(0,a.jsxs)(i.V0,{children:[(0,a.jsx)("strong",{children:"Carousel"})," ",(0,a.jsx)("small",{children:"With controls"})]}),(0,a.jsxs)(i.W6,{children:[(0,a.jsxs)("p",{className:"text-medium-emphasis small",children:["Adding in the previous and next controls by ",(0,a.jsx)("code",{children:"controls"})," property."]}),(0,a.jsx)(c.Eb,{href:"components/carousel/#with-controls",children:(0,a.jsxs)(i.sF,{controls:!0,children:[(0,a.jsx)(i.zu,{children:(0,a.jsx)("img",{className:"d-block w-100",src:r,alt:"slide 1"})}),(0,a.jsx)(i.zu,{children:(0,a.jsx)("img",{className:"d-block w-100",src:d,alt:"slide 2"})}),(0,a.jsx)(i.zu,{children:(0,a.jsx)("img",{className:"d-block w-100",src:t,alt:"slide 3"})})]})})]})]})}),(0,a.jsx)(i.UF,{xs:12,children:(0,a.jsxs)(i.E$,{className:"mb-4",children:[(0,a.jsxs)(i.V0,{children:[(0,a.jsx)("strong",{children:"Carousel"})," ",(0,a.jsx)("small",{children:"With indicators"})]}),(0,a.jsxs)(i.W6,{children:[(0,a.jsx)("p",{className:"text-medium-emphasis 

1small",children:"You can attach the indicators to the carousel, lengthwise the controls, too."}),(0,a.jsx)(c.Eb,{href:"components/carousel/#with-indicators",children:(0,a.jsxs)(i.sF,{controls:!0,indicators:!0,children:[(0,a.jsx)(i.zu,{children:(0,a.jsx)("img",{className:"d-block w-100",src:r,alt:"slide 1"})}),(0,a.jsx)(i.zu,{children:(0,a.jsx)("img",{className:"d-block w-100",src:d,alt:"slide 2"})}),(0,a.jsx)(i.zu,{children:(0,a.jsx)("img",{className:"d-block w-100",src:t,alt:"slide 3"})})]})})]})]})}),(0,a.jsx)(i.UF,{xs:12,children:(0,a.jsxs)(i.E$,{className:"mb-4",children:[(0,a.jsxs)(i.V0,{children:[(0,a.jsx)("strong",{children:"Carousel"})," ",(0,a.jsx)("small",{children:"With captions"})]}),(0,a.jsxs)(i.W6,{children:[(0,a.jsxs)("p",{className:"text-medium-emphasis small",children:["You can add captions to slides with the ",(0,a.jsx)("code",{children:"<CCarouselCaption>"})," element within any ",(0,a.jsx)("code",{children:"<CCarouselItem>"}),". They can be immediately hidden on smaller viewports, as shown below, with optional"," ",(0,a.jsx)("a",{href:"https://coreui.io/4.0/utilities/display",children:"display utilities"}),". We hide them with ",(0,a.jsx)("code",{children:".d-none"})," and draw them back on medium-sized devices with"," ",(0,a.jsx)("code",{children:".d-md-block"}),"."]}),(0,a.jsx)(c.Eb,{href:"components/carousel/#with-captions",children:(0,a.jsxs)(i.sF,{controls:!0,indicators:!0,children:[(0,a.jsxs)(i.zu,{children:[(0,a.jsx)("img",{className:"d-block w-100",src:r,alt:"slide 1"}),(0,a.jsxs)(i.K9,{className:"d-none d-md-block",children:[(0,a.jsx)("h5",{children:"First slide label"}),(0,a.jsx)("p",{children:"Some representative placeholder content for the first slide."})]})]}),(0,a.jsxs)(i.zu,{children:[(0,a.jsx)("img",{className:"d-block w-100",src:d,alt:"slide 2"}),(0,a.jsxs)(i.K9,{className:"d-none d-md-block",children:[(0,a.jsx)("h5",{children:"Second slide label"}),(0,a.jsx)("p",{children:"Some representative placeholder content for the first slide."})]})]}),(0,a.jsxs)(i.zu,{children:[(0,a.jsx)("img",{className:"d-block w-100",src:t,alt:"slide 3"}),(0,a.jsxs)(i.K9,{className:"d-none d-md-block",children:[(0,a.jsx)("h5",{children:"Third slide label"}),(0,a.jsx)("p",{children:"Some representative placeholder content for the first slide."})]})]})]})})]})]})}),(0,a.jsx)(i.UF,{xs:12,children:(0,a.jsxs)(i.E$,{className:"mb-4",children:[(0,a.jsxs)(i.V0,{children:[(0,a.jsx)("strong",{children:"Carousel"})," ",(0,a.jsx)("small",{children:"Crossfade"})]}),(0,a.jsxs)(i.W6,{children:[(0,a.jsxs)("p",{className:"text-medium-emphasis small",children:["Add ",(0,a.jsx)("code",{children:'transition="crossfade"'})," to your carousel to animate slides with a fade transition instead of a slide."]}),(0,a.jsx)(c.Eb,{href:"components/carousel/#crossfade",children:(0,a.jsxs)(i.sF,{controls:!0,transition:"crossfade",children:[(0,a.jsx)(i.zu,{children:(0,a.jsx)("img",{className:"d-block w-100",src:r,alt:"slide 1"})}),(0,a.jsx)(i.zu,{children:(0,a.jsx)("img",{className:"d-block w-100",src:d,alt:"slide 2"})}),(0,a.jsx)(i.zu,{children:(0,a.jsx)("img",{className:"d-block w-100",src:t,alt:"slide 3"})})]})})]})]})}),(0,a.jsx)(i.UF,{xs:12,children:(0,a.jsxs)(i.E$,{className:"mb-4",children:[(0,a.jsxs)(i.V0,{children:[(0,a.jsx)("strong",{children:"Carousel"})," ",(0,a.jsx)("small",{children:"Dark variant"})]}),(0,a.jsxs)(i.W6,{children:[(0,a.jsxs)("p",{className:"text-medium-emphasis small",children:["Add ",(0,a.jsx)("code",{children:"dark"})," property to the ",(0,a.jsx)("code",{children:"CCarousel"})," for darker controls, indicators, and captions. Controls have been inverted from their default white fill with the ",(0,a.jsx)("code",{children:"filter"})," CSS property. Captions and controls have additional Sass variables that customize the ",(0,a.jsx)("code",{children:"color"})," and ",(0,a.jsx)("code",{children:"background-color"}),"."]}),(0,a.jsx)(c.Eb,{href:"components/carousel/#dark-variant",children:(0,a.jsxs)(i.sF,{controls:!0,indicators:!0,dark:!0,children:[(0,a.jsxs)(i.zu,{children:[(0,a.jsx)("img",{className:"d-block w-100",src:n[0],alt:"slide 1"}),(0,a.jsxs)(i.K9,{className:"d-none d-md-block",children:[(0,a.jsx)("h5",{children:"First slide label"}),(0,a.jsx)("p",{children:"Some representative placeholder content for the first slide."})]})]}),(0,a.jsxs)(i.zu,{children:[(0,a.jsx)("img",{className:"d-block w-100",src:n[1],alt:"slide 2"}),(0,a.jsxs)(i.K9,{className:"d-none d-md-block",children:[(0,a.jsx)("h5",{children:"Second slide label"}),(0,a.jsx)("p",{children:"Some representative placeholder content for the first slide."})]})]}),(0,a.jsxs)(i.zu,{children:[(0,a.jsx)("img",{className:"d-block w-100",src:n[2],alt:"slide 3"}),(0,a.jsxs)(i.K9,{className:"d-none d-md-block",children:[(0,a.jsx)("h5",{children:"Third slide label"}),(0,a.jsx)("p",{children:"Some representative placeholder content for the first slide."})]})]})]})})]})]})})]})},61218(s,e,l){s.exports=l.p+"static/media/react.83088efde08a5dedde9f.jpg"}}]);
2//# sourceMappingURL=1365.5a022959.chunk.js.map