[title h=1] Interactive[br]Elements[/title]

Springfield includes several Interactive Elements
to help you with adding those elements on your site.

[title h=2] Separator[br]Quote Panel[/title]

Seperator panal with parallax background image and text carousel slider.

[st_slider_text][st_slider_text_item st_title=”Elbert Hubbard”][title color=white]The best preparation for good work tomorrow is to do [/title][br]good work today[/st_slider_text_item][st_slider_text_item st_title=”Elbert Hubbard”][title color=white]The best preparation for good work tomorrow is to do [/title][br]good work today[/st_slider_text_item][st_slider_text_item st_title=”Elbert Hubbard”][title color=white]The best preparation for good work tomorrow is to do [/title][br]good work today[/st_slider_text_item][/st_slider_text]

[title h=2] Number[br]Section[/title]

Number section with default style, icon style and animated style.

[st_box_icon_item st_contact_effect=”yes” st_contact_title=”3252″ st_contact_content=”Cus of Coffee”]
[st_box_icon_item st_contact_effect=”yes” st_contact_title=”418″ st_contact_content=”Satisfied Customers”]
[st_box_icon_item st_contact_effect=”yes” st_contact_title=”220″ st_contact_content=”Completed Projects”]
[st_box_icon_item st_contact_effect=”yes” st_contact_title=”15″ st_contact_content=”Completed Projects”]
[st_box_icon_item st_contact_effect=”no” st_contact_title=”3252″ st_contact_content=”Cus of Coffee” st_contact_icon=”fa-coffee”]
[st_box_icon_item st_contact_effect=”no” st_contact_title=”418″ st_contact_content=”Satisfied Customers” st_contact_icon=”fa-users”]
[st_box_icon_item st_contact_effect=”no” st_contact_title=”220″ st_contact_content=”Completed Projects” st_contact_icon=”fa-briefcase”]
[st_box_icon_item st_contact_effect=”no” st_contact_title=”15″ st_contact_content=”Completed Projects” st_contact_icon=”fa-trophy”]
[st_box_icon_item st_contact_effect=”yes” st_contact_title=”3252″ st_contact_content=”Cus of Coffee” st_contact_icon=”fa-coffee” st_ordinal=”1″]
[st_box_icon_item st_contact_effect=”yes” st_contact_title=”418″ st_contact_content=”Satisfied Customers” st_contact_icon=”fa-users” st_ordinal=”2″]
[st_box_icon_item st_contact_effect=”yes” st_contact_title=”220″ st_contact_content=”Completed Projects” st_contact_icon=”fa-briefcase” st_ordinal=”3″]
[st_box_icon_item st_contact_effect=”yes” st_contact_title=”15″ st_contact_content=”Completed Projects” st_contact_icon=”fa-trophy” st_ordinal=”4″]

[title h=2] Progress[br]bars[/title]

Progress bar with two different style.

