Tabbed Content
Content sorted into horizontal tabs
What you need to know about Brightspot tabbed content
Tabs are a great way to display information in increments and are often utilized to create dashboards. There are four different tab content modules offered in Brightspot.
1. Tabs (Default)
The default option for tabs called "Tabs (Default)" are shown in two different examples below. Background color, tab color, and text color can all be manipulated.
The first example displays the module with a beige background and the white tabs are shown with text. The second example uses images and text to display the tabs and is displaying the default white tab and white background.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Proin hendrerit mi purus, vel lobortis orci porta in. Morbi a nibh a velit rutrum bibendum ac at sem. Integer id volutpat ligula. Fusce dapibus neque vitae libero euismod, vitae convallis massa feugiat. Fusce accumsan, ligula ac bibendum interdum, nisi arcu ornare ex, quis faucibus nisl odio eget velit. Cras auctor lectus ut pretium fermentum. Integer diam odio, facilisis non risus sagittis, dignissim pulvinar nunc. Praesent rutrum posuere ex vitae imperdiet. In hac habitasse platea dictumst. Donec eget gravida enim. Maecenas congue sed nunc ac vehicula. Cras quam felis, pharetra sed magna in, pharetra condimentum eros. Morbi facilisis libero diam, pretium tincidunt lorem semper eget. Nullam iaculis diam ut purus feugiat, in auctor ex accumsan.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Proin hendrerit mi purus, vel lobortis orci porta in. Morbi a nibh a velit rutrum bibendum ac at sem. Integer id volutpat ligula. Fusce dapibus neque vitae libero euismod, vitae convallis massa feugiat. Fusce accumsan, ligula ac bibendum interdum, nisi arcu ornare ex, quis faucibus nisl odio eget velit. Cras auctor lectus ut pretium fermentum. Integer diam odio, facilisis non risus sagittis, dignissim pulvinar nunc. Praesent rutrum posuere ex vitae imperdiet. In hac habitasse platea dictumst. Donec eget gravida enim. Maecenas congue sed nunc ac vehicula. Cras quam felis, pharetra sed magna in, pharetra condimentum eros. Morbi facilisis libero diam, pretium tincidunt lorem semper eget. Nullam iaculis diam ut purus feugiat, in auctor ex accumsan.
Donec a eros arcu. Suspendisse odio eros, scelerisque semper bibendum non, mollis ac eros. Morbi ac augue nec massa scelerisque lacinia nec a urna. Aenean aliquam lorem in nisi ultrices, congue fringilla urna convallis. Nunc semper venenatis ante a tristique. Vivamus pulvinar, purus et tempus vehicula, augue lorem faucibus tellus, fermentum condimentum enim lectus sed arcu. Morbi finibus neque ante, gravida tincidunt eros viverra nec. Nam auctor convallis pulvinar. Morbi consequat tempor lorem eget imperdiet. Etiam elementum arcu dolor, eu dapibus lorem imperdiet quis. Maecenas felis libero, ornare nec nisl vitae, porttitor dapibus metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Proin hendrerit mi purus, vel lobortis orci porta in. Morbi a nibh a velit rutrum bibendum ac at sem. Integer id volutpat ligula. Fusce dapibus neque vitae libero euismod, vitae convallis massa feugiat. Fusce accumsan, ligula ac bibendum interdum, nisi arcu ornare ex, quis faucibus nisl odio eget velit. Cras auctor lectus ut pretium fermentum. Integer diam odio, facilisis non risus sagittis, dignissim pulvinar nunc. Praesent rutrum posuere ex vitae imperdiet. In hac habitasse platea dictumst. Donec eget gravida enim. Maecenas congue sed nunc ac vehicula. Cras quam felis, pharetra sed magna in, pharetra condimentum eros. Morbi facilisis libero diam, pretium tincidunt lorem semper eget. Nullam iaculis diam ut purus feugiat, in auctor ex accumsan.
Donec a eros arcu. Suspendisse odio eros, scelerisque semper bibendum non, mollis ac eros. Morbi ac augue nec massa scelerisque lacinia nec a urna. Aenean aliquam lorem in nisi ultrices, congue fringilla urna convallis. Nunc semper venenatis ante a tristique. Vivamus pulvinar, purus et tempus vehicula, augue lorem faucibus tellus, fermentum condimentum enim lectus sed arcu. Morbi finibus neque ante, gravida tincidunt eros viverra nec. Nam auctor convallis pulvinar. Morbi consequat tempor lorem eget imperdiet. Etiam elementum arcu dolor, eu dapibus lorem imperdiet quis. Maecenas felis libero, ornare nec nisl vitae, porttitor dapibus metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Sed congue eros ut ligula pretium malesuada. Donec feugiat nisl in mauris ultrices, eu dapibus tellus pellentesque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras eu arcu a risus faucibus fermentum id ut nisi. Aliquam placerat, leo et tempor pharetra, augue justo consectetur sem, scelerisque euismod lacus lectus ac nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam libero justo, pharetra eu congue sed, rutrum eget felis. Sed sollicitudin feugiat magna, pharetra vulputate quam aliquet id.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
2. Tabs - Border Bottom
This tab type is called "Tabs - Border Bottom" and looks very similar to the first example. However, here tabs are centered and are underlined when selected. The default state is also a white background rather than this beige background.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Proin hendrerit mi purus, vel lobortis orci porta in. Morbi a nibh a velit rutrum bibendum ac at sem. Integer id volutpat ligula. Fusce dapibus neque vitae libero euismod, vitae convallis massa feugiat. Fusce accumsan, ligula ac bibendum interdum, nisi arcu ornare ex, quis faucibus nisl odio eget velit. Cras auctor lectus ut pretium fermentum. Integer diam odio, facilisis non risus sagittis, dignissim pulvinar nunc. Praesent rutrum posuere ex vitae imperdiet. In hac habitasse platea dictumst. Donec eget gravida enim. Maecenas congue sed nunc ac vehicula. Cras quam felis, pharetra sed magna in, pharetra condimentum eros. Morbi facilisis libero diam, pretium tincidunt lorem semper eget. Nullam iaculis diam ut purus feugiat, in auctor ex accumsan.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Proin hendrerit mi purus, vel lobortis orci porta in. Morbi a nibh a velit rutrum bibendum ac at sem. Integer id volutpat ligula. Fusce dapibus neque vitae libero euismod, vitae convallis massa feugiat. Fusce accumsan, ligula ac bibendum interdum, nisi arcu ornare ex, quis faucibus nisl odio eget velit. Cras auctor lectus ut pretium fermentum. Integer diam odio, facilisis non risus sagittis, dignissim pulvinar nunc. Praesent rutrum posuere ex vitae imperdiet. In hac habitasse platea dictumst. Donec eget gravida enim. Maecenas congue sed nunc ac vehicula. Cras quam felis, pharetra sed magna in, pharetra condimentum eros. Morbi facilisis libero diam, pretium tincidunt lorem semper eget. Nullam iaculis diam ut purus feugiat, in auctor ex accumsan.
Donec a eros arcu. Suspendisse odio eros, scelerisque semper bibendum non, mollis ac eros. Morbi ac augue nec massa scelerisque lacinia nec a urna. Aenean aliquam lorem in nisi ultrices, congue fringilla urna convallis. Nunc semper venenatis ante a tristique. Vivamus pulvinar, purus et tempus vehicula, augue lorem faucibus tellus, fermentum condimentum enim lectus sed arcu. Morbi finibus neque ante, gravida tincidunt eros viverra nec. Nam auctor convallis pulvinar. Morbi consequat tempor lorem eget imperdiet. Etiam elementum arcu dolor, eu dapibus lorem imperdiet quis. Maecenas felis libero, ornare nec nisl vitae, porttitor dapibus metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Proin hendrerit mi purus, vel lobortis orci porta in. Morbi a nibh a velit rutrum bibendum ac at sem. Integer id volutpat ligula. Fusce dapibus neque vitae libero euismod, vitae convallis massa feugiat. Fusce accumsan, ligula ac bibendum interdum, nisi arcu ornare ex, quis faucibus nisl odio eget velit. Cras auctor lectus ut pretium fermentum. Integer diam odio, facilisis non risus sagittis, dignissim pulvinar nunc. Praesent rutrum posuere ex vitae imperdiet. In hac habitasse platea dictumst. Donec eget gravida enim. Maecenas congue sed nunc ac vehicula. Cras quam felis, pharetra sed magna in, pharetra condimentum eros. Morbi facilisis libero diam, pretium tincidunt lorem semper eget. Nullam iaculis diam ut purus feugiat, in auctor ex accumsan.
Donec a eros arcu. Suspendisse odio eros, scelerisque semper bibendum non, mollis ac eros. Morbi ac augue nec massa scelerisque lacinia nec a urna. Aenean aliquam lorem in nisi ultrices, congue fringilla urna convallis. Nunc semper venenatis ante a tristique. Vivamus pulvinar, purus et tempus vehicula, augue lorem faucibus tellus, fermentum condimentum enim lectus sed arcu. Morbi finibus neque ante, gravida tincidunt eros viverra nec. Nam auctor convallis pulvinar. Morbi consequat tempor lorem eget imperdiet. Etiam elementum arcu dolor, eu dapibus lorem imperdiet quis. Maecenas felis libero, ornare nec nisl vitae, porttitor dapibus metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Sed congue eros ut ligula pretium malesuada. Donec feugiat nisl in mauris ultrices, eu dapibus tellus pellentesque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras eu arcu a risus faucibus fermentum id ut nisi. Aliquam placerat, leo et tempor pharetra, augue justo consectetur sem, scelerisque euismod lacus lectus ac nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam libero justo, pharetra eu congue sed, rutrum eget felis. Sed sollicitudin feugiat magna, pharetra vulputate quam aliquet id.
3. Tabs - Full Width
This style is called "Tabs - Full Width" and is a combination of the first two. However, please be aware that the selected tab is only communicated by color rather than a tab separating the titles when selected. This can create user experience issues if the tabs remain in their default color of black and navy. as shown below. The selected tab text color can be easily changed to create greater readability.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Proin hendrerit mi purus, vel lobortis orci porta in. Morbi a nibh a velit rutrum bibendum ac at sem. Integer id volutpat ligula. Fusce dapibus neque vitae libero euismod, vitae convallis massa feugiat. Fusce accumsan, ligula ac bibendum interdum, nisi arcu ornare ex, quis faucibus nisl odio eget velit. Cras auctor lectus ut pretium fermentum. Integer diam odio, facilisis non risus sagittis, dignissim pulvinar nunc. Praesent rutrum posuere ex vitae imperdiet. In hac habitasse platea dictumst. Donec eget gravida enim. Maecenas congue sed nunc ac vehicula. Cras quam felis, pharetra sed magna in, pharetra condimentum eros. Morbi facilisis libero diam, pretium tincidunt lorem semper eget. Nullam iaculis diam ut purus feugiat, in auctor ex accumsan.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Proin hendrerit mi purus, vel lobortis orci porta in. Morbi a nibh a velit rutrum bibendum ac at sem. Integer id volutpat ligula. Fusce dapibus neque vitae libero euismod, vitae convallis massa feugiat. Fusce accumsan, ligula ac bibendum interdum, nisi arcu ornare ex, quis faucibus nisl odio eget velit. Cras auctor lectus ut pretium fermentum. Integer diam odio, facilisis non risus sagittis, dignissim pulvinar nunc. Praesent rutrum posuere ex vitae imperdiet. In hac habitasse platea dictumst. Donec eget gravida enim. Maecenas congue sed nunc ac vehicula. Cras quam felis, pharetra sed magna in, pharetra condimentum eros. Morbi facilisis libero diam, pretium tincidunt lorem semper eget. Nullam iaculis diam ut purus feugiat, in auctor ex accumsan.
Donec a eros arcu. Suspendisse odio eros, scelerisque semper bibendum non, mollis ac eros. Morbi ac augue nec massa scelerisque lacinia nec a urna. Aenean aliquam lorem in nisi ultrices, congue fringilla urna convallis. Nunc semper venenatis ante a tristique. Vivamus pulvinar, purus et tempus vehicula, augue lorem faucibus tellus, fermentum condimentum enim lectus sed arcu. Morbi finibus neque ante, gravida tincidunt eros viverra nec. Nam auctor convallis pulvinar. Morbi consequat tempor lorem eget imperdiet. Etiam elementum arcu dolor, eu dapibus lorem imperdiet quis. Maecenas felis libero, ornare nec nisl vitae, porttitor dapibus metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet auctor purus. Suspendisse mollis nulla id nibh hendrerit tristique. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent pellentesque urna a ornare rutrum. Praesent in sem in est blandit aliquet in in ipsum. Phasellus ipsum est, sagittis et nibh ac, ultricies congue odio. Morbi commodo ornare sagittis. Nullam dignissim justo a eros euismod ullamcorper. Mauris non ex nisi.
Proin hendrerit mi purus, vel lobortis orci porta in. Morbi a nibh a velit rutrum bibendum ac at sem. Integer id volutpat ligula. Fusce dapibus neque vitae libero euismod, vitae convallis massa feugiat. Fusce accumsan, ligula ac bibendum interdum, nisi arcu ornare ex, quis faucibus nisl odio eget velit. Cras auctor lectus ut pretium fermentum. Integer diam odio, facilisis non risus sagittis, dignissim pulvinar nunc. Praesent rutrum posuere ex vitae imperdiet. In hac habitasse platea dictumst. Donec eget gravida enim. Maecenas congue sed nunc ac vehicula. Cras quam felis, pharetra sed magna in, pharetra condimentum eros. Morbi facilisis libero diam, pretium tincidunt lorem semper eget. Nullam iaculis diam ut purus feugiat, in auctor ex accumsan.
Donec a eros arcu. Suspendisse odio eros, scelerisque semper bibendum non, mollis ac eros. Morbi ac augue nec massa scelerisque lacinia nec a urna. Aenean aliquam lorem in nisi ultrices, congue fringilla urna convallis. Nunc semper venenatis ante a tristique. Vivamus pulvinar, purus et tempus vehicula, augue lorem faucibus tellus, fermentum condimentum enim lectus sed arcu. Morbi finibus neque ante, gravida tincidunt eros viverra nec. Nam auctor convallis pulvinar. Morbi consequat tempor lorem eget imperdiet. Etiam elementum arcu dolor, eu dapibus lorem imperdiet quis. Maecenas felis libero, ornare nec nisl vitae, porttitor dapibus metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Sed congue eros ut ligula pretium malesuada. Donec feugiat nisl in mauris ultrices, eu dapibus tellus pellentesque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras eu arcu a risus faucibus fermentum id ut nisi. Aliquam placerat, leo et tempor pharetra, augue justo consectetur sem, scelerisque euismod lacus lectus ac nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam libero justo, pharetra eu congue sed, rutrum eget felis. Sed sollicitudin feugiat magna, pharetra vulputate quam aliquet id.
4. Tabs - Embedded
This type of tabbed content is unique because it allows you to embed other content types into the tabs.
The tab on the left has the embedded content displayed in a promo style while the one on the right has the same three content links displayed in a list style.