Tabs are an effective way to organize information on a website page when there is a large amount of content that needs to be separated into distinct categories. Label your tabs with one or two words that define each category of information.
When styling your tabs, highlight the selected tab by giving it a color that differs from your unselected tabs, so that it's easy for your visitors to navigate.
SubScribe Us
Get more travel inspiration, tips and exclusive offers sent straight to your inbox
form title
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porttitor, quam vel dignissim tincidunt, odio libero porta ligula, vitae fermentum lacus libero vel risus. Aenean pulvinar nisl et vestibulum commodo. Quisque euismod tempus dignissim. Quisque dictum luctus velit, eu viverra urna tristique non. Vivamus at dolor tellus. Cras congue sapien non turpis dapibus, et vestibulum ante ultrices. Mauris eu nisi non sapien fermentum fermentum in eu odio. Fusce congue elit et tortor sagittis, sit amet auctor risus sagittis.
This line contains subscript text.
This line contains superscript text.
This line contains code
.
This line contains small text.
This line contains highlighted text
.preformatted-code { background-color: #FFF; }
- Unordered list item
- Unordered list item
- Unordered list item
- Unordered list item
- First ordered list item
- Second ordered list item
- Third ordered list item
- Fourth ordered list item
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porttitor, quam vel dignissim tincidunt, odio libero porta ligula, vitae fermentum lacus libero vel risus. Aenean pulvinar nisl et vestibulum commodo. Quisque euismod tempus dignissim.
Header column one | Header column two | Header column three |
---|---|---|
Row one column one | Row one column two | Row one column three |
Row two column one | Row two column two | Row two column three |
Row three column one | Row three column two | Row three column three |
Row four column one | Row four column two | Row four column three |
Footer column one | Footer column two | Footer column three |