logo
  • logo
  • Layouts
    • Dashboard
      • Dashboard 1
      • Dashboard 2
      • Dashboard 3
    • Grid System
    • Layout Grids
  • Features
    • General Pages
      • FAQ
      • User List
      • Invoice
      • Blank
      • Profile
      • Search
      • Gallery
      • Gallery Grid
      • Maintenance
      • Email
    • Error Pages
      • Error 400
      • Error 403
      • Error 404
      • Error 405
      • Error 500
      • Error 503
    • Maps
      • Google Maps
      • Vector Map
    • Login
      • Login Page 1
      • Login Page 2
      • Login Page 3
    • Register
      • Register Page 1
      • Register Page 2
      • Register Page 3
    • Forgot Password
      • Forgot Password 1
      • Forgot Password 2
    • Lockscreen
      • Lockscreen 1
      • Lockscreen 2
    • Apps
      • Contacts
      • Calendar
      • Project
      • Mailbox
      • Message
      • Media
  • Components
    • Basic UI
      • Panel
        • Panel Structure
        • Panel Action
        • Panel Transition
      • Buttons
      • Icons
      • List
      • Dropdowns
      • Images
      • Modals
      • Scrollable
      • Typography
      • Utilities
      • Colors
      • Carousel
      • Tabs & Accordions
      • Badges & Labels
      • Tooltip & Popover
      • Progress Bars
    • Advanced UI
      • Tour
      • Animation
      • Highlight
      • Alertify
      • Masonry
      • Rating
      • Context Menu
      • Sortable & Nestable
      • Toastr
      • Lightbox
      • Treeview
      • Google Maps
      • Vector Maps
      • Bootbox Sweetalert
    • Elements
      • Alerts
      • Ribbon
      • Pricing Table
      • Overlay
      • Step
      • Cover
      • Simple Timeline
      • Timeline
      • Testimonials
      • Blockquotes
      • Breadcrumbs
      • Comments
      • Media
      • Chat
      • Nav
      • Navbars
      • Pagination
      • Different Headers
    • Forms
      • General Elements
      • Material Elements
      • Form Layouts
      • Form Validation
      • Form Masks
      • Advanced Elements
      • Form Wizard
      • Editor
        • Ace Editor
        • Markdown
        • Markdown Flav
        • Code Editor
      • Image Cropping
    • Tables
      • Basic Tables
      • Bootstrap Tables
      • floatThead
      • Responsive Tables
      • Editable Tables
      • Datatable
      • Ajax Datatable
      • jsGrid
      • FooTable
    • Charts
      • Chart.js
      • Gauges
      • Flot
      • Peity Charts
      • Morris Charts
      • Chartist
      • C3 Chart
      • Easy Pie Chart
      • EChart
      • Rickshaw
      • Sparkline
    • Widgets
      • Static Widgets
      • Data Widgets
      • Blog Widgets
      • Social Widgets
      • Chart Widgets
  • Extra Features
    • Page Layouts
      • User List
      • Invoice
      • Profile
      • Gallery
      • Gallery grid
      • Email
      Charts & Forms
      • Flot
      • Chartist
      • Form validation
      • Form layouts
      • JsGrid
      • FooTable
      UI & Components
        • Animation
        • Buttons
        • Colors
        • Dropdowns
        • Icons
        • Lightbox
        • Tooltip & popover
        • Progress bars
        • Sortable nestable
        • Bootbox & sweetalert
        • Ribbon
        • Pricing tables
      Image
      • features-img
  • Toggle Search
  • Profile Image
    • Profile
    • Billing
    • Settings
    • Logout
  • 5
    • NEW UPDATES
      New 5
    • New tasks needs to be done
      2 min ago
      New feature added
      1 hours ago
      Change your password
      2 days ago
      New Product order
      3 days ago
      New User review
      3 days ago
    • All notifications
    • US
    • AU
    • IN
    • PT
    • DE

Carousel

  1. Home
  2. Basic UI
  3. Carousel

Carousel

Default

The Carousel plugin is a component for cycling through elements, like a carousel (slideshow).

carousel
carousel
carousel
Previous Next

Captions

Add <div class="carousel-caption"> within each <div class="item">to create a caption for each slide.

Carousel with Caption

First Image

Habitant quis class in mollis magnis. Nunc turpis porta augue.

Carousel with Caption

Second Image

Placerat sed in parturient dictum interdum nunc ullamcorper.

Carousel with Caption

Third Image

Aliquam amet sociosqu praesent potenti quam. Taciti pretium dictumst.

Previous Next

Owlcarousel

No Margins

Owlcarousel of image without margin..Image carousels allow users to browse through a set of items and make a selection of one if they so choose. Typically, the images are hyperlinked.

Sample Portfolio

User can also add Label and some content about image below the gallery.

Pede Facilisis

Mi Netus nostra mattis amet convallis ipsum. Amet vitae lacinia.

Keja Gtiyaju

Sapien. Euismod Senectus phasellus eleifend elementum dolor montes, sed potenti.

Ipsum Dolor

Porta risus sed eu per lacinia massa diam scelerisque dapibus dolor.

Pede Facilisis

Pretium, habitant consequat ante facilisis. Vulputate. Tempus a, varius montes.

Loigi Dictusin

Cubilia dictumst fusce turpis Euismod imperdiet sociis malesuada dis molestie.

Purus Elementum

Elit quisque cras mattis donec morbi purus elementum auctor facilisis.

Slick Carousel

Single Item

A

B

C

D

E

F

Multiple Items

A

B

C

D

E

F

G

H

I

Data Attribute Settings

A

B

C

D

E

F

AutoPlay

A

B

C

D

E

F

Responsive Display

A

B

C

D

E

F

G

H

Adaptive Height

A

B

User!!

C

Hii
Check in!

D

Yeah...

© 2016 Porish
All Rights Reserved.

Colors

Fonts

Templates

Light
Gray

Background Image