• modern admin logo

    Modern

  • Mega
    • Mega Menu Sidebar

      Candy canes bonbon toffee. Cheesecake dragée gummi bears chupa chups powder bonbon. Apple pie cookie sweet.

    • Admin Panel
      • eCommerce

      • Travel

      • Hospital

      • Crypto

      • Support

      • Bank

    • Components
        • Alert
        • Callout
        • Buttons
        • Carousel
        • Drop Down
        • List Group
        • Modals
        • Pagination
  • search
    • English French Portuguese German
    • notifications_none5
      • Notifications
        5 New
      • add_box
        You have new order!

        Lorem ipsum dolor sit amet, consectetuer elit.

        30 minutes ago
        cloud_download
        99% Server load

        Aliquam tincidunt mauris eu risus.

        Five hour ago
        warning
        Warning notifixation

        Vestibulum auctor dapibus neque.

        Today
        check_circle
        Complete the task
        Last week
        insert_drive_file
        Generate monthly report
        Last month
      • Read all notifications
    • mail_outline
      • Messages
        4 New
      • avatar
        Margaret Govan

        I like your portfolio, let's start.

        Today
        avatar
        Bret Lezama

        I have seen your work, there is

        Tuesday
        avatar
        Carie Berra

        Can we have call in this week ?

        Friday
        avatar
        Eric Alsobrook

        We have project party this saturday.

        last month
      • Read all messages
    • John Doeavatar
      person_outline Edit Profileplaylist_add_check Todocontent_paste Task
      power_settings_new Logout
    • settings_input_svideoDashboard
      • add_shopping_carteCommerce
      • filter_1Crypto
      • local_atmSales
    • tvTemplates
      • swap_vertVertical
        • Classic Menu
        • Modern Menu
        • Collapsed Menu
        • Compact Menu
        • Content Menu
        • Overlay Menu
      • swap_horizHorizontal
        • Classic
        • Full Width
    • appsApps
      • playlist_add_checkToDo
      • people_outlineContacts
      • mail_outlineEmail
      • chat_bubble_outlineChat
      • playlist_add_checkKanban
      • playlist_addProject
        • Project Summary
        • Project Task
        • Project Bugs
      • event_noteCalendars
        • Full Calendar
          • Basic
          • Events
          • Advance
          • Extra
        • CLNDR
    • filter_2Pages
      • library_booksNews Feed
      • stay_current_portraitSocial Feed
      • content_pasteInvoice
        • Invoice Summary
        • Invoice Template
        • Invoice List
      • timelineTimelines
        • Timelines Center
        • Timelines Left
        • Timelines Right
        • Timelines Horizontal
      • account_circleAccount Setting
      • person_outlineUsers
        • Users List
        • Users View
        • Users Edit
        • Users Profile
        • Users Cards
        • Users List
      • wallpaperGallery
        • Gallery Grid
        • Gallery Grid with Desc
        • Masonry Gallery
        • Masonry Gallery with Desc
        • Hover Effects
      • searchSearch
        • Search Page
        • Search Website
        • Search Images
        • Search Videos
      • lock_outlineAuthentication
        • Login Simple
        • Login with Bg
        • Login with Bg Image
        • Login with Navbar
        • Login Advanced
        • Register Simple
        • Register with Bg
        • Register with Bg Image
        • Register with Navbar
        • Register Advanced
        • Unlock User
        • recover-password
      • error_outlineError
        • Error 400
        • Error 400 with Navbar
        • Error 401
        • Error 401 with Navbar
        • Error 403
        • Error 403 with Navbar
        • Error 404
        • Error 404 with Navbar
        • Error 500
        • Error 500 with Navbar
      • filter_2Others
        • Coming Soon
          • Flat
          • Bg image
          • Bg video
        • Maintenance
      • attach_moneyPricing
      • credit_cardCheckout
      • help_outlineFAQ
      • info_outlineKnowledge Base
    • layersLayouts
      • grid_onPage layouts
        • Content Det. Sidebar
          • Detached left sidebar
          • Detached sticky left sidebar
          • Detached right sidebar
          • Detached sticky right sidebar
        • Fixed navigation
        • Fixed layout
        • Boxed layout
        • Static layout
        • Light layout
        • Dark layout
      • menuNavbars
        • Navbar Light
        • Navbar Dark
        • Navbar Semi Dark
        • Brand Center
        • Navbar Components
        • Navbar Styling
      • arrow_downwardVertical Nav
        • Navigation Types
          • Vertical Menu
          • Vertical Overlay
          • Vertical Compact
          • Vertical Content
      • arrow_forwardHorizontal Nav
        • Navigation Types
          • Left Icon Navigation
          • Full Width Navigation
      • local_parkingPage Headers
        • Breadcrumbs basic
        • Breadcrumbs top
        • Breadcrumbs bottom
        • Breadcrumbs top with desc
        • Breadcrumbs with button
        • Breadcrumbs with button 2
        • Breadcrumbs with buttons
        • Breadcrumbs with desc
        • Breadcrumbs with search
        • Breadcrumbs with stats
      • copyrightFooters
        • Footer Light
        • Footer Dark
        • Footer Transparent
        • Footer Fixed
        • Footer Components
    • webUI
      • crop_landscapeCards
        • Bootstrap
        • Headings
        • Options
        • Action
        • Draggable
      • star_borderAdvance Cards
        • Statistics
        • Weather
        • Charts
        • Interactive
        • Maps
        • Social
        • E-Commerce
      • detailsContent
        • Grid
        • Typography
        • Text utilities
        • Syntax highlighter
        • Helper classes
      • dvrComponents
        • Alerts
        • Callout
        • Buttons
        • Carousel
        • Collapse
        • Dropdowns
        • List Group
        • Modals
        • Pagination
        • Navs Component
        • Tabs Component
        • Pills Component
        • Tooltips
        • Popovers
        • Badges
        • Pill Badges
        • Progress
        • Media Objects
        • Scrollable
        • Spinners
      • track_changesExtra Components
        • Sweet Alerts
        • Tree Views
        • Toastr
        • Ratings
        • NoUI Slider
        • Date Time Dropper
        • Lists
        • Toolbar
        • Knob
        • Long Press
        • Offline
        • Zoom
        • media Player
        • Tour
        • Swiper
        • Avatar
        • Miscellaneous
      • hdr_weakAnimation
    • tocForms
      • format_list_bulletedForm Elements
        • Form Inputs
        • Input Groups
        • Input Grid
        • Extended Inputs
        • Checkboxes & Radios
        • Switch
        • Select
          • Select2
          • Selectize
          • Selectivity
          • Select Box It
        • Dual Listbox
        • Tags Input
        • Validation
      • grid_onForm Layouts
        • Basic Forms
        • Horizontal Forms
        • Hidden Labels
        • Form Actions
        • Row Separator
        • Bordered
        • Striped Rows
        • Striped Labels
      • linear_scaleForm Wizard
        • Circle Style
        • Notification Style
      • repeatForm Repeater
    • tocOthers
      • folder_openGeneral
        • brushColor Palette
          • Primary palette
          • Danger palette
          • Success palette
          • Warning palette
          • Info palette
          • Red palette
          • Pink palette
          • Purple palette
          • Blue palette
          • Cyan palette
          • Teal palette
          • Yellow palette
          • Amber palette
          • Blue Grey palette
        • codeStarter kit
          • 1 column
          • Content Det. Sidebar
            • Detached left sidebar
            • Detached sticky left sidebar
            • Detached right sidebar
            • Detached sticky right sidebar
          • Fixed navigation
          • Fixed layout
          • Boxed layout
          • Static layout
          • Light layout
          • Dark layout
        • visibility_offDisabled Menu
        • swap_horizMenu levels
          • Second level
          • Second level child
            • Third level
            • Third level child
              • Fourth level
              • Fourth level
      • format_list_numberedTables
        • format_list_numberedBootstrap Tables
          • Basic Tables
          • Table Border
          • Table Sizing
          • Table Styling
          • Table Components
        • select_allDataTables
          • Basic Initialisation
          • Advanced initialisation
          • Styling
          • Data Sources
          • API
        • border_allDataTables Ext.
          • AutoFill
          • Buttons
            • Basic Buttons
            • HTML 5 Data Export
            • Flash Data Export
            • Column Visibility
            • Print
            • API
          • Column Reorder
          • Fixed Columns
          • Key Table
          • Row Reorder
          • Select
          • Fix Header
          • Responsive
          • Column Visibility
      • trending_upCharts
        • data_usageApex Charts
        • show_chartChartjs
          • Line charts
          • Bar charts
          • Pie & Doughnut charts
          • Scatter charts
          • Polar & Radar charts
          • Advance charts
        • multiline_chartD3 Charts
          • Line Chart
          • Bar Chart
          • Pie Chart
          • Circle Diagrams
          • Tree Chart
          • Other Charts
        • pie_chart_outlinedChartist
          • Line charts
          • Bar charts
          • Pie charts
        • timelineMorris Charts
        • track_changesRickshaw Charts
        • center_focus_weakMaps
          • Leaflet Maps
          • Vector Maps
            • jVector Map
            • JQV Map

    Carousel

    1. Home
    2. Components
    3. Carousel
    Alerts Cards Progress
    Register

    Nested carousels are not supported.

    Basic Example

    First slide
    Second slide
    Third slide
    Previous Next

    Optional captions

    First slide

    First Slide Label

    Donut jujubes I love topping I love sweet. Jujubes I love brownie gummi bears I love donut sweet chocolate. Tart chocolate marshmallow.Tart carrot cake muffin.

    Second slide

    Second Slide Label

    Tart macaroon marzipan I love soufflé apple pie wafer. Chocolate bar jelly caramels jujubes chocolate cake gummies. Cupcake cake I love cake danish carrot cake.

    Third slide

    Third Slide Label

    Pudding sweet pie gummies. Chocolate bar sweet tiramisu cheesecake chocolate cotton candy pastry muffin. Marshmallow cake powder icing.

    Previous Next

    Carousel Options

    Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-interval="".

    Interval Option

    The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle.

    First slide
    Second slide
    Third slide
    Previous Next

    Pause Option

    If set to "hover", pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. If set to null, hovering over the carousel won't pause it.

    First slide
    Second slide
    Third slide
    Previous Next

    Wrap Option

    Whether the carousel should cycle continuously or have hard stops. Default: true

    First slide
    Second slide
    Third slide
    Previous Next

    Keyboard Option

    Whether the carousel should react to keyboard events. Default: true

    First slide
    Second slide
    Third slide
    Previous Next

    Copyright © 2019 PIXINVENTHand-crafted & Made with