HI,

1) This page is only with features of our theme if you wish I can give you the code of this page but most of the images and shortcodes you'll need to set and create manually.

2) http://codex-themes.com/thegem/documentation/#quickfinders

HI,

the page code

[vc_row][vc_column][gem_custom_header icon_position="gem-custom-header-no-icon" container="1" breadcrumbs="1" pack="elegant" background_image="2369" title_top_margin="-43" padding_bottom="35"]
<div class="title-h1">QUICKFINDERS <span class="light">- 03</span></div>
[/gem_custom_header][/vc_column][/vc_row][vc_row][vc_column css=".vc_custom_1455189342960{margin-top: -18px !important;}"][gem_fullwidth container="1" background_image="3974" padding_top="160" padding_bottom="100"][vc_column_text]
<h1 style="text-align: center;">timeline <span class="light">styles</span></h1>
[/vc_column_text][gem_divider margin_top="86"][vc_column_text]
<p style="text-align: center; max-width: 1100px; margin: 0 auto;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit</p>
[/vc_column_text][gem_divider margin_top="55"][gem_quickfinder style="vertical-1" quickfinders="timeline3" hover_icon_color="#b6c6c9"][/gem_fullwidth][/vc_column][/vc_row][vc_row][vc_column][gem_divider margin_top="86"][/vc_column][/vc_row][vc_row][vc_column width="1/2"][gem_quickfinder style="vertical-3" title_weight="thin" quickfinders="timeline1" hover_icon_color="#46485c"][/vc_column][vc_column width="1/2"][gem_quickfinder style="vertical-3" title_weight="thin" effects_enabled="1" quickfinders="timeline2" connector_color="#46485c"][/vc_column][/vc_row][vc_row][vc_column][/vc_column][/vc_row][vc_row el_class="pads"][vc_column][gem_fullwidth background_style="cover" background_parallax="1" container="1" background_image="5547" padding_top="125" padding_bottom="60"][vc_row_inner][vc_column_inner width="1/4"][gem_quickfinder style="vertical-3" title_weight="thin" quickfinders="counters-page-3x-set-vertical"][/vc_column_inner][vc_column_inner width="1/4"][gem_quickfinder style="vertical-3" title_weight="thin" quickfinders="counters-page-4x-set-vertical"][/vc_column_inner][vc_column_inner width="1/2"][gem_counter_box style="vertical" team_person="1916" team_image_size="medium" connector_color="#99a9b5"][gem_counter icon_pack="material" icon_shape="circle" icon_size="medium" from="1" to="2312" text="Gems collected" background_color="#2c2e3d" numbers_color="#ffffff" text_color="#00bcd4" icon_material="f37f" icon_color="#3c3950" icon_background_color="#ffffff"][gem_counter icon_pack="material" icon_shape="circle" icon_size="medium" from="1" to="48" text="Level" background_color="#2c2e3d" numbers_color="#ffffff" text_color="#00bcd4" icon_material="f2ec" icon_color="#3c3950" icon_background_color="#ffffff"][gem_counter icon_pack="material" icon_shape="circle" icon_size="medium" from="1" to="34.120.579" text="Score" background_color="#2c2e3d" numbers_color="#ffffff" text_color="#00bcd4" icon_material="f524" icon_color="#3c3950" icon_background_color="#ffffff"][/gem_counter_box][/vc_column_inner][/vc_row_inner][/gem_fullwidth][/vc_column][/vc_row][vc_row][vc_column css=".vc_custom_1455189853783{margin-top: -18px !important;}"][gem_fullwidth background_style="cover" background_position_vertical="bottom" background_color="#2c2e3d" padding_top="200" padding_bottom="200" background_image="5638"][gem_icon pack="material" shape="circle" size="medium" centered="1" icon_material="f531" color="#a7ffeb" color_2="#a7ffeb" border_color="#a7ffeb"][gem_divider margin_top="50"][vc_column_text]
<div class="title-xlarge" style="text-align: center;"><span class="light">LATEST VISUAL COMPOSER</span></div>
[/vc_column_text][gem_divider margin_top="50"][vc_column_text]
<div class="styled-subtitle" style="text-align: center; max-width: 900px; margin: 0 auto;">TheGem comes with full integrated & updatable Visual Composer - the best drag'n'drop front-end page builder on the market. Creating pages was never easier! With tons of in-built elements and addons you will never miss something.
</div>
[/vc_column_text][gem_divider margin_top="30"][gem_button position="center" style="outline" size="medium" corner="33" border="3" icon_pack="elegant" text="buy now!" text_color="#a7ffeb" hover_background_color="rgba(167,255,235,0.22)" border_color="#a7ffeb" link="url:https%3A%2F%2Fthemeforest.net%2Fitem%2Fthegem-creative-multipurpose-wordpress-theme%2F16061685%3Fref%3DCodexThemes|||"][/gem_fullwidth][/vc_column][/vc_row]