Accordion

[swift_accordion][swift_accordion_inner title="Accordion title"][vc_row_inner][vc_column_inner][vc_column_text]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][swift_accordion_inner title="Other title"][vc_row_inner][vc_column_inner][vc_column_text]Fusce elementum orci turpis, et lacinia tortor tempor in. Pellentesque dictum ut felis id molestie. Integer vehicula venenatis libero, sit amet consequat mauris tincidunt eget. In non placerat justo, nec laoreet turpis. Vivamus nec tristique ante. Mauris tempor massa a felis venenatis, sit amet dignissim massa tincidunt. Pellentesque suscipit congue tellus.[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][swift_accordion_inner title="Just another title"][vc_row_inner][vc_column_inner][vc_column_text]Morbi a lacus enim. Curabitur at tortor quis tellus aliquam bibendum vitae faucibus metus. Vestibulum quis ipsum quis dolor pulvinar pretium fringilla feugiat diam. Donec nibh sem, varius ut fermentum non, efficitur vel enim. Maecenas cursus mattis tellus, eu ornare sapien imperdiet eget. Sed ac leo sit amet lectus blandit laoreet sit amet sed justo. Vivamus tempor, odio sed elementum rutrum, libero ante sagittis sem, in tempor ipsum purus sit amet est. In non fringilla quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][swift_accordion_inner title="Yet another title"][vc_row_inner][vc_column_inner][vc_column_text]Aliquam erat volutpat. Suspendisse vulputate magna eu urna vehicula, sit amet congue quam sollicitudin. Suspendisse leo felis, faucibus non venenatis vel, ultrices eu justo. Sed enim arcu, auctor a ex sit amet, aliquam convallis urna. Pellentesque sagittis consectetur ante placerat dictum. Morbi cursus condimentum turpis vitae efficitur. Pellentesque in facilisis ex. Sed accumsan et metus a pharetra. Donec sit amet orci sit amet tortor gravida hendrerit et id velit. Pellentesque porta leo tellus, sed imperdiet enim aliquet nec.[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][/swift_accordion]

Default Accordion

  • Accordion title

    I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

  • Other title

    Fusce elementum orci turpis, et lacinia tortor tempor in. Pellentesque dictum ut felis id molestie. Integer vehicula venenatis libero, sit amet consequat mauris tincidunt eget. In non placerat justo, nec laoreet turpis. Vivamus nec tristique ante. Mauris tempor massa a felis venenatis, sit amet dignissim massa tincidunt. Pellentesque suscipit congue tellus.

  • Just another title

    Morbi a lacus enim. Curabitur at tortor quis tellus aliquam bibendum vitae faucibus metus. Vestibulum quis ipsum quis dolor pulvinar pretium fringilla feugiat diam. Donec nibh sem, varius ut fermentum non, efficitur vel enim. Maecenas cursus mattis tellus, eu ornare sapien imperdiet eget. Sed ac leo sit amet lectus blandit laoreet sit amet sed justo. Vivamus tempor, odio sed elementum rutrum, libero ante sagittis sem, in tempor ipsum purus sit amet est. In non fringilla quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

  • Yet another title

    Aliquam erat volutpat. Suspendisse vulputate magna eu urna vehicula, sit amet congue quam sollicitudin. Suspendisse leo felis, faucibus non venenatis vel, ultrices eu justo. Sed enim arcu, auctor a ex sit amet, aliquam convallis urna. Pellentesque sagittis consectetur ante placerat dictum. Morbi cursus condimentum turpis vitae efficitur. Pellentesque in facilisis ex. Sed accumsan et metus a pharetra. Donec sit amet orci sit amet tortor gravida hendrerit et id velit. Pellentesque porta leo tellus, sed imperdiet enim aliquet nec.

