{"id":1939,"date":"2013-06-15T14:47:41","date_gmt":"2013-06-15T14:47:41","guid":{"rendered":"http:\/\/moozpaper.com\/jupiter\/?page_id=1939"},"modified":"2013-06-15T14:47:41","modified_gmt":"2013-06-15T14:47:41","slug":"tabs","status":"publish","type":"page","link":"https:\/\/infinityholdingnv.com\/shortcodes\/tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"

\n\t

\n\t\t\t

\n
Introducing News Tabs<\/p>\n<\/span><\/h1>
<\/div>\t
For the first time you can take advantage of tabs with dynamic contents <\/strong>. It means tabs now can link up to the news section of your website and each tab will update itself once you add news to your website.<\/p>\n
<\/div><\/div>
News<\/span>
<\/div><\/ul>
<\/div><\/div>
<\/div><\/div> \n\t<\/div>\n\t
\n\t\t\t
<\/div><\/aside><\/div>\n\t<\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t\t
<\/div><\/div>
<\/div>\n\t<\/div><\/div>
\n\t
\n\t\t\t
\n
Horizontal tabs<\/p>\n<\/span><\/h1>
<\/div>\n\t<\/div><\/div>
\n\t
\n\t\t\t
Tab Title 1<\/a><\/li>
Tab Title 2<\/a><\/li>
Tab Title 3<\/a><\/li>
<\/div><\/ul>
\n\t\t\t\n\t\t\t
<\/i>Tab Title 1<\/div>\n\t
\n\t\t\t
$\"\"$ <\/li>\n\n
$\"\"$ <\/li>\n\n
$\"\"$ <\/li>\n\n<\/ul><\/div>\n\t<\/div>\n\t
\n\t\t\t\t
Cras at tincidunt eros<\/span><\/h3>
Praesent ultricies, libero in sagittis egestas, risus mi pretium augue, non consequat<\/strong> neque elit ac odio. In tempor est tellus, non mattis mauris faucibus vitae. Cras at tincidunt eros. Nulla facilisi. Praesent et urna velit. Donec eget posuere ligula, ut mattis lorem. Nam ut augue eget metus laoreet feugiat.Aliquam molestie euismod vestibulum. Nullam dapibus augue id lorem auctor facilisis<\/strong>.<\/p>\n
<\/div><\/div> \n\t<\/div><\/div>\n\t\t\t
<\/div><\/div>\n\t\t\t
<\/i>Tab Title 2<\/div>\t
Donec eget posuere ligula<\/span><\/h3>
$\"\"$ <\/p>\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque <\/strong>dignissim eget risus at pharetra. Suspendisse blandit turpis velit, ut pharetra ipsum tincidunt a. Praesent ultricies, libero in sagittis egestas, risus mi pretium augue, non consequat neque elit ac odio. In tempor est tellus<\/strong>, non mattis mauris faucibus vitae. Cras at tincidunt eros. Nulla facilisi. Aliquam molestie euismod vestibulum. Nullam dapibus augue id lorem auctor facilisis. Praesent et urna velit. Donec eget posuere ligula, ut mattis lorem. Nam ut augue eget metus laoreet feugiat. Donec eu metus euismod, euismod metus at, vestibulum ante. Aliquam tempor ultrices tortor, at pulvinar velit faucibus in. Maecenas viverra nulla a volutpat pulvinar. Phasellus semper mi quis porta scelerisque. Proin gravida velit tellus, sempernon mattis mauris faucibus vitae. Cras at tincidunt eros. Nulla facilisi. Aliquam molestie euismod vestibulum. Nullam dapibus augue id lorem auctor facilisis. Praesent et urna velit. Donec eget posuere ligula, ut mattis lorem. Nam ut augue eget metus laoreet feugiat. Donec eu metus euismod, euismod metus at, vestibulum ante.<\/p>\n
<\/div><\/div> \n\t\t\t
<\/div><\/div>\n\t\t\t
<\/i>Tab Title 3<\/div>
\n
Suspendisse blandit<\/li>\n
Duis vestibulum quis<\/li>\n
Maecenas pretium lobortis<\/li>\n
Donec mollis<\/li>\n<\/ul>\n<\/div>
<\/div>\n\t\t\t
<\/div><\/div>
<\/div><\/div>
<\/div><\/div>
<\/div>\n\t<\/div>\n\t
\n\t\t\t
Tab 1<\/a><\/li>
Tab 2<\/a><\/li>
<\/div><\/ul>
\n\t\t\t\n\t\t\t
<\/i>Tab 1<\/div>\tAliquam varius massa vel ante rhoncus eget semper tortor tincidunt. Nunc eu fermentum sem. Etiam semper enim sem, ut gravida tortor nisi consectetur iaculis accumsan. Aliquam varius<\/strong> massa vel ante rhoncus eget.<\/p>\n
<\/div><\/div> \n
Suspendisse blandit<\/li>\n
Duis vestibulum quis<\/li>\n
Maecenas pretium lobortis<\/li>\n
Donec mollis<\/li>\n<\/ul>\n<\/div>
<\/div>\n\t\t\t
<\/div><\/div>\n\t\t\t
<\/i>Tab 2<\/div>\t
Aliquam varius massa vel ante rhoncus eget semper tortor tincidunt. Nunc eu fermentum sem. Etiam semper enim sem, ut gravida tortor nisi consectetur iaculis accumsan.<\/p>\n
<\/div><\/div> \n\t\t\t
<\/div><\/div>
<\/div><\/div>
<\/div><\/div>
<\/div>\n\t<\/div><\/div>
\n\t
\n\t\t\t
\n
Vertical tabs<\/p>\n<\/span><\/h1>
<\/div>\n\t<\/div><\/div>
\n\t
\n\t\t\t
<\/i>Tab Title 1<\/a><\/li>
<\/i>Tab Title 2<\/a><\/li>
<\/i>Tab Title 3<\/a><\/li><\/div><\/ul>
\n\t\t\t\n\t\t\t
<\/i>Tab Title 1<\/div>\n\t
\n\t\t\t
$\"\"$ <\/li>\n\n
$\"\"$ <\/li>\n\n
$\"\"$ <\/li>\n\n<\/ul><\/div>\n\t<\/div>\n\t
\n\t\t\t\t
Cras at tincidunt eros<\/span><\/h3>
Praesent ultricies, libero in sagittis egestas, risus mi pretium augue, non consequat<\/strong> neque elit ac odio. In tempor est tellus, non mattis mauris faucibus vitae. Cras at tincidunt eros. Nulla facilisi. Praesent et urna velit. Donec eget posuere ligula, ut mattis lorem. Nam ut augue eget metus laoreet feugiat.Aliquam molestie euismod vestibulum. Nullam dapibus augue id lorem auctor facilisis<\/strong>.<\/p>\n
<\/div><\/div> \n\t<\/div><\/div>\n\t\t\t
<\/div><\/div>\n\t\t\t
<\/i>Tab Title 2<\/div>\t
Donec eget posuere ligula<\/span><\/h3>
$\"\"$ <\/p>\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque <\/strong>dignissim eget risus at pharetra. Suspendisse blandit turpis velit, ut pharetra ipsum tincidunt a. Praesent ultricies, libero in sagittis egestas, risus mi pretium augue, non consequat neque elit ac odio. In tempor est tellus<\/strong>, non mattis mauris faucibus vitae. Cras at tincidunt eros. Nulla facilisi. Aliquam molestie euismod vestibulum. Nullam dapibus augue id lorem auctor facilisis. Praesent et urna velit. Donec eget posuere ligula, ut mattis lorem. Nam ut augue eget metus laoreet feugiat. Donec eu metus euismod, euismod metus at, vestibulum ante. Aliquam tempor ultrices tortor, at pulvinar velit faucibus in. Maecenas viverra nulla a volutpat pulvinar. Phasellus semper mi quis porta scelerisque. Proin gravida velit tellus, sempernon mattis mauris faucibus vitae. Cras at tincidunt eros. Nulla facilisi. Aliquam molestie euismod vestibulum. Nullam dapibus augue id lorem auctor facilisis. Praesent et urna velit. Donec eget posuere ligula, ut mattis lorem. Nam ut augue eget metus laoreet feugiat. Donec eu metus euismod, euismod metus at, vestibulum ante.<\/p>\n
<\/div><\/div> \n\t\t\t
<\/div><\/div>\n\t\t\t
<\/i>Tab Title 3<\/div>
\n
Suspendisse blandit<\/li>\n
Duis vestibulum quis<\/li>\n
Maecenas pretium lobortis<\/li>\n
Donec mollis<\/li>\n<\/ul>\n<\/div>
<\/div>\n\t\t\t
<\/div><\/div>
<\/div><\/div>
<\/div><\/div>
<\/div>\n\t<\/div>\n\t
\n\t\t\t
Tab 1<\/a><\/li>
Tab 2<\/a><\/li>
<\/div><\/ul>
\n\t\t\t\n\t\t\t
<\/i>Tab 1<\/div>\tAliquam varius massa vel ante rhoncus eget semper tortor tincidunt. Nunc eu fermentum sem. Etiam semper enim sem, ut gravida tortor nisi consectetur iaculis accumsan. Aliquam varius<\/strong> massa vel ante rhoncus eget.<\/p>\n
<\/div><\/div> \n
Suspendisse blandit<\/li>\n
Duis vestibulum quis<\/li>\n
Maecenas pretium lobortis<\/li>\n
Donec mollis<\/li>\n<\/ul>\n<\/div>
<\/div>\n\t\t\t
<\/div><\/div>\n\t\t\t
<\/i>Tab 2<\/div>\t
Aliquam varius massa vel ante rhoncus eget semper tortor tincidunt. Nunc eu fermentum sem. Etiam semper enim sem, ut gravida tortor nisi consectetur iaculis accumsan.<\/p>\n
<\/div><\/div> \n\t\t\t
<\/div><\/div>
<\/div><\/div>
<\/div><\/div>
<\/div>\n\t<\/div><\/div>
\n\t
\n\t\t\t
\n
Vertical tabs – Right Side<\/p>\n<\/span><\/h1>
<\/div>\n\t<\/div><\/div>
\n\t
\n\t\t\t
Tab Title 1<\/a><\/li>
Tab Title 2<\/a><\/li>
Tab Title 3<\/a><\/li>
<\/div><\/ul>
\n\t\t\t\n\t\t\t
<\/i>Tab Title 1<\/div>\n\t
\n\t\t\t
$\"\"$ <\/li>\n\n
$\"\"$ <\/li>\n\n
$\"\"$ <\/li>\n\n<\/ul><\/div>\n\t<\/div>\n\t
\n\t\t\t\t
Cras at tincidunt eros<\/span><\/h3>
Praesent ultricies, libero in sagittis egestas, risus mi pretium augue, non consequat<\/strong> neque elit ac odio. In tempor est tellus, non mattis mauris faucibus vitae. Cras at tincidunt eros. Nulla facilisi. Praesent et urna velit. Donec eget posuere ligula, ut mattis lorem. Nam ut augue eget metus laoreet feugiat.Aliquam molestie euismod vestibulum. Nullam dapibus augue id lorem auctor facilisis<\/strong>.<\/p>\n
<\/div><\/div> \n\t<\/div><\/div>\n\t\t\t
<\/div><\/div>\n\t\t\t
<\/i>Tab Title 2<\/div>\t
Donec eget posuere ligula<\/span><\/h3>
$\"\"$ <\/p>\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque <\/strong>dignissim eget risus at pharetra. Suspendisse blandit turpis velit, ut pharetra ipsum tincidunt a. Praesent ultricies, libero in sagittis egestas, risus mi pretium augue, non consequat neque elit ac odio. In tempor est tellus<\/strong>, non mattis mauris faucibus vitae. Cras at tincidunt eros. Nulla facilisi. Aliquam molestie euismod vestibulum. Nullam dapibus augue id lorem auctor facilisis. Praesent et urna velit. Donec eget posuere ligula, ut mattis lorem. Nam ut augue eget metus laoreet feugiat. Donec eu metus euismod, euismod metus at, vestibulum ante. Aliquam tempor ultrices tortor, at pulvinar velit faucibus in. Maecenas viverra nulla a volutpat pulvinar. Phasellus semper mi quis porta scelerisque. Proin gravida velit tellus, sempernon mattis mauris faucibus vitae. Cras at tincidunt eros. Nulla facilisi. Aliquam molestie euismod vestibulum. Nullam dapibus augue id lorem auctor facilisis. Praesent et urna velit. Donec eget posuere ligula, ut mattis lorem. Nam ut augue eget metus laoreet feugiat. Donec eu metus euismod, euismod metus at, vestibulum ante.<\/p>\n
<\/div><\/div> \n\t\t\t
<\/div><\/div>\n\t\t\t
<\/i>Tab Title 3<\/div>
\n
Suspendisse blandit<\/li>\n
Duis vestibulum quis<\/li>\n
Maecenas pretium lobortis<\/li>\n
Donec mollis<\/li>\n<\/ul>\n<\/div>
<\/div>\n\t\t\t
<\/div><\/div>
<\/div><\/div>
<\/div><\/div>
<\/div>\n\t<\/div>\n\t
\n\t\t\t
Tab 1<\/a><\/li>
Tab 2<\/a><\/li>
<\/div><\/ul>
\n\t\t\t\n\t\t\t
<\/i>Tab 1<\/div>\t
Aliquam varius massa vel ante rhoncus eget semper tortor tincidunt. Nunc eu fermentum sem. Etiam semper enim sem, ut gravida tortor nisi consectetur iaculis accumsan. Aliquam varius<\/strong> massa vel ante rhoncus eget.<\/p>\n
<\/div><\/div>
\n
Suspendisse blandit<\/li>\n
Duis vestibulum quis<\/li>\n
Maecenas pretium lobortis<\/li>\n
Donec mollis<\/li>\n<\/ul>\n<\/div>
<\/div>\n\t\t\t
<\/div><\/div>\n\t\t\t
<\/i>Tab 2<\/div>\t
Aliquam varius massa vel ante rhoncus eget semper tortor tincidunt. Nunc eu fermentum sem. Etiam semper enim sem, ut gravida tortor nisi consectetur iaculis accumsan.<\/p>\n
<\/div><\/div> \n\t\t\t
<\/div><\/div>
<\/div><\/div>
<\/div><\/div>
<\/div>\n\t<\/div><\/div>
\n\t
\n\t\t\t
<\/div>
<\/div>
<\/div>\n\t<\/div><\/div>
<\/div><\/div><\/div><\/div>
<\/div>
<\/div>
\n\t
\n\t\t\t