OTHER ELEMENTS

[container]

OTHER ELEMENTS

[row][col4]

RESPONSIVE VIMEO VIDEO


[/col4][col4]

RESPONSIVE YOUTUBE VIDEO


[/col4][col4]

RESPONSIVE SELF HOSTED VIDEO


[/col4][/row][row][col6]

RESPONSIVE SLIDER

[flexslider id=”36″ width=”1000″ ]
[/col6][col6]

RESPONSIVE SLIDER FIXED HEIGHT WITHOUT CONTROL

[flexslider id=”36″ width=”1000″ height=”300″ controlnav=”false”]
[/col6][/row]

LIGHT BOX

[row][col12][lightbox] [/lightbox]
[/col12][/row][row][col4]

GOOGLE MAP

[map lat=”38.897897″ lng=”-77.036542″ width=”100%” height=”300″ maptype=”hybrid” zoom=”8″ controls=”true”]
[/col4][col4]

GOOGLE MAP#2

[map lat=”38.897897″ lng=”-77.036542″ width=”100%” height=”300″ maptype=”roadmap” zoom=”11″ controls=”true”]
[/col4][col4]

GOOGLE MAP#3

[map lat=”38.897897″ lng=”-77.036542″ width=”100%” height=”300″ maptype=”satellite” zoom=”14″ controls=”false”]White House Here![/map]
[/col4][/row][row][col4]

CIRCLE WITH ICON