[st_progress st_progess_bg_total=”#999999″ st_progess_shadow=”no”][progress_item st_progess_title=”User Experience” st_progess_background=”#ff6f40″ st_pogess_percent=”88″][progress_item st_progess_title=”User Experience” st_progess_background=”#ff6f40″ st_pogess_percent=”88″][progress_item st_progess_title=”Web & App Design” st_progess_background=”#ff6f40″ st_pogess_percent=”100″][progress_item st_progess_title=”eCommerce” st_progess_background=”#ff6f40″ st_pogess_percent=”54″][/st_progress]
[st_progress st_progess_shadow=”yes” st_progess_bg_total=”#999999″][progress_item st_progess_title=”User Experience” st_progess_background=”#ff6f40″ st_pogess_percent=”88″][progress_item st_progess_title=”User Experience” st_progess_background=”#ff6f40″ st_pogess_percent=”88″][progress_item st_progess_title=”Web & App Design” st_progess_background=”#ff6f40″ st_pogess_percent=”100″][progress_item st_progess_title=”eCommerce” st_progess_background=”#ff6f40″ st_pogess_percent=”54″][/st_progress]

[title h=2] Video[br]Section[/title]

Video section have Vimeo video and Youtube video.

[title h=2] Toggle[br]Accordion[/title]

Toggle Accordian section with light and dark background.

[st_text_group st_text_group_style=”default” st_text_header_color=”#020202″ st_text_header_bg=”#f2f2f2″ st_text_content_color=”#000000″][st_text_group_item st_text_group_title=” Wamet nulla sollicitudin pretium a sed purus ” st_text_group_icon=”fa-arrow-circle-down”]Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna.
pretium a sed purus. Nullam bibendum porta magna.[/st_text_group_item][st_text_group_item st_text_group_title=” Quisque risus purus, sodales eu ” st_text_group_icon=”fa-arrow-circle-down”]Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna.
pretium a sed purus. Nullam bibendum porta magna.[/st_text_group_item][st_text_group_item st_text_group_title=”Nullam bibendum porta magna ” st_text_group_icon=”fa-arrow-circle-down”]Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna.
pretium a sed purus. Nullam bibendum porta magna.[/st_text_group_item][st_text_group_item st_text_group_title=” Praesent faucibus nisl sit amet nulla ” st_text_group_icon=”fa-arrow-circle-down”]Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna.
pretium a sed purus. Nullam bibendum porta magna.[/st_text_group_item][/st_text_group]
[st_text_group st_text_group_style=”default” st_text_header_color=”#ffffff” st_text_header_bg=”#000000″ st_text_content_color=”#ffffff” st_text_content_bg=”#000000″][st_text_group_item st_text_group_title=” Wamet nulla sollicitudin pretium a sed purus ” st_text_group_icon=”fa-arrow-circle-down”]Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna.
pretium a sed purus. Nullam bibendum porta magna.[/st_text_group_item][st_text_group_item st_text_group_title=”Quisque risus purus, sodales eu ” st_text_group_icon=”fa-arrow-circle-down”]Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna.
pretium a sed purus. Nullam bibendum porta magna.[/st_text_group_item][st_text_group_item st_text_group_title=”Nullam bibendum porta magna ” st_text_group_icon=”fa-arrow-circle-down”]Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna.
pretium a sed purus. Nullam bibendum porta magna.[/st_text_group_item][st_text_group_item st_text_group_title=”Praesent faucibus nisl sit amet nulla ” st_text_group_icon=”fa-arrow-circle-down”]Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna.
pretium a sed purus. Nullam bibendum porta magna.[/st_text_group_item][/st_text_group]

[title h=2] TAB[br]Section[/title]

Tab Element with light and dark background.

[st_tab st_font_tb=”#000″ st_bg_tb=”#fff”][st_tab_item st_title=”Nullam bibendum”]

Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna. At vero eos et accusam et justo duo dolores et ea rebum.
[/st_tab_item][st_tab_item st_title=”Raw denim”]Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/st_tab_item][st_tab_item st_title=”Lorem ipsum”]

Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna. At vero eos et accusam et justo duo dolores et ea rebum.
[/st_tab_item][/st_tab]

[st_tab st_font_tb=”#ffffff” st_bg_tb=”#020202″][st_tab_item st_title=”Nullam bibendum”]

Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna. At vero eos et accusam et justo duo dolores et ea rebum.
[/st_tab_item][st_tab_item st_title=”Raw denim”]Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/st_tab_item][st_tab_item st_title=”Lorem ipsum”]

Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna. At vero eos et accusam et justo duo dolores et ea rebum.
[/st_tab_item][/st_tab]

[title h=2] Image Left[br]Section[/title]

Image animation from left side and content on right side.

[st_text_group st_text_group_style=”show”][st_text_group_item st_text_group_title=”Web Design” st_text_group_icon=”fa-paint-brush”]At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/st_text_group_item][st_text_group_item st_text_group_title=”SEO” st_text_group_icon=”fa-line-chart”]At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/st_text_group_item][st_text_group_item st_text_group_title=” Photography” st_text_group_icon=”fa-binoculars”]At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/st_text_group_item][/st_text_group]
[st_text_group st_text_group_style=”show”][st_text_group_item st_text_group_title=”Web Design” st_text_group_icon=”fa-paint-brush”]At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/st_text_group_item][st_text_group_item st_text_group_title=”SEO” st_text_group_icon=”fa-line-chart”]At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/st_text_group_item][st_text_group_item st_text_group_title=” Photography” st_text_group_icon=”fa-binoculars”]At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/st_text_group_item][/st_text_group]
[st_slider_images st_list_images=”224,223,222,221,220,219″]

[title h=2]Image[br]Gallery[/title]

Image gallery

[st_slider_images st_list_images=”145,144,143,142,141,140″]

[title h=2]Parallax[br]Background[/title]

Call to Action.

[title_bol] [title]What We Offer[/title] [br] Dedicated Support [/title_bol]

Fusce faucibus tincidunt nulla, tincidunt sagittis magna venenatis quis. Proin commodo eu ipsum eu suscipit. In dapibus arcu sit amet imperdiet posuere. Praesent condimentum nulla at mauris ornare, eget consequat felis euismod. Duis vulputate nibh sit amet augue vehicula, mattis viverra purus tristique.

Button
[title_bol size=22 spacing=0]Elite quality [title size=22]quality design, code, easy to use and free support. We can assure that you will love using this theme![/title][/title_bol]
Button

[title h=2]What We Do[br]Our Cool Features[/title]

What We Do? Our cool features. A highly skilled professional services
work together to deliver a first class final product.

[st_about st_style=”style_2″][st_about_item st_class_icon=”fa-ticket” st_title=”Website Design” st_sub_title=”Responsive design” data_effect=”flipInX “]Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores.[/st_about_item][st_about_item st_class_icon=”fa-shekel” st_title=”eCommerce” st_sub_title=”Online Retail Store” data_effect=”flipInX “]Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores.[/st_about_item][st_about_item st_class_icon=”fa-angellist” st_title=”Web Development” st_sub_title=”Content Management” data_effect=”flipInX “]Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores.[/st_about_item][st_about_item st_class_icon=”fa-bookmark” st_title=”Web Branding” st_sub_title=”Business Thinking” data_effect=”flipInX “]Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores.[/st_about_item][st_about_item st_class_icon=”fa-cube” st_title=”Customer Support” st_sub_title=”Responsive design” data_effect=”flipInX “]Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores.[/st_about_item][st_about_item st_class_icon=”fa-flask” st_title=”Graphic Design” st_sub_title=”Responsive design” data_effect=”flipInX “]Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores.[/st_about_item][/st_about]