[swift_accordion][swift_accordion_inner title="Accordion title"][vc_row_inner][vc_column_inner swift_animation="c-animate-right" css=".vc_custom_1456236596407{padding-left: 10px !important;}"][swift_icon icon="swift-svg-icon linea-icon-basic-gear"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner swift_animation="c-animate-right"][vc_column_text]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][swift_accordion_inner title="Other title"][vc_row_inner][vc_column_inner swift_animation="c-animate-left" css=".vc_custom_1456236329479{padding-left: 5px !important;}"][swift_icon icon="swift-svg-icon linea-icon-basic-lightbulb"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner swift_animation="c-animate-right"][vc_column_text]Fusce elementum orci turpis, et lacinia tortor tempor in. Pellentesque dictum ut felis id molestie. Integer vehicula venenatis libero, sit amet consequat mauris tincidunt eget. In non placerat justo, nec laoreet turpis. Vivamus nec tristique ante. Mauris tempor massa a felis venenatis, sit amet dignissim massa tincidunt. Pellentesque suscipit congue tellus.[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][swift_accordion_inner title="Just another title"][vc_row_inner][vc_column_inner swift_animation="c-animate-right"][swift_icon icon="swift-svg-icon linea-icon-ecommerce-graph-increase"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner swift_animation="c-animate-left"][vc_column_text]Morbi a lacus enim. Curabitur at tortor quis tellus aliquam bibendum vitae faucibus metus. Vestibulum quis ipsum quis dolor pulvinar pretium fringilla feugiat diam. Donec nibh sem, varius ut fermentum non, efficitur vel enim. Maecenas cursus mattis tellus, eu ornare sapien imperdiet eget. Sed ac leo sit amet lectus blandit laoreet sit amet sed justo. Vivamus tempor, odio sed elementum rutrum, libero ante sagittis sem, in tempor ipsum purus sit amet est. In non fringilla quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][swift_accordion_inner title="Yet another title"][vc_row_inner][vc_column_inner swift_animation="c-animate-left" css=".vc_custom_1456236563309{padding-left: 5px !important;}"][swift_icon icon="swift-svg-icon linea-icon-ecommerce-gift"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner swift_animation="c-animate-right"][vc_column_text]Aliquam erat volutpat. Suspendisse vulputate magna eu urna vehicula, sit amet congue quam sollicitudin. Suspendisse leo felis, faucibus non venenatis vel, ultrices eu justo. Sed enim arcu, auctor a ex sit amet, aliquam convallis urna. Pellentesque sagittis consectetur ante placerat dictum. Morbi cursus condimentum turpis vitae efficitur. Pellentesque in facilisis ex. Sed accumsan et metus a pharetra. Donec sit amet orci sit amet tortor gravida hendrerit et id velit. Pellentesque porta leo tellus, sed imperdiet enim aliquet nec.[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][/swift_accordion]

Animated sections

  • Accordion title

    I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

  • Other title

    Fusce elementum orci turpis, et lacinia tortor tempor in. Pellentesque dictum ut felis id molestie. Integer vehicula venenatis libero, sit amet consequat mauris tincidunt eget. In non placerat justo, nec laoreet turpis. Vivamus nec tristique ante. Mauris tempor massa a felis venenatis, sit amet dignissim massa tincidunt. Pellentesque suscipit congue tellus.

  • Just another title

    Morbi a lacus enim. Curabitur at tortor quis tellus aliquam bibendum vitae faucibus metus. Vestibulum quis ipsum quis dolor pulvinar pretium fringilla feugiat diam. Donec nibh sem, varius ut fermentum non, efficitur vel enim. Maecenas cursus mattis tellus, eu ornare sapien imperdiet eget. Sed ac leo sit amet lectus blandit laoreet sit amet sed justo. Vivamus tempor, odio sed elementum rutrum, libero ante sagittis sem, in tempor ipsum purus sit amet est. In non fringilla quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

  • Yet another title

    Aliquam erat volutpat. Suspendisse vulputate magna eu urna vehicula, sit amet congue quam sollicitudin. Suspendisse leo felis, faucibus non venenatis vel, ultrices eu justo. Sed enim arcu, auctor a ex sit amet, aliquam convallis urna. Pellentesque sagittis consectetur ante placerat dictum. Morbi cursus condimentum turpis vitae efficitur. Pellentesque in facilisis ex. Sed accumsan et metus a pharetra. Donec sit amet orci sit amet tortor gravida hendrerit et id velit. Pellentesque porta leo tellus, sed imperdiet enim aliquet nec.