[circle content=”” value=”25″ fgcolor=”#303c4c” bgcolor=”#d2d4d8″ width=”80%” height=”80%”]
[/col4][col4]

CIRCLE #2

[circle value=”65″ fgcolor=”#24afb2″ bgcolor=”#d2d4d8″ width=”80%” height=”80%” thickness=”.1″]
[/col4][col4]

CIRCLE #3

[circle value=”80″ fgcolor=”#d75858″ bgcolor=”#d2d4d8″ width=”80%” height=”80%” thickness=”.3″]
[/col4][/row]

LIST ITEMS

[row][col3][list-group]
[item]Cras justo odio[/item]
[item]Dapibus ac facilisis in[/item]
[item]Morbi leo risus[/item]
[item]Porta ac consectetur ac[/item]
[item]Vestibulum at eros[/item]
[/list-group]
[/col3][col3][list-group][item badge=”14″]Cras justo odio[/item]
[item badge=”21″]Dapibus ac facilisis in[/item]
[item badge=”5″]Morbi leo risus[/item]
[item badge=”11″]Porta ac consectetur ac[/item]
[item badge=”7″]Vestibulum at eros[/item]
[/list-group]
[/col3][col3][list-group][item link=”#” active=”true”]Cras justo odio[/item]
[item link=”#”]Dapibus ac facilisis in[/item]
[item link=”#”]Morbi leo risus[/item]
[item link=”#”]Porta ac consectetur ac[/item]
[item link=”#”]Vestibulum at eros[/item]
[/list-group]
[/col3][col3][list-group]
[item link=”#” active=”true” heading=”List group item heading”]Cras justo odio[/item]
[item link=”#” heading=”List group item heading”]Dapibus ac facilisis in[/item]
[item link=”#” heading=”List group item heading”]Morbi leo risus[/item]
[/list-group]
[/col3][/row]
[row][col3]

BUTTON COLORS

[button link=”#” color=”default”]Default[/button][button link=”#” color=”primary”]Primary[/button][button link=”#” color=”success”]Success[/button][button link=”#” color=”info”]Info[/button][button link=”#” color=”warning”]Warning[/button][button link=”#” color=”danger”]Danger[/button][button link=”#” color=”link”]Link[/button]
[/col3][col3]

BUTTON WITH ICONS

[button link=”#” color=”default”] Default[/button][button link=”#” color=”primary”] Primary[/button][button link=”#” color=”success”] Success[/button][button link=”#” color=”info”] Info[/button][button link=”#” color=”warning”] Warning[/button][button link=”#” color=”danger”] Danger[/button]
[/col3][col3]

BUTTON SIZES

[button link=”#” size=”large” color=”primary”]Large[/button][button link=”#” size=”default”]Default[/button][button link=”#” size=”small” color=”success”]Small[/button][button link=”#” size=”xsmall” color=”info”]XSmall[/button]
[/col3][col3]

BUTTON BLOCK

[button link=”#” size=”large” block=”true” color=”warning”]Large[/button][button link=”#” size=”default” block=”true”]Default[/button][button link=”#” size=”small” block=”true” color=”danger”]Small[/button][button link=”#” size=”xsmall” block=”true” color=”primary”]XSmall[/button]
[/col3][/row]
[row][col6]

TOOLTIP

Vivamus et pellentesque nisl. Cum sociis [tooltip text=”Tooltip on top”]top[/tooltip] penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam nec justo [tooltip text=”Tooltip on left” position=”left”]left[/tooltip] sem fringilla gravida sed at sapien. Nullam et metus egestas, mattis est sed, [tooltip text=”Tooltip on left” position=”right”]right[/tooltip] eros. Vestibulum ante ipsum primis in faucibus orci [tooltip text=”Tooltip on left” position=”bottom”]bottom[/tooltip] et ultrices posuere cubilia Curae.[/col6][col6]

POPOVER

Vivamus et pellentesque nisl. Cum sociis [popover text=”Popover on top”]top[/popover] penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam nec justo [popover text=”Popover on left” position=”left”]left[/popover] sem fringilla gravida sed at sapien. Nullam et metus egestas, mattis est sed, [popover text=”Popover on left” position=”right”]right[/popover] eros. Vestibulum ante ipsum primis in faucibus orci [popover text=”Popover on left” position=”bottom”]bottom[/popover] et ultrices posuere cubilia Curae.
[/col6][/row]

[row][col6]

ACCORDION

[accordition][accordition_item title=”Fresh and Clean Design” show=”true”]Etiam pharetra facilisis augue. Mauris ipsum dui, tincidunt eu risus sit amet, feugiat vehicula metus. Cras lectus urna, euismod ut aliquet eu, convallis a nulla. Nullam adipiscing, magna a gravida blandit, tortor orci porttitor tortor, id sollicitudin massa tellus ac. [/accordition_item][accordition_item title=”Neatly Designed For Photographers and Videographers”]In porttitor metus semper sollicitudin volutpat. Pellentesque tempus augue in convallis posuere. Vestibulum a eros diam. Morbi sit amet ornare libero. Phasellus dolor leo, pulvinar posuere elementum vulputate, suscipit ac est. Aliquam eleifend eleifend justo nec tempus. Curabitur in cursus. [/accordition_item][accordition_item title=”100% Responsive for Mobile Devices”]Quisque neque massa, pretium a tempus in, auctor a nunc. In hac habitasse platea dictumst. Pellentesque a sapien lorem. Donec feugiat, enim sit amet molestie dignissim, tellus libero tincidunt tortor, sit amet bibendum ante sapien a risus. Ut suscipit metus. [/accordition_item][/accordition]
[/col6][col6]

TABS

[tab][tab_item title=”Fresh Design” show=”true”]Suspendisse interdum dui ac lacus dapibus pulvinar. Mauris placerat, neque et tincidunt lobortis, purus dui condimentum orci, sit amet ornare justo felis sit amet turpis. Aenean fermentum risus et luctus varius. Cras dolor orci, aliquet eget quam a, venenatis pharetra magna. Cras a risus sed tellus blandit dignissim. Donec vitae lobortis nisl. Aliquam sed dolor eget sapien sollicitudin condimentum et eget diam. Quisque pharetra iaculis eros sed blandit. Ut et orci eleifend urna semper ornare sit amet a nunc. Curabitur posuere pulvinar enim nec laoreet. Sed egestas ligula non risus.[/tab_item][tab_item title=”For Photographers”]Phasellus blandit, purus a suscipit interdum, erat risus pretium sapien, quis tempus risus libero bibendum leo. In semper luctus dui, ut pharetra urna fermentum in. Praesent at porta mi. Donec non tellus at lorem ultricies convallis. Nunc vestibulum placerat nisi, a posuere libero vestibulum ac. Ut et arcu quis orci dictum egestas. Curabitur tempus turpis vehicula malesuada fringilla. Etiam vel nunc lacinia, tristique justo non, interdum nisl. Phasellus lacus enim, ultrices vel luctus sed, egestas sit amet tellus. Vivamus vestibulum varius tincidunt. Nam sodales metus sit amet pharetra lacinia. Integer.[/tab_item][tab_item title=”100% Responsive”]Donec lorem arcu, consectetur sit amet libero ac, tempus rutrum dolor. Cras a massa feugiat, dignissim ligula eget, fermentum massa. Cras vitae felis libero. Morbi id libero vitae tortor semper aliquet. Vestibulum bibendum sodales nibh, eget molestie risus dignissim non. Maecenas molestie est vitae risus volutpat luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam rutrum cursus purus, eu fermentum felis pulvinar at. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent non euismod augue. Sed id lacus nulla. Pellentesque ut.[/tab_item][/tab]
[/col6][/row]
[row][col4]

MESSAGE BOXES

[message-box]Default[/message-box][message-box color=”info”]Info[/message-box][message-box color=”warning”]Warning[/message-box][message-box color=”danger” dismissable=”true”]Danger with dismissable[/message-box][/col4][col4]

PANELS

[panel]Panel Element[/panel][panel header=”Panel Header”]Panel Element with Header[/panel][panel footer=”Panel Footer”]Panel Element with Footer[/panel][panel header=”Panel Header” footer=”Panel Footer”]Panel Element[/panel]
[/col4][col4]

COLORS OF PANELS

[panel color=”primary” header=”Panel Primary”]Panel Element[/panel][panel color=”success” header=”Panel Success”]Panel Element[/panel]
[panel color=”info” header=”Panel Info”]Panel Element[/panel][panel color=”warning” header=”Panel Warning”]Panel Element[/panel][panel color=”danger” header=”Panel Danger”]Panel Element[/panel]
[/col4][/row]
[row][col6]

PROGRESS BARS

[progress][progress-bar percent=”60″][/progress-bar][/progress][progress][progress-bar percent=”50″ color=”success”][/progress-bar][/progress][progress striped=”true”][progress-bar percent=”80″ color=”info”][/progress-bar][/progress][progress striped=”true” active=”true”][progress-bar percent=”70″ color=”warning”][/progress-bar][/progress][progress][progress-bar percent=”20″ color=”danger”][/progress-bar][/progress][progress][progress-bar percent=”35″ color=”success”][/progress-bar][progress-bar percent=”20″ color=”warning”][/progress-bar][progress-bar percent=”10″ color=”danger”][/progress-bar][/progress]
[/col6][col3]

FONT AWESOME

fa-camera-retro
fa-lg
fa-2x
fa-3x
fa-4x
fa-5x
[/col3][col3]

ROTATE ICONS

normal
fa-rotate-90
fa-rotate-180
fa-rotate-270
fa-flip-horizontal
icon-flip-vertical
[/col3][/row]
[/container]

Leave a Reply