View all Demos
React Hub
Copy current page content[block text_align="textcenter" palette="1" width="viewport" margin_top="-41" padding_right_phone="30" padding_left_phone="30" scroll="1" use_screen_as_fixed_height="1" vertical_align_middle="1"]
[fixed top="0" right="0" bottom="0" left="auto" margin_top="0" margin_right="0" margin_bottom="0" margin_left="0" width="25%" height="100%"]
[block1 padding_top="0" padding_right="0" padding_bottom="0" padding_left="0" padding_right_phone="0" padding_left_phone="0" use_screen_as_min_height="1" image="2015/09/replika-splat.png" image_width="452" image_height="704" image_position="right bottom" image_background_size="100% auto" image_position_retina="right bottom" image_background_size_retina="100% auto"]
[/block1]
[/fixed]
[icon icon="fa-commenting-o" font_size="132" color="style-light" animation="puffIn" animation_delay="1000" position="center" margin_top="20px"]
[fancy_header tag="h1" letter_in_animation="1" letter_animation="puffIn" size="huge" font_size="66" margin_top="0" margin_bottom="15" letter_spacing="-2" unit="px" bold="1"]Spray it with color[/fancy_header]
[fancy_header tag="h5" animation="fadeIn" animation_delay="1800" size="medium" margin_top="-20" margin_bottom="60"]A one page website design for React[/fancy_header]
[icon icon="icon-arrow-down" font_size="86" color="style-light" hover_animation="hvr-bob" animation="fadeInDown" animation_delay="2800" position="center" link="#first_block"]
[/block]
[block id="first_block" class="dropshadow" text_align="textleft" palette="6" width="viewport" margin_top="0" padding_bottom="80" padding_top="80" padding_right_phone="30" padding_left_phone="30" scroll="1" use_screen_as_fixed_height="1" vertical_align_middle="1"]
[fancy_header tag="h3" animation="fadeIn" animation_delay="1500" size="large" text_align="textcenter" margin_top="-40" margin_bottom="0" font_weight="100" class="italic"]"We're dedicated to clean code and practical designs"[/fancy_header]
[fancy_header tag="h4" animation="fadeIn" animation_delay="1700" size="small" text_align="textcenter" margin_top="-20" margin_bottom="40" letter_spacing="1" unit="px" font_weight="100"]- ThemeCatcher.net[/fancy_header]
[row borderl="1" padding="1" vertical_gap="1" convert="units-tablet-50 phone-width-100"]
[col width="25"]
[fancy_header tag="h5" size="huge" text_align="textcenter" margin_bottom="-18" margin_top="0" animation="fadeInDown" animation_delay="200" bold="1"]Our Work[/fancy_header]
[fancy_header tag="h3" animation="fadeInDown" animation_delay="200" size="small" text_align="textcenter" margin_top="-15" margin_bottom="20" font_weight="100"]Proin posuere, dui vel porttitor.[/fancy_header]
[icon icon="fa-camera-retro" font_size="68" boxed="1" round="1" hollow="1" animation="tinDownIn" position="center" link="#work"]
[button animation="bounceInUp" animation_delay="100" size="full med" radius="big-corners" position="center" custom_margin="1" margin_top="-25" href="#work" color="style-prime shadow-btn"]More info[/button]
[/col]
[col width="25"]
[fancy_header tag="h5" size="huge" text_align="textcenter" margin_bottom="-18" margin_top="0" animation="fadeInDown" animation_delay="1000" bold="1"]The Team[/fancy_header]
[fancy_header tag="h3" animation="fadeInDown" size="small" text_align="textcenter" margin_top="-15" margin_bottom="20" font_weight="100" animation_delay="1000"]Proin posuere, dui vel porttitor.[/fancy_header]
[icon animation="tinDownIn" animation_delay="800" icon="fa-users" font_size="68" color="style-dark" boxed="1" round="1" hollow="1" position="center" link="#team"]
[button size="full med" radius="big-corners" position="center" custom_margin="1" margin_top="-25" href="#team" animation="bounceInUp" animation_delay="900" color="style-dark shadow-btn"]More info[/button]
[/col]
[col width="25"]
[fancy_header tag="h5" size="huge" text_align="textcenter" margin_bottom="-18" margin_top="0" animation="fadeInDown" animation_delay="1800" bold="1"]About Us[/fancy_header]
[fancy_header tag="h3" animation="fadeInDown" size="small" text_align="textcenter" margin_top="-15" margin_bottom="20" font_weight="100" animation_delay="1800"]Proin posuere, dui vel porttitor.[/fancy_header]
[icon animation="tinDownIn" animation_delay="1600" icon="fa-info" font_size="68" color="style-light" boxed="1" round="1" hollow="1" position="center" link="#about"]
[button size="full med" radius="big-corners" position="center" custom_margin="1" margin_top="-25" href="#about" animation="bounceInUp" animation_delay="1700" color="style-light shadow-btn"]More info[/button]
[/col]
[col width="25"]
[fancy_header tag="h5" size="huge" text_align="textcenter" margin_bottom="-18" margin_top="0" animation="fadeInDown" animation_delay="2400" bold="1"]Contact Us[/fancy_header]
[fancy_header tag="h3" animation="fadeInDown" size="small" text_align="textcenter" margin_top="-15" margin_bottom="20" font_weight="100" animation_delay="2400"]Proin posuere, dui vel porttitor.[/fancy_header]
[icon icon="fa-envelope" font_size="68" color="style-red" boxed="1" round="1" hollow="1" animation="tinDownIn" animation_delay="2200" position="center" link="#contact"]
[button size="full med" radius="big-corners" position="center" custom_margin="1" margin_top="-25" href="#contact" animation="bounceInUp" animation_delay="2300" color="style-red"]More info[/button]
[/col]
[/row]
[/block]
[block id="work" class="dropshadow" text_align="textcenter" palette="2" width="viewport" inside_max_width="1" padding_right_phone="30" padding_left_phone="30" scroll="1" use_screen_as_fixed_height="1" vertical_align_middle="1"]
[fixed top="auto" right="0" bottom="0" left="0" margin_top="0" margin_right="0" margin_bottom="0" margin_left="0" width="100%" height="180px"]
[block1 padding_top="0" padding_right="0" padding_bottom="0" padding_left="0" padding_right_phone="0" padding_left_phone="0" scroll="1" fixed_height="180" fixed_height_tablet="180" fixed_height_phone="180" image="2015/09/replika-splat-bottom.png" image_width="1087" image_height="291" image_position="center bottom" image_background_size="auto 100%" image_position_retina="center bottom" image_background_size_retina="auto 100%"]
[/fixed]
[icon icon="fa-apple" font_size="25" color="style-light" boxed="1" hollow="1" animation="puffIn" margin_top="20px" margin_right="10px"]
[icon icon="fa-android" font_size="25" color="style-light" boxed="1" hollow="1" animation="puffIn" animation_delay="400" margin_top="20px" margin_right="10px"]
[icon icon="fa-windows" font_size="25" color="style-light" boxed="1" hollow="1" animation="puffIn" animation_delay="800" margin_top="20px" margin_right="10px"]
[icon icon="fa-code" font_size="25" color="style-light" boxed="1" hollow="1" animation="puffIn" animation_delay="1200" margin_top="20px"]
[fancy_header tag="h2" letter_in_animation="1" letter_animation="puffIn" size="huge" font_size="55" margin_top="40" margin_bottom="15" letter_spacing="-2" unit="px" bold="1"]We're App Developers[/fancy_header]
[fancy_header tag="h5" animation="fadeIn" animation_delay="1200" size="medium" margin_top="-20" margin_bottom="60"]With over 10 years experience building commercial mobile and web applications[/fancy_header]
[row padding_top="10" padding_bottom="10" borderl="1" convert="phone-width-100"]
[col width="33"]
[p class="tcs-texleft"]Proin posuere, dui vel porttitor blandit, tortor ipsum hendrerit ante, nec condimentum ligula massa vehicula orci. [/p]
[/col]
[col width="33"]
[p class="tcs-texleft"]Proin posuere, dui vel porttitor blandit, tortor ipsum hendrerit ante, nec condimentum ligula massa vehicula orci. [/p]
[/col]
[col width="33"]
[p class="tcs-texleft"]Proin posuere, dui vel porttitor blandit, tortor ipsum hendrerit ante, nec condimentum ligula massa vehicula orci. [/p]
[/col]
[/row]
[button size="med" radius="no-corners" position="center" custom_margin="1" margin_top="40" margin_bottom="30" href="#portfolio" color="hollow-light holw-btn" background_animation="hvr-bounce-to-bottom"]View our work[/button]
[/block]
[block id="portfolio" class="dropshadow" palette="8" width="viewport" padding_right="1" padding_top="2" padding_left="1" padding_bottom="0" padding_right_phone="1" padding_left_phone="1"]
[portfolio type="serene" columns="4" masonry_use_layout_options="1" sortable="0" sortable_position="textcenter" height="240" grid="1" image_type="on-hover" content_on_hover="0" hover_type_height="45" boxed="1" hover="sml-hvr" max="12" title_tag="h4" link_title="0" show_description="0" description_length="10" show_read_more="0" like_icon="fa-heart"]
[/block]
[block id="team" class="dropshadow" text_align="textleft" palette="4" width="viewport" margin_top="0" padding_right_phone="30" padding_left_phone="30" scroll="1" use_screen_as_fixed_height="1" vertical_align_middle="1"]
[row padding="1" gaps="0" padding_top="0" padding_bottom="0" vertical_gap="1" convert="units-tablet-50 phone-width-100"]
[col width="60"]
[fancy_header text_align="textleft" tag="h2" letter_in_animation="1" letter_animation="puffIn" size="huge" font_size="46" margin_top="60" margin_bottom="15" letter_spacing="-2" unit="px" bold="1"]The Team[/fancy_header]
[fancy_header text_align="textleft" tag="h3" size="medium" margin_top="-20" margin_bottom="0"]Replika is a Case Study design for React WordPress[/fancy_header]
[p class="tcs-italic textleft"]Proin posuere, dui vel porttitor blandit. Proin posuere, dui vel porttitor blandit, tortor ipsum hendrerit ante, nec condimentum ligula massa vehicula orci.[/p]
[/col]
[col width="40" class="phone-text-center textright"]
[quform_popup id="2" name="Job Application"][icon icon="icon-user-add-outline" font_size="50" color="style-light" boxed="1" round="1" hollow="1" description="Join our team" margin_top="60px"][/quform_popup]
[/col]
[/row]
[section_break type_css_design="no-detail" margin_top="40" margin_bottom="20" /]
[row padding="1" gaps="0" vertical_gap="1" convert="units-tablet-50 phone-width-100"]
[col width="25"]
[quform_popup id="1" name="Quick contact form"][image src="2015/09/Dollarphotoclub_85736528-7.jpg" width="412" align="center" a_icon="fa-envelope-o" use_caption="1" icon="fa-envelope-o" caption_subtitle="Contact me" caption_type="cap-slide-in" frame="style2"][/quform_popup]
[fancy_header tag="h3" size="medium" text_align="textcenter" margin_top="0" margin_bottom="-20"]Jane Bloggs[/fancy_header]
[h4 class="tcs-textcenter"]Developer[/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="18" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-twitter" font_size="18" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-skype" font_size="18" color="style-dark" boxed="1" hollow="1"]
[/p]
[/col]
[col width="25"]
[quform_popup id="1" name="Quick contact form"][image src="2015/09/Dollarphotoclub_85736528-3.jpg" width="412" align="center" a_icon="fa-envelope-o" use_caption="1" icon="fa-envelope-o" caption_subtitle="Contact me" caption_type="cap-slide-in" frame="style2"][/quform_popup]
[fancy_header tag="h3" size="medium" text_align="textcenter" margin_top="0" margin_bottom="-20"]Joe Bloggs[/fancy_header]
[h4 class="tcs-textcenter"]Designer[/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="18" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-twitter" font_size="18" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-skype" font_size="18" color="style-dark" boxed="1" hollow="1"]
[/p]
[/col]
[col width="25"]
[quform_popup id="1" name="Quick contact form"][image src="2015/09/Dollarphotoclub_85736528-10.jpg" width="412" align="center" a_icon="fa-envelope-o" use_caption="1" icon="fa-envelope-o" caption_subtitle="Contact me" caption_type="cap-slide-in" frame="style2"][/quform_popup]
[fancy_header tag="h3" size="medium" text_align="textcenter" margin_top="0" margin_bottom="-20"]Jan Bloggs[/fancy_header]
[h4 class="tcs-textcenter"]Project Manager[/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="18" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-twitter" font_size="18" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-skype" font_size="18" color="style-dark" boxed="1" hollow="1"]
[/p]
[/col]
[col width="25"]
[quform_popup id="1" name="Quick contact form"][image src="2015/09/Dollarphotoclub_85736528-6.jpg" width="412" align="center" a_icon="fa-envelope-o" use_caption="1" icon="fa-envelope-o" caption_subtitle="Contact me" caption_type="cap-slide-in" frame="style2"][/quform_popup]
[fancy_header tag="h3" size="medium" text_align="textcenter" margin_top="0" margin_bottom="-20"]Jim Bloggs[/fancy_header]
[h4 class="tcs-textcenter"]Sales Director[/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="18" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-twitter" font_size="18" color="style-dark" boxed="1" hollow="1"]
[icon icon="icon-social-skype" font_size="18" color="style-dark" boxed="1" hollow="1"]
[/p]
[/col]
[/row]
[/block]
[block id="about" class="dropshadow" palette="3" width="viewport" inside_max_width="1" margin_top="0" padding_right_phone="30" padding_left_phone="30" padding_bottom="80" scroll="1" use_screen_as_fixed_height="1" vertical_align_middle="1"]
[fixed top="auto" right="0" bottom="0" left="0" margin_top="0" margin_right="0" margin_bottom="0" margin_left="0" width="100%" height="180px"]
[block1 padding_top="0" padding_right="0" padding_bottom="0" padding_left="0" padding_right_phone="0" padding_left_phone="0" scroll="1" fixed_height="180" fixed_height_tablet="180" fixed_height_phone="180" image="2015/09/replika-splat-bottom.png" image_width="1087" image_height="291" image_position="left bottom" image_background_size="auto 100%" image_position_retina="left bottom" image_background_size_retina="auto 100%"]
[/fixed]
[row padding="1" gaps="0" padding_top="0" padding_bottom="0" vertical_gap="1"]
[col width="60"]
[fancy_header text_align="textleft" tag="h2" letter_in_animation="1" letter_animation="puffIn" size="huge" font_size="55" margin_top="60" margin_bottom="15" letter_spacing="-2" unit="px" bold="1"]About us[/fancy_header]
[fancy_header text_align="textleft" tag="h5" animation_delay="1200" size="medium" margin_top="-20" margin_bottom="0"]Replika is a Case Study design for React WordPress[/fancy_header]
[p class="tcs-italic text-alt textleft"]Proin posuere, dui vel porttitor blandit. Proin posuere, dui vel porttitor blandit, tortor ipsum hendrerit ante, nec condimentum ligula massa vehicula orci.[/p]
[/col]
[col width="40"]
[section_break type="blank" margin_top="30" hide="hide-phone" /]
[row1 padding="0" padding_top="0" padding_bottom="20" gaps="1" vertical_gap="1" convert="phone-width-100"]
[col1 width="50"]
[button size="full med" radius="big-corners" custom_margin="1" margin_top="20" margin_bottom="20" href="#contact" icon="fa-envelope" icon_location="ico-above" color="hollow-light holw-btn"]Contact us[/button]
[/col1]
[col1 width="50"]
[button size="full med" radius="big-corners" custom_margin="1" margin_top="20" margin_bottom="20" href="#testimonials" icon="icon-messages" icon_location="ico-above" color="hollow-light holw-btn"]Testimonials[/button]
[/col1]
[/row1]
[/col]
[/row]
[row padding="1" padding_top="40" padding_bottom="40" gaps="0" vertical_gap="1" convert="mobile-width-100"]
[col width="33"]
[fancy_header tag="h4" icon="fa-camera" icon_position="icon-above" size="small" text_align="textleft" margin_top="0" margin_bottom="-25" uppercase="1"]Photography[/fancy_header]
[animated_progress end_number="80" margin_bottom="20"]
[p]Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel.[/p]
[lightbox width="500"]
[lightbox_trigger]
[button size="tiny" radius="big-corners" color="style-dark blank-btn hover-prime-btn"]More info[/button]
[/lightbox_trigger]
[lightbox_content]
[fancy_header tag="h2" type="blank" size="med" text_align="textleft" margin_bottom="0" bold="1"]Photography[/fancy_header]
[h3]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis eros lobortis.[/h3]
[p]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]
[list style="tick-plain" layout="inline"][li]Fluid Framework[/li]
[li]Easy customization[/li]
[li]4 base layouts[/li][/list]
[/lightbox_content]
[/lightbox]
[/col]
[col width="33"]
[fancy_header tag="h4" icon="fa-bar-chart-o" icon_position="icon-above" size="small" text_align="textleft" margin_top="0" margin_bottom="-25" uppercase="1"]Marketing[/fancy_header]
[animated_progress end_number="90" margin_bottom="20"]
[p]Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel.[/p]
[lightbox width="500"]
[lightbox_trigger]
[button size="tiny" radius="big-corners" color="style-dark blank-btn hover-prime-btn"]More info[/button]
[/lightbox_trigger]
[lightbox_content]
[fancy_header tag="h2" type="blank" size="med" text_align="textleft" margin_bottom="0" bold="1"]Marketing[/fancy_header]
[h3]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis eros lobortis.[/h3]
[p]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]
[list style="tick-plain" layout="inline"][li]Fluid Framework[/li]
[li]Easy customization[/li]
[li]4 base layouts[/li][/list]
[/lightbox_content]
[/lightbox]
[/col]
[col width="33"]
[fancy_header tag="h4" icon="fa-paint-brush" icon_position="icon-above" size="small" text_align="textleft" margin_top="0" margin_bottom="-25" uppercase="1"]Design[/fancy_header]
[animated_progress end_number="95" margin_bottom="20"]
[p]Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel.[/p]
[lightbox width="500"]
[lightbox_trigger]
[button size="tiny" radius="big-corners" color="style-dark blank-btn hover-prime-btn"]More info[/button]
[/lightbox_trigger]
[lightbox_content]
[fancy_header tag="h2" type="blank" size="med" text_align="textleft" margin_bottom="0" bold="1"]Design[/fancy_header]
[h3]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quis eros lobortis.[/h3]
[p]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]
[list style="tick-plain" layout="inline"][li]Fluid Framework[/li]
[li]Easy customization[/li]
[li]4 base layouts[/li][/list]
[/lightbox_content]
[/lightbox]
[/col]
[/row]
[/block]
[block id="testimonials" class="dropshadow" text_align="textcenter" width="outer" padding_top="0" padding_bottom="0" palette="4"]
[cycle controls="0"]
[cycle_slide]
[row padding="0" gaps="1" convert="units-tablet-50 phone-width-100"]
[col width="25"]
[box type="blank" animation="fadeIn" align="center" text_align="textleft"]
[div class="textright"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="100"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="200"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="300"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="400"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="500"][/div]
[blockquote margin_top="5"]Sed quis neque quis elit pretium condimentum. Phasellus sollicitudin nisl posuere nibh ultricies, et fringilla dui gravida.[/blockquote]
[image src="2015/09/Dollarphotoclub_85736528-18-tiny.png" width="55" align="left" custom_margin="1" margin_left="10" frame="round-img"]
[fancy_header tag="h3" text_align="textright" margin_top="10" margin_bottom="-20"]Joe Bloggs[/fancy_header]
[h4 class="textright smaller-font"]Web master[/h4]
[/box]
[/col]
[col width="25"]
[box type="blank" animation="fadeIn" align="center" text_align="textleft"]
[div class="textright"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="100"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="200"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="300"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="400"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="500"][/div]
[blockquote margin_top="5"]Sed quis neque quis elit pretium condimentum. Phasellus sollicitudin nisl posuere nibh ultricies, et fringilla dui gravida.[/blockquote]
[image src="2015/09/Dollarphotoclub_85736528-16-tiny.png" width="55" align="left" custom_margin="1" margin_left="10" frame="round-img"]
[fancy_header tag="h3" text_align="textright" margin_top="10" margin_bottom="-20"]Joe Bloggs[/fancy_header]
[h4 class="textright smaller-font"]Photographer[/h4]
[/box]
[/col]
[col width="25"]
[box type="blank" animation="fadeIn" align="center" text_align="textleft"]
[div class="textright"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="100"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="200"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="300"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="400"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="500"][/div]
[blockquote margin_top="5"]Sed quis neque quis elit pretium condimentum. Phasellus sollicitudin nisl posuere nibh ultricies, et fringilla dui gravida.[/blockquote]
[image src="2015/09/Dollarphotoclub_85736528-15-tiny.png" width="55" align="left" custom_margin="1" margin_left="10" frame="round-img"]
[fancy_header tag="h3" text_align="textright" margin_top="10" margin_bottom="-20"]Joe Bloggs[/fancy_header]
[h4 class="textright smaller-font"]Developer[/h4]
[/box]
[/col]
[col width="25"]
[box type="blank" animation="fadeIn" align="center" text_align="textleft"]
[div class="textright"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="100"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="200"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="300"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="400"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="500"][/div]
[blockquote margin_top="5"]Sed quis neque quis elit pretium condimentum. Phasellus sollicitudin nisl posuere nibh ultricies, et fringilla dui gravida.[/blockquote]
[image src="2015/09/Dollarphotoclub_85736528-14-tiny.png" width="55" align="left" custom_margin="1" margin_left="10" frame="round-img"]
[fancy_header tag="h3" text_align="textright" margin_top="10" margin_bottom="-20"]Joe Bloggs[/fancy_header]
[h4 class="textright smaller-font"]Designer[/h4]
[/box]
[/col]
[/row]
[/cycle_slide]
[cycle_slide]
[row padding="0" gaps="1" convert="units-tablet-50 phone-width-100"]
[col width="25"]
[box type="blank" animation="fadeIn" align="center" text_align="textleft"]
[div class="textright"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="100"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="200"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="300"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="400"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="500"][/div]
[blockquote margin_top="5"]Sed quis neque quis elit pretium condimentum. Phasellus sollicitudin nisl posuere nibh ultricies, et fringilla dui gravida.[/blockquote]
[image src="2015/09/Dollarphotoclub_85736528-10-tiny.png" width="55" align="left" custom_margin="1" margin_left="10" frame="round-img"]
[fancy_header tag="h3" text_align="textright" margin_top="10" margin_bottom="-20"]Joe Bloggs[/fancy_header]
[h4 class="textright smaller-font"]Web master[/h4]
[/box]
[/col]
[col width="25"]
[box type="blank" animation="fadeIn" align="center" text_align="textleft"]
[div class="textright"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="100"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="200"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="300"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="400"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="500"][/div]
[blockquote margin_top="5"]Sed quis neque quis elit pretium condimentum. Phasellus sollicitudin nisl posuere nibh ultricies, et fringilla dui gravida.[/blockquote]
[image src="2015/09/Dollarphotoclub_85736528-6-tiny.png" width="55" align="left" custom_margin="1" margin_left="10" frame="round-img"]
[fancy_header tag="h3" text_align="textright" margin_top="10" margin_bottom="-20"]Joe Bloggs[/fancy_header]
[h4 class="textright smaller-font"]Photographer[/h4]
[/box]
[/col]
[col width="25"]
[box type="blank" animation="fadeIn" align="center" text_align="textleft"]
[div class="textright"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="100"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="200"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="300"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="400"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="500"][/div]
[blockquote margin_top="5"]Sed quis neque quis elit pretium condimentum. Phasellus sollicitudin nisl posuere nibh ultricies, et fringilla dui gravida.[/blockquote]
[image src="2015/09/Dollarphotoclub_85736528-3-tiny.png" width="55" align="left" custom_margin="1" margin_left="10" frame="round-img"]
[fancy_header tag="h3" text_align="textright" margin_top="10" margin_bottom="-20"]Joe Bloggs[/fancy_header]
[h4 class="textright smaller-font"]Developer[/h4]
[/box]
[/col]
[col width="25"]
[box type="blank" animation="fadeIn" align="center" text_align="textleft"]
[div class="textright"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="100"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="200"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="300"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="400"][icon icon="fa-star" font_size="15" color="style-prime" animation="zoomIn" animation_delay="500"][/div]
[blockquote margin_top="5"]Sed quis neque quis elit pretium condimentum. Phasellus sollicitudin nisl posuere nibh ultricies, et fringilla dui gravida.[/blockquote]
[image src="2015/09/Dollarphotoclub_85736528-14-tiny.png" width="55" align="left" custom_margin="1" margin_left="10" frame="round-img"]
[fancy_header tag="h3" text_align="textright" margin_top="10" margin_bottom="-20"]Joe Bloggs[/fancy_header]
[h4 class="textright smaller-font"]Designer[/h4]
[/box]
[/col]
[/row]
[/cycle_slide]
[/cycle]
[/block]
[block id="contact" class="dropshadow" palette="5" width="viewport" inside_max_width="1" text_align="textleft" margin_top="0" padding_right_phone="30" padding_left_phone="30" scroll="1" use_screen_as_fixed_height="1" vertical_align_middle="1"]
[fixed top="auto" right="0" bottom="0" left="0" margin_top="0" margin_right="0" margin_bottom="0" margin_left="0" width="100%" height="180px"]
[block1 padding_top="0" padding_right="0" padding_bottom="0" padding_left="0" padding_right_phone="0" padding_left_phone="0" scroll="1" fixed_height="180" fixed_height_tablet="180" fixed_height_phone="180" image="2015/09/replika-splat-bottom.png" image_width="1087" image_height="291" image_position="right bottom" image_background_size="auto 100%" image_position_retina="right bottom" image_background_size_retina="auto 100%"]
[/fixed]
[row gaps="1" padding="0" convert="units-tablet-50 phone-width-100"]
[col width="35" class="textcenter"]
[icon icon="icon-location" font_size="45" color="style-light" boxed="1" round="1" hollow="1" description="View map" margin_top="10px" margin_bottom="40px" link="#map"]
[button size="full med" radius="no-corners" position="center" custom_margin="1" margin_bottom="20" href="#map" icon="fa-home" icon_location="ico-inline i-before" color="hollow-light holw-btn" background_animation="hvr-bounce-to-bottom"]Address:
145-157 St. John Street,London.[/button]
[button size="full med" radius="no-corners" position="center" custom_margin="1" margin_top="0" margin_bottom="20" href="#contact" icon="fa-phone" icon_location="ico-inline i-before" color="hollow-light holw-btn" background_animation="hvr-bounce-to-bottom"]+44 0141 888 8888[/button]
[button size="full med" radius="no-corners" position="center" custom_margin="1" margin_bottom="20" href="#contact" icon="fa-twitter" icon_location="ico-inline i-before" color="hollow-light holw-btn" background_animation="hvr-bounce-to-bottom"]Tweet us[/button]
[section_break type="blank" hide="hide-tablet,hide-desktop,hide-large" /]
[/col]
[col width="65"]
[fancy_header text_align="textleft" tag="h2" letter_in_animation="1" letter_animation="puffIn" size="huge" font_size="55" margin_top="0" margin_bottom="15" letter_spacing="-2" unit="px" bold="1"]Contact us[/fancy_header]
[fancy_header text_align="textleft" tag="h3" animation="fadeIn" size="medium" margin_top="-25" margin_bottom="30"]We'd love to here from you[/fancy_header]
[quform id="3" name="Footer form"]
[/col]
[/row]
[/block]
[block id="map" class="dropshadow" palette="4" width="viewport" convert="cvt-tablet-ldsp" margin_top="0" margin_bottom="-40" padding_top="0" padding_right="0" padding_bottom="0" padding_left="0" padding_right_phone="0" padding_left_phone="0"]
[div class="flexible-frame fixed-height four map"][/div]
[/block]
Download - $44
