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" custom_margin="1" margin_right="20" 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 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="icon-social-facebook" font_size="12" color="style-prime" boxed="1" hollow="1"]
[icon icon="icon-social-twitter" font_size="12" color="style-prime" boxed="1" hollow="1"]
[icon icon="icon-social-skype" font_size="12" color="style-prime" boxed="1" hollow="1"]
[icon icon="icon-social-linkedin" font_size="12" color="style-prime" 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_right="20" 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="icon-social-facebook" font_size="12" color="style-prime" boxed="1" hollow="1"]
[icon icon="icon-social-twitter" font_size="12" color="style-prime" boxed="1" hollow="1"]
[icon icon="icon-social-skype" font_size="12" color="style-prime" boxed="1" hollow="1"]
[icon icon="icon-social-linkedin" font_size="12" color="style-prime" 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="icon-social-facebook" font_size="12" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-twitter" font_size="12" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-skype" font_size="12" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-linkedin" font_size="12" color="style-dark" 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="icon-social-facebook" font_size="12" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-twitter" font_size="12" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-skype" font_size="12" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-linkedin" font_size="12" color="style-dark" 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="icon-social-facebook" font_size="12" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-twitter" font_size="12" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-skype" font_size="12" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-linkedin" font_size="12" color="style-dark" 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="icon-social-facebook" font_size="12" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-twitter" font_size="12" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-skype" font_size="12" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-linkedin" font_size="12" color="style-dark" boxed="1" hollow="1"]
[/p]
[/col]
[/row]
[/block]
[block text_align="textcenter"]
[fancy_header animation="fadeInDown" icon="icon-pen" icon_position="ico-above" size="large" text_align="textcenter" 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="fa-pencil" icon_location="ico-inline i-before" background_animation="hvr-bounce-to-top"]Apply online[/button]
[/lightbox_trigger]
[lightbox_content]
[iphorm id="4" 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="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"]You can 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 - $44