Full width tab:

This section consist of collection of tabs with some content inside the tabs which on responsive turns out to be a modal.


Available Options:

  • Full width tab with four tabs.

Full width tab with four tabs:

Output:

Mattis aliquam faucibus purus in massa tempor nec feugiat nisl. Faucibus vitae aliquet nec ullamcorper sit amet risus. Mauris cursus mattis molestie a iaculis at erat. Amet justo donec enim diam. Quis viverra nibh cras pulvinar mattis nunc sed blandit. Proin nibh nisl condimentum id venenatis a. Sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus. Vitae sapien pellentesque habitant morbi tristique senectus et. Egestas maecenas pharetra convallis posuere morbi leo. Elementum nisi quis eleifend quam adipiscing vitae proin. Amet luctus venenatis lectus magna fringilla urna. Sed adipiscing diam donec adipiscing tristique risus nec feugiat in. Etiam tempor orci eu lobortis elementum nibh tellus molestie. Dignissim sodales ut eu sem integer vitae justo. Non quam lacus suspendisse faucibus. Placerat in egestas erat imperdiet sed euismod. Tincidunt vitae semper quis lectus nulla at volutpat. Ac placerat vestibulum lectus mauris ultrices eros in cursus turpis. Dolor sit amet consectetur adipiscing elit duis tristique sollicitudin nibh. Feugiat nisl pretium fusce id velit ut tortor.
Volutpat consequat mauris nunc congue nisi. Lectus nulla at volutpat diam ut venenatis tellus in. Aliquam id diam maecenas ultricies mi eget mauris pharetra et. Ornare lectus sit amet est placerat in egestas erat. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Suscipit adipiscing bibendum est ultricies integer quis. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Dui accumsan sit amet nulla facilisi morbi. Congue nisi vitae suscipit tellus mauris. Cursus sit amet dictum sit amet justo donec. Viverra mauris in aliquam sem.
Vitae congue eu consequat ac felis. Imperdiet dui accumsan sit amet nulla. Nunc sed blandit libero volutpat sed cras ornare arcu. Enim diam vulputate ut pharetra sit amet aliquam id diam. Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa. Urna nunc id cursus metus aliquam eleifend mi in. Ut morbi tincidunt augue interdum velit euismod in pellentesque. Sagittis eu volutpat odio facilisis mauris. Diam phasellus vestibulum lorem sed risus ultricies. Pharetra massa massa ultricies mi quis hendrerit dolor. Ac tortor dignissim convallis aenean et tortor. Mattis enim ut tellus elementum sagittis vitae et leo duis. Egestas sed tempus urna et. Porttitor lacus luctus accumsan tortor posuere ac ut consequat semper. Malesuada nunc vel risus commodo viverra maecenas accumsan lacus. Facilisis magna etiam tempor orci eu lobortis elementum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed felis eget velit aliquet sagittis id consectetur purus ut. Odio euismod lacinia at quis risus. A erat nam at lectus. Maecenas volutpat blandit aliquam etiam. Fermentum odio eu feugiat pretium nibh. Donec ultrices tincidunt arcu non. Eu tincidunt tortor aliquam nulla facilisi cras. Egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Aenean sed adipiscing diam donec adipiscing tristique risus. Semper quis lectus nulla at volutpat.

Code:


<div class="darkout-section">
{% include do-full-width-tab.html %}
</div>


How to add in page:

  • Step1: Add full width tab to the page using the include statement.
  • Step2: On the page use

<div class="darkout-section">{% include do-full-width-tab.html %}</div>