[swift_accordion icon="fa fa-ellipsis-h" active_icon="fa fa-ellipsis-v"][swift_accordion_inner title="Accordion title"][vc_row_inner][vc_column_inner][vc_column_text]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][swift_accordion_inner title="Other title"][vc_row_inner][vc_column_inner][vc_column_text]Fusce elementum orci turpis, et lacinia tortor tempor in. Pellentesque dictum ut felis id molestie. Integer vehicula venenatis libero, sit amet consequat mauris tincidunt eget. In non placerat justo, nec laoreet turpis. Vivamus nec tristique ante. Mauris tempor massa a felis venenatis, sit amet dignissim massa tincidunt. Pellentesque suscipit congue tellus.[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][swift_accordion_inner title="Just another title"][vc_row_inner][vc_column_inner][vc_column_text]Morbi a lacus enim. Curabitur at tortor quis tellus aliquam bibendum vitae faucibus metus. Vestibulum quis ipsum quis dolor pulvinar pretium fringilla feugiat diam. Donec nibh sem, varius ut fermentum non, efficitur vel enim. Maecenas cursus mattis tellus, eu ornare sapien imperdiet eget. Sed ac leo sit amet lectus blandit laoreet sit amet sed justo. Vivamus tempor, odio sed elementum rutrum, libero ante sagittis sem, in tempor ipsum purus sit amet est. In non fringilla quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][swift_accordion_inner title="Yet another title"][vc_row_inner][vc_column_inner][vc_column_text]Aliquam erat volutpat. Suspendisse vulputate magna eu urna vehicula, sit amet congue quam sollicitudin. Suspendisse leo felis, faucibus non venenatis vel, ultrices eu justo. Sed enim arcu, auctor a ex sit amet, aliquam convallis urna. Pellentesque sagittis consectetur ante placerat dictum. Morbi cursus condimentum turpis vitae efficitur. Pellentesque in facilisis ex. Sed accumsan et metus a pharetra. Donec sit amet orci sit amet tortor gravida hendrerit et id velit. Pellentesque porta leo tellus, sed imperdiet enim aliquet nec.[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][/swift_accordion]

Custom icon

  • Accordion title

    I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

  • Other title

    Fusce elementum orci turpis, et lacinia tortor tempor in. Pellentesque dictum ut felis id molestie. Integer vehicula venenatis libero, sit amet consequat mauris tincidunt eget. In non placerat justo, nec laoreet turpis. Vivamus nec tristique ante. Mauris tempor massa a felis venenatis, sit amet dignissim massa tincidunt. Pellentesque suscipit congue tellus.

  • Just another title

    Morbi a lacus enim. Curabitur at tortor quis tellus aliquam bibendum vitae faucibus metus. Vestibulum quis ipsum quis dolor pulvinar pretium fringilla feugiat diam. Donec nibh sem, varius ut fermentum non, efficitur vel enim. Maecenas cursus mattis tellus, eu ornare sapien imperdiet eget. Sed ac leo sit amet lectus blandit laoreet sit amet sed justo. Vivamus tempor, odio sed elementum rutrum, libero ante sagittis sem, in tempor ipsum purus sit amet est. In non fringilla quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

  • Yet another title

    Aliquam erat volutpat. Suspendisse vulputate magna eu urna vehicula, sit amet congue quam sollicitudin. Suspendisse leo felis, faucibus non venenatis vel, ultrices eu justo. Sed enim arcu, auctor a ex sit amet, aliquam convallis urna. Pellentesque sagittis consectetur ante placerat dictum. Morbi cursus condimentum turpis vitae efficitur. Pellentesque in facilisis ex. Sed accumsan et metus a pharetra. Donec sit amet orci sit amet tortor gravida hendrerit et id velit. Pellentesque porta leo tellus, sed imperdiet enim aliquet nec.

