Change the screen size(to mobile view), this Tab will be converted to Vertical Accordion to fit the mobile screen.
All In One Responsive Tab
Horizontal Demo
- Title 1
- Title 2
- Title 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur eu augue eget tempor. Ut finibus pulvinar nisl, vitae eleifend ex hendrerit eu. Fusce tincidunt urna leo, a lobortis nibh accumsan ut. Suspendisse sagittis felis et leo pellentesque tempus. Nam sit amet magna a ligula dapibus ultrices ac sed tellus. Vestibulum fermentum neque ipsum, ac rutrum velit elementum in. Sed viverra aliquet est id ullamcorper. Aenean ultricies dolor nec tincidunt sodales. Aliquam erat volutpat. Nunc id volutpat turpis, id fringilla lacus.
Etiam id velit sagittis, pulvinar neque vitae, volutpat turpis. Sed mi erat, varius id euismod sed, efficitur id augue. Curabitur quis vehicula magna. Mauris eu turpis elementum, egestas ligula id, scelerisque justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed enim velit, dignissim at nisl ac, interdum porta erat. Phasellus quis aliquam augue.
Pellentesque hendrerit quam in fringilla varius. In id ipsum eget odio molestie gravida. Pellentesque congue mi ligula, id porttitor nulla pulvinar in. Aliquam in massa nec magna pretium ornare. Suspendisse blandit pellentesque convallis. Curabitur vestibulum augue a ligula malesuada placerat. Nam tincidunt arcu in justo ultricies, in pulvinar purus sagittis. Suspendisse eget odio maximus mauris facilisis pellentesque. Nulla hendrerit euismod mauris, id tristique mauris pellentesque in. In vitae tempus arcu. Ut euismod leo lectus, vitae elementum orci dapibus in.
Vertical Demo
- Title 1
- Title 2
- Title 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur eu augue eget tempor. Ut finibus pulvinar nisl, vitae eleifend ex hendrerit eu. Fusce tincidunt urna leo, a lobortis nibh accumsan ut. Suspendisse sagittis felis et leo pellentesque tempus. Nam sit amet magna a ligula dapibus ultrices ac sed tellus. Vestibulum fermentum neque ipsum, ac rutrum velit elementum in. Sed viverra aliquet est id ullamcorper. Aenean ultricies dolor nec tincidunt sodales. Aliquam erat volutpat. Nunc id volutpat turpis, id fringilla lacus.
Etiam id velit sagittis, pulvinar neque vitae, volutpat turpis. Sed mi erat, varius id euismod sed, efficitur id augue. Curabitur quis vehicula magna. Mauris eu turpis elementum, egestas ligula id, scelerisque justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed enim velit, dignissim at nisl ac, interdum porta erat. Phasellus quis aliquam augue.
Pellentesque hendrerit quam in fringilla varius. In id ipsum eget odio molestie gravida. Pellentesque congue mi ligula, id porttitor nulla pulvinar in. Aliquam in massa nec magna pretium ornare. Suspendisse blandit pellentesque convallis. Curabitur vestibulum augue a ligula malesuada placerat. Nam tincidunt arcu in justo ultricies, in pulvinar purus sagittis. Suspendisse eget odio maximus mauris facilisis pellentesque. Nulla hendrerit euismod mauris, id tristique mauris pellentesque in. In vitae tempus arcu. Ut euismod leo lectus, vitae elementum orci dapibus in.
Accordion Demo
- Title 1
- Title 2
- Title 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur eu augue eget tempor. Ut finibus pulvinar nisl, vitae eleifend ex hendrerit eu. Fusce tincidunt urna leo, a lobortis nibh accumsan ut. Suspendisse sagittis felis et leo pellentesque tempus. Nam sit amet magna a ligula dapibus ultrices ac sed tellus. Vestibulum fermentum neque ipsum, ac rutrum velit elementum in. Sed viverra aliquet est id ullamcorper. Aenean ultricies dolor nec tincidunt sodales. Aliquam erat volutpat. Nunc id volutpat turpis, id fringilla lacus.
Etiam id velit sagittis, pulvinar neque vitae, volutpat turpis. Sed mi erat, varius id euismod sed, efficitur id augue. Curabitur quis vehicula magna. Mauris eu turpis elementum, egestas ligula id, scelerisque justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed enim velit, dignissim at nisl ac, interdum porta erat. Phasellus quis aliquam augue.
Pellentesque hendrerit quam in fringilla varius. In id ipsum eget odio molestie gravida. Pellentesque congue mi ligula, id porttitor nulla pulvinar in. Aliquam in massa nec magna pretium ornare. Suspendisse blandit pellentesque convallis. Curabitur vestibulum augue a ligula malesuada placerat. Nam tincidunt arcu in justo ultricies, in pulvinar purus sagittis. Suspendisse eget odio maximus mauris facilisis pellentesque. Nulla hendrerit euismod mauris, id tristique mauris pellentesque in. In vitae tempus arcu. Ut euismod leo lectus, vitae elementum orci dapibus in.