View all Demos
React Hub
Copy current page content[block text_align="textcenter" palette="2" width="outer" inside_max_width="1" padding_bottom="80" padding_bottom_phone="30" padding_top="80" margin_top="-41"]
[row padding="0" gaps="1" vertical_gap="1" convert="mobile-width-100"]
[col width="50"]
[row1 padding="0" gaps="1" convert="phone-width-100"]
[col1 width="50"]
[image src="2014/06/Dollarphotoclub_85736528-10.jpg" width="400" align="center" frame="style1" a_icon="fa-envelope-o" use_caption="1" icon="far fa-envelope-o" caption_subtitle="Contact me" caption_type="cap-slide-in" custom_margin="1" margin_right="10" margin_left="10"][/col1]
[col1 width="50"]
[fancy_header type="style1" text_align="textleft" text_align_convert_device="phone" text_align_convert_align="center" margin_top="10" margin_bottom="5"]Joe Bloggs[/fancy_header]
[h4 class="tcs-textleft text-prime uppercase font-smaller tcs-phone-text-center"]Programmer[/h4]
[p class="tcs-textleft bigger-font italic alt-text tcs-phone-text-center"]
"Nullam ornare, sem in malesuada sagittis, quam sapien ornare massa."
[/p]
[p class="tcs-textleft tcs-phone-text-center"]
[icon icon="fab fa-facebook" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-twitter" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-skype" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-linkedin" font_size="12" boxed="1" hollow="1"]
[/p]
[/col1]
[/row1]
[/col]
[col width="50"]
[row1 padding="0" gaps="1" convert="phone-width-100"]
[col1 width="50"]
[image src="2014/06/Dollarphotoclub_85736528-18.jpg" width="400" align="center" custom_margin="1" margin_left="10" margin_right="10" a_icon="fa-envelope-o" use_caption="1" icon="fa-envelope-o" caption_subtitle="Contact me" caption_type="cap-slide-in" frame="style1"]
[/col1]
[col1 width="50"]
[fancy_header tag="h2" type="style1" text_align="textleft" text_align_convert_device="phone" text_align_convert_align="center" margin_top="10" margin_bottom="5"]Joe Bloggs[/fancy_header]
[h4 class="tcs-textleft tcs-phone-text-center text-prime uppercase font-smaller"]Programmer[/h4]
[p class="tcs-textleft tcs-phone-text-center bigger-font italic alt-text"]
"Nullam ornare, sem in malesuada sagittis, quam sapien ornare massa."
[/p]
[p class="tcs-textleft tcs-phone-text-center"]
[icon icon="fab fa-facebook" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-twitter" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-skype" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-linkedin" font_size="12" boxed="1" hollow="1"]
[/p]
[/col1]
[/row1]
[/col]
[/row]
[/block]
[block padding_top="40" padding_bottom="40" padding_left="0" padding_right="0" palette="5" border="border b-tb" width="outer" inside_max_width="1"]
[row padding="1" gaps="0" vertical_gap="1" convert="units-tablet-50 phone-width-100"]
[col width="25"]
[image src="2014/06/Dollarphotoclub_85736528-15.jpg" width="400" align="center" a_icon="fa-envelope-o" use_caption="1" icon="fa-envelope-o" caption_subtitle="Contact me" caption_type="cap-slide-in" frame="style1"]
[fancy_header tag="h3" text_align="textcenter" margin_top="0" margin_bottom="-20"]Joe Bloggs[/fancy_header]
[h4 class="tcs-textcenter text-alt"]Programmer[/h4]
[p class="tcs-textcenter smaller-font italic alt-text"]
"Nullam ornare, sem in malesuada sagittis, quam sapien ornare massa."
[/p]
[p class="tcs-textcenter"]
[icon icon="fab fa-facebook" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-twitter" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-skype" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-linkedin" font_size="12" boxed="1" hollow="1"]
[/p]
[/col]
[col width="25"]
[image src="2014/06/Dollarphotoclub_85736528-3.jpg" width="450" align="center" a_icon="fa-envelope-o" use_caption="1" icon="fa-envelope-o" caption_subtitle="Contact me" caption_type="cap-slide-in" frame="style1"]
[fancy_header tag="h3" text_align="textcenter" margin_top="0" margin_bottom="-20"]Joe Bloggs[/fancy_header]
[h4 class="tcs-textcenter text-alt"]Programmer[/h4]
[p class="tcs-textcenter smaller-font italic alt-text"]
"Nullam ornare, sem in malesuada sagittis, quam sapien ornare massa."
[/p]
[p class="tcs-textcenter"]
[icon icon="fab fa-facebook" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-twitter" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-skype" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-linkedin" font_size="12" boxed="1" hollow="1"]
[/p]
[/col]
[col width="25"]
[image src="2014/06/Dollarphotoclub_85736528-7.jpg" width="400" align="center" a_icon="fa-envelope-o" use_caption="1" icon="fa-envelope-o" caption_subtitle="Contact me" caption_type="cap-slide-in" frame="style1"]
[fancy_header tag="h3" text_align="textcenter" margin_top="0" margin_bottom="-20"]Joe Bloggs[/fancy_header]
[h4 class="tcs-textcenter text-alt"]Programmer[/h4]
[p class="tcs-textcenter smaller-font italic alt-text"]
"Nullam ornare, sem in malesuada sagittis, quam sapien ornare massa."
[/p]
[p class="tcs-textcenter"]
[icon icon="fab fa-facebook" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-twitter" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-skype" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-linkedin" font_size="12" boxed="1" hollow="1"]
[/p]
[/col]
[col width="25"]
[image src="2014/06/Dollarphotoclub_85736528-16.jpg" width="400" align="center" a_icon="fa-envelope-o" use_caption="1" icon="fa-envelope-o" caption_subtitle="Contact me" caption_type="cap-slide-in" frame="style1"]
[fancy_header tag="h3" text_align="textcenter" margin_top="0" margin_bottom="-20"]Joe Bloggs[/fancy_header]
[h4 class="tcs-textcenter text-alt"]Programmer[/h4]
[p class="tcs-textcenter smaller-font italic alt-text"]
"Nullam ornare, sem in malesuada sagittis, quam sapien ornare massa."
[/p]
[p class="tcs-textcenter"]
[icon icon="fab fa-facebook" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-twitter" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-skype" font_size="12" boxed="1" hollow="1"]
[icon icon="fab fa-linkedin" font_size="12" boxed="1" hollow="1"]
[/p]
[/col]
[/row]
[/block]
[block text_align="textcenter"]
[fancy_header icon="fas fa-user-friends" icon_position="null" size="large" text_align="textcenter" animation="fadeInDown" margin_top="0" margin_bottom="-20" bold="1"]Ready to join our team?[/fancy_header]
[list style="tick-plain" layout="inline"][li]Join a professional team[/li]
[li]Enjoyable work environment[/li]
[li]Exciting projects & clients[/li]
[li]We'll even pay you[/li][/list]
[lightbox width="800" close_effect="elastic" close_speed="600"]
[lightbox_trigger]
[button animation="fadeInUp" convert="cvt-tablet-ptr" icon="fas fa-pencil" icon_location="ico-inline i-before" background_animation="hvr-bounce-to-top"]Apply online[/button]
[/lightbox_trigger]
[lightbox_content]
[quform id="3" name="Job Application"]
[/lightbox_content]
[/lightbox]
[lightbox width="800" close_effect="elastic" close_speed="600"]
[lightbox_trigger]
[button animation="fadeInUp" convert="cvt-tablet-ptr" icon="fas fa-bullhorn" icon_location="ico-inline i-before" color="hollow-dark holw-btn" background_animation="hvr-bounce-to-top"]Positions available[/button]
[/lightbox_trigger]
[lightbox_content]
[fancy_header size="large" text_align_convert_device="phone" text_align_convert_align="center" text_align="textleft" margin_bottom="-25" bold="1"]Recent job openings[/fancy_header]
[fancy_header tag="h4" size="small" text_align_convert_device="phone" text_align_convert_align="center" margin_bottom="45" uppercase="1"]Apply online[/fancy_header]
[accordion size="med"]
[accordion_toggle title="Graphic designer"]
[row padding="0" gaps="1" vertical_gap="1"]
[col width="70"]
[fancy_header tag="h2"]Overview[/fancy_header]
[p]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis eros lobortis, vestibulum turpis ac, pulvinar odio. Praesent vulputate a elit ac mollis. In sit amet ipsum turpis. Pellentesque venenatis, libero vel euismod lobortis, mi metus luctus augue, eget dapibus elit nisi eu massa. Phasellus sollicitudin nisl posuere nibh ultricies, et fringilla dui gravida.[/p]
[/col]
[col width="30"]
[fancy_header tag="h3"]Requirements[/fancy_header]
[list style="tick"]
[li]Photoshop[/li]
[li]CSS[/li]
[li]PHP[/li]
[li]HTML[/li]
[/list]
[/col]
[/row]
[/accordion_toggle]
[accordion_toggle title="Developer"]
[row padding="0" gaps="1" vertical_gap="1"]
[col width="70"]
[fancy_header tag="h2"]Overview[/fancy_header]
[p]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis eros lobortis, vestibulum turpis ac, pulvinar odio. Praesent vulputate a elit ac mollis. In sit amet ipsum turpis. Pellentesque venenatis, libero vel euismod lobortis, mi metus luctus augue, eget dapibus elit nisi eu massa. Phasellus sollicitudin nisl posuere nibh ultricies, et fringilla dui gravida.[/p]
[/col]
[col width="30"]
[fancy_header tag="h3"]Requirements[/fancy_header]
[list style="tick"]
[li]Photoshop[/li]
[li]CSS[/li]
[li]PHP[/li]
[li]HTML[/li]
[/list]
[/col]
[/row]
[/accordion_toggle]
[accordion_toggle title="Photographer"]
[row padding="0" gaps="1" vertical_gap="1"]
[col width="70"]
[fancy_header tag="h2"]Overview[/fancy_header]
[p]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis eros lobortis, vestibulum turpis ac, pulvinar odio. Praesent vulputate a elit ac mollis. In sit amet ipsum turpis. Pellentesque venenatis, libero vel euismod lobortis, mi metus luctus augue, eget dapibus elit nisi eu massa. Phasellus sollicitudin nisl posuere nibh ultricies, et fringilla dui gravida.[/p]
[/col]
[col width="30"]
[fancy_header tag="h3"]Requirements[/fancy_header]
[list style="tick"]
[li]Photoshop[/li]
[li]CSS[/li]
[li]PHP[/li]
[li]HTML[/li]
[/list]
[/col]
[/row]
[/accordion_toggle]
[accordion_toggle title="Project manager"]
[row padding="0" gaps="1" vertical_gap="1"]
[col width="70"]
[fancy_header tag="h2"]Overview[/fancy_header]
[p]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis eros lobortis, vestibulum turpis ac, pulvinar odio. Praesent vulputate a elit ac mollis. In sit amet ipsum turpis. Pellentesque venenatis, libero vel euismod lobortis, mi metus luctus augue, eget dapibus elit nisi eu massa. Phasellus sollicitudin nisl posuere nibh ultricies, et fringilla dui gravida.[/p]
[/col]
[col width="30"]
[fancy_header tag="h3"]Requirements[/fancy_header]
[list style="tick"]
[li]Photoshop[/li]
[li]CSS[/li]
[li]PHP[/li]
[li]HTML[/li]
[/list]
[/col]
[/row]
[/accordion_toggle]
[/accordion]
[/lightbox_content]
[/lightbox]
[/block]
Download - $69