[swift_accordion title_font_family="Alegreya" text_font_family="Alegreya SC" title_color="#ffffff" title_background_color="#1e73be" active_title_color="#1e73be" active_title_background_color="#ffffff"][swift_accordion_inner title="Accordion title"][vc_row_inner][vc_column_inner][vc_column_text]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][swift_accordion_inner title="Other title"][vc_row_inner][vc_column_inner][vc_column_text]Fusce elementum orci turpis, et lacinia tortor tempor in. Pellentesque dictum ut felis id molestie. Integer vehicula venenatis libero, sit amet consequat mauris tincidunt eget. In non placerat justo, nec laoreet turpis. Vivamus nec tristique ante. Mauris tempor massa a felis venenatis, sit amet dignissim massa tincidunt. Pellentesque suscipit congue tellus.[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][swift_accordion_inner title="Just another title"][vc_row_inner][vc_column_inner][vc_column_text]Morbi a lacus enim. Curabitur at tortor quis tellus aliquam bibendum vitae faucibus metus. Vestibulum quis ipsum quis dolor pulvinar pretium fringilla feugiat diam. Donec nibh sem, varius ut fermentum non, efficitur vel enim. Maecenas cursus mattis tellus, eu ornare sapien imperdiet eget. Sed ac leo sit amet lectus blandit laoreet sit amet sed justo. Vivamus tempor, odio sed elementum rutrum, libero ante sagittis sem, in tempor ipsum purus sit amet est. In non fringilla quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][swift_accordion_inner title="Yet another title"][vc_row_inner][vc_column_inner][vc_column_text]Aliquam erat volutpat. Suspendisse vulputate magna eu urna vehicula, sit amet congue quam sollicitudin. Suspendisse leo felis, faucibus non venenatis vel, ultrices eu justo. Sed enim arcu, auctor a ex sit amet, aliquam convallis urna. Pellentesque sagittis consectetur ante placerat dictum. Morbi cursus condimentum turpis vitae efficitur. Pellentesque in facilisis ex. Sed accumsan et metus a pharetra. Donec sit amet orci sit amet tortor gravida hendrerit et id velit. Pellentesque porta leo tellus, sed imperdiet enim aliquet nec.[/vc_column_text][/vc_column_inner][/vc_row_inner][/swift_accordion_inner][/swift_accordion]

Custom Font & Color

  • Accordion title

    I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

  • Other title

    Fusce elementum orci turpis, et lacinia tortor tempor in. Pellentesque dictum ut felis id molestie. Integer vehicula venenatis libero, sit amet consequat mauris tincidunt eget. In non placerat justo, nec laoreet turpis. Vivamus nec tristique ante. Mauris tempor massa a felis venenatis, sit amet dignissim massa tincidunt. Pellentesque suscipit congue tellus.

  • Just another title

    Morbi a lacus enim. Curabitur at tortor quis tellus aliquam bibendum vitae faucibus metus. Vestibulum quis ipsum quis dolor pulvinar pretium fringilla feugiat diam. Donec nibh sem, varius ut fermentum non, efficitur vel enim. Maecenas cursus mattis tellus, eu ornare sapien imperdiet eget. Sed ac leo sit amet lectus blandit laoreet sit amet sed justo. Vivamus tempor, odio sed elementum rutrum, libero ante sagittis sem, in tempor ipsum purus sit amet est. In non fringilla quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

  • Yet another title

    Aliquam erat volutpat. Suspendisse vulputate magna eu urna vehicula, sit amet congue quam sollicitudin. Suspendisse leo felis, faucibus non venenatis vel, ultrices eu justo. Sed enim arcu, auctor a ex sit amet, aliquam convallis urna. Pellentesque sagittis consectetur ante placerat dictum. Morbi cursus condimentum turpis vitae efficitur. Pellentesque in facilisis ex. Sed accumsan et metus a pharetra. Donec sit amet orci sit amet tortor gravida hendrerit et id velit. Pellentesque porta leo tellus, sed imperdiet enim aliquet nec.