Venerdì, 24 Aprile 2020 13:23

    Togglable tabs

    Scritto da
    Vota questo articolo
    (0 Voti)
    [tabs ] [tab_item title="Home" ] [lightbox src="http://placehold.it/350x200/5BD999/FFFFFF" width="350" height="200" lightbox="on" title="Fusce pellentesque commodo " align="right" border="yes"]

    Lorem ipsum dolor sit amet

    Consectetur adipiscing elit. Suspendisse nisi quam, lobortis eu ultrices at; pellentesque ut arcu! Pellentesque eros ipsum, aliquet vel bibendum sed

    Donec volutpat, nibh convallis lacinia rutrum, magna augue pretium est, sed lacinia tellus felis in sapien. Phasellus lorem velit, interdum ac luctus eu, sagittis eget neque.

    Read More [/tab_item] [tab_item title="Profile"] [lightbox src="http://placehold.it/350x200/CB70D7/FFFFFF" width="350" height="200" lightbox="on" title="Fusce pellentesque commodo " align="right" border="yes"]

    Nulla vitae adipiscing dolor

    Donec non felis in elit imperdiet cursus nec et turpis. Phasellus a purus tortor. In porttitor suscipit massa nec euismod! Aenean turpis erat

    Volutpat, nibh convallis lacinia rutrum, magna augue pretium est, sed lacinia tellus felis in sapien. Phasellus lorem velit, interdum ac luctus eu, sagittis eget neque.

    Read More [/tab_item] [tab_item title="messages"] [lightbox src="http://placehold.it/350x200/00C0E4/FFFFFF" width="350" height="200" lightbox="on" title="Fusce pellentesque commodo " align="right" border="yes"]

    Sed eget lectus eu elit dictum

    Nunc sem orci, dictum eget sagittis eget, auctor at arcu. Quisque id urna nulla. Vivamus augue neque, faucibus et placerat id, varius eu turpis.

    Donec volutpat, nibh convallis lacinia rutrum, magna augue pretium est, sed lacinia tellus felis in sapien. Phasellus lorem velit, interdum ac luctus eu, sagittis eget neque.

    Read More [/tab_item] [tab_item title="settings"] [lightbox src="http://placehold.it/350x200/D25302/FFFFFF" width="350" height="200" lightbox="on" title="Fusce pellentesque commodo " align="right" border="yes"]

    Pellentesque commodo dui a neque

    Consectetur adipiscing elit. Suspendisse nisi quam, lobortis eu ultrices at; pellentesque ut arcu! Pellentesque eros ipsum, aliquet vel bibendum sed

    Donec volutpat, nibh convallis lacinia rutrum, magna augue pretium est, sed lacinia tellus felis in sapien. Phasellus lorem velit, interdum ac luctus eu, sagittis eget neque.

    Read More [/tab_item] [/tabs]
    [tabs]
        [tab_item title='ITEM_TITLE'] ADD_CONTENT_HERE [/tab_item]
        [tab_item title='ITEM_TITLE'] ADD_CONTENT_HERE [/tab_item]
        [tab_item title='ITEM_TITLE'] ADD_CONTENT_HERE [/tab_item]
        [tab_item title='ITEM_TITLE'] ADD_CONTENT_HERE [/tab_item]
    [/tabs]
    
    [tabs style="green"] [tab_item title="Home" ]

    Lorem ipsum dolor sit amet Content 1

    [/tab_item] [tab_item title="Profile"]

    Nulla vitae adipiscing dolor Content 2

    [/tab_item] [tab_item title="messages"]

    Sed eget lectus eu elit dictum Content 3

    [/tab_item] [tab_item title="settings"]

    Pellentesque commodo dui a neque Content 4

    [/tab_item] [/tabs] [tabs style="blue"] [tab_item title="Home" ]

    Lorem ipsum dolor sit amet Content 1

    [/tab_item] [tab_item title="Profile"]

    Nulla vitae adipiscing dolor Content 2

    [/tab_item] [tab_item title="messages"]

    Sed eget lectus eu elit dictum Content 3

    [/tab_item] [tab_item title="settings"]

    Pellentesque commodo dui a neque Content 4

    [/tab_item] [/tabs] [tabs style="black"] [tab_item title="Home" ]

    Lorem ipsum dolor sit amet Content 1

    [/tab_item] [tab_item title="Profile"]

    Nulla vitae adipiscing dolor Content 2

    [/tab_item] [tab_item title="messages"]

    Sed eget lectus eu elit dictum Content 3

    [/tab_item] [tab_item title="settings"]

    Pellentesque commodo dui a neque Content 4

    [/tab_item] [/tabs] [tabs style="red"] [tab_item title="Home" ]

    Lorem ipsum dolor sit amet Content 1

    [/tab_item] [tab_item title="Profile"]

    Nulla vitae adipiscing dolor Content 2

    [/tab_item] [tab_item title="messages"]

    Sed eget lectus eu elit dictum Content 3

    [/tab_item] [tab_item title="settings"]

    Pellentesque commodo dui a neque Content 4

    [/tab_item] [/tabs] [tabs style="oranges"] [tab_item title="Home" ]

    Lorem ipsum dolor sit amet Content 1

    [/tab_item] [tab_item title="Profile"]

    Nulla vitae adipiscing dolor Content 2

    [/tab_item] [tab_item title="messages"]

    Sed eget lectus eu elit dictum Content 3

    [/tab_item] [tab_item title="settings"]

    Pellentesque commodo dui a neque Content 4

    [/tab_item] [/tabs]
    [tabs style="green"]   ADD_TAB_ITEM ... [/tabs]
    [tabs style="blue"]    ADD_TAB_ITEM ... [/tabs]
    [tabs style="black"]   ADD_TAB_ITEM ... [/tabs]
    [tabs style="red"]     ADD_TAB_ITEM ... [/tabs]
    [tabs style="oranges"] ADD_TAB_ITEM ... [/tabs]
    
    [tabs type="vertical"] [tab_item title="Home" ]

    Lorem ipsum dolor sit amet Content 1

    Aenean justo ligula, pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci. Etiam tincidunt, metus vel dapibus fermentum, quam purus aliquet ante, ac imperdiet ante dolor nec purus. Nunc nec massa metus. Ut ornare leo sed felis blandit quis euismod purus tempus. Pellentesque ac sem augue, vel lobortis eros.

    [/tab_item] [tab_item title="Profile"]

    Lorem ipsum dolor sit amet Content 2

    Pellentesque ac sem augue quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci. Etiam tincidunt, metus vel dapibus fermentum, quam purus aliquet ante, ac imperdiet ante dolor nec purus. Nunc nec massa metus. Ut ornare leo sed felis blandit quis euismod purus tempus. Pellentesque ac sem augue, vel lobortis eros.

    [/tab_item] [tab_item title="messages"]

    Lorem ipsum dolor sit amet Content 3

    Nunc nec massa metus pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci. Etiam tincidunt, metus vel dapibus fermentum, quam purus aliquet ante, ac imperdiet ante dolor nec purus. Nunc nec massa metus. Ut ornare leo sed felis blandit quis euismod purus tempus. Pellentesque ac sem augue, vel lobortis eros.

    [/tab_item] [/tabs]
    [tabs type="vertical" ]   ADD_TAB_ITEM ... [/tabs]
    
    [tabs type="vertical" style="green"] [[tab_item title="Home" ]

    Lorem ipsum Content 1

    Aenean justo ligula, pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.

    [/tab_item] [tab_item title="Profile"]

    Lorem ipsum Content 2

    Pellentesque ac sem augue quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.

    [/tab_item] [tab_item title="messages"]

    Lorem ipsum Content 3

    Nunc nec massa metus pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.

    [/tab_item] [/tabs]
    [tabs type="vertical" style="blue"] [[tab_item title="Home" ]

    Lorem ipsum Content 1

    Aenean justo ligula, pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.

    [/tab_item] [tab_item title="Profile"]

    Lorem ipsum Content 2

    Pellentesque ac sem augue quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.

    [/tab_item] [tab_item title="messages"]

    Lorem ipsum Content 3

    Nunc nec massa metus pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.

    [/tab_item] [/tabs]
    [space height='30']
    [tabs type="vertical" style="red"] [[tab_item title="Home" ]

    Lorem ipsum Content 1

    Aenean justo ligula, pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.

    [/tab_item] [tab_item title="Profile"]

    Lorem ipsum Content 2

    Pellentesque ac sem augue quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.

    [/tab_item] [tab_item title="messages"]

    Lorem ipsum Content 3

    Nunc nec massa metus pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.

    [/tab_item] [/tabs]
    [tabs type="vertical" style="oranges"] [[tab_item title="Home" ]

    Lorem ipsum Content 1

    Aenean justo ligula, pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.

    [/tab_item] [tab_item title="Profile"]

    Lorem ipsum Content 2

    Pellentesque ac sem augue quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.

    [/tab_item] [tab_item title="messages"]

    Lorem ipsum Content 3

    Nunc nec massa metus pellentesque quis mattis et, molestie quis dui. Integer massa libero, viverra et rutrum fringilla, faucibus et metus. Proin vel vulputate orci.

    [/tab_item] [/tabs]
    [tabs type="vertical" style="green"]     ADD_TAB_ITEM ... [/tabs]
    [tabs type="vertical" style="green"]     ADD_TAB_ITEM ... [/tabs]
    [tabs type="vertical" style="red"]       ADD_TAB_ITEM ... [/tabs]
    [tabs type="vertical" style="oranges"]   ADD_TAB_ITEM ... [/tabs]
    
    Letto 880 volte Ultima modifica il Venerdì, 24 Aprile 2020 13:23
    Altro in questa categoria: « Social Buttons Testimonial »
    FIPAV C.T. MONTI IBLEI – Via Archimede, n. 216 – 97100 RAGUSA (C/o SPORT&SALUTE ) – FIPAV Point – via Ofanto, n. 3 – 96100 Siracusa (C/o SPORT&SALUTE ) E-mail: montiblei@federvolley.it – PEC: ct.montiblei@pec.federvolley.it - P.IVA 01382321006

    © 2024 All Rights Reserved. Powered by JAWEB.IT