{"id":3715,"date":"2018-02-04T21:18:30","date_gmt":"2018-02-04T19:18:30","guid":{"rendered":"https:\/\/themes.whiteboxstud.io\/rendr-demo\/?page_id=3715"},"modified":"2018-02-04T21:18:30","modified_gmt":"2018-02-04T19:18:30","slug":"page-nav-vertical","status":"publish","type":"page","link":"https:\/\/subset.live\/index.php\/page-nav-vertical\/","title":{"rendered":"Page nav &#8211; vertical lines"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_height_type=&#8221;fixed_height_screen&#8221; height=&#8221;100&#8243; min_height=&#8221;500&#8243; content_placement=&#8221;middle&#8221; bg_blur=&#8221;0&#8243; custom_bg_type=&#8221;image&#8221; custom_bg_cover=&#8221;cover&#8221; custom_bg_repeat=&#8221;no-repeat&#8221; custom_bg_position=&#8221;Center center&#8221; textalign=&#8221;align_center&#8221; nav_skin=&#8221;dark&#8221; consent_include=&#8221;include&#8221; equal_height=&#8221;true&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#1b192a&#8220;}}&#8221; custom_bg_image=&#8221;11127&#8243; overlay_color=&#8221;{&#8220;dir&#8220;:&#8220;to top&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(0,0,0,1)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(0,0,0,0.01)&#8220;}}&#8221; row_id=&#8221;Introduction&#8221;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h1&#8243; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}}&#8221; heading_typography=&#8221;{&#8220;variants&#8220;:&#8220;900&#8220;,&#8220;font_size&#8220;:&#8220;60px&#8220;}&#8221; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;90&#8243; mobile_landscape=&#8221;75&#8243; mobile_portrait=&#8221;60&#8243; css_animation=&#8221;wtbx-anim-bottom-to-top-small&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1500&#8243; css_animation_delay=&#8221;wtbx-delay-500&#8243;]Page Navigation[\/vc_heading][vc_text_element typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;400&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;font_size&#8220;:&#8220;20px&#8220;}&#8221; css_animation=&#8221;wtbx-anim-fade-in&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1500&#8243; css_animation_delay=&#8221;wtbx-delay-1500&#8243; color=&#8221;{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}&#8221;]Integrated with header navigation and browser history.[\/vc_text_element][\/vc_column][\/vc_row][vc_row row_height_type=&#8221;fixed_height_screen&#8221; height=&#8221;100&#8243; min_height=&#8221;1200&#8243; content_placement=&#8221;middle&#8221; bg_blur=&#8221;0&#8243; custom_bg_type=&#8221;image&#8221; custom_bg_cover=&#8221;cover&#8221; custom_bg_repeat=&#8221;no-repeat&#8221; custom_bg_position=&#8221;Center center&#8221; textalign=&#8221;align_center&#8221; nav_skin=&#8221;dark&#8221; consent_include=&#8221;include&#8221; equal_height=&#8221;true&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#1b192a&#8220;}}&#8221; overlay_color=&#8221;{&#8220;dir&#8220;:&#8220;ellipse at center&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(0,0,0,0.5)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;#000000&#8220;}}&#8221; row_id=&#8221;Animations&#8221; custom_bg_image=&#8221;11118&#8243;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_split_text text=&#8221;Multiple,navigation,styles&#8221; wrapper=&#8221;h3&#8243; color=&#8221;{&#8220;id&#8220;:&#8220;custom_1334459184315555&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,1)&#8220;}&#8221; fill_color=&#8221;{&#8220;id&#8220;:&#8220;custom_1334459184315555&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,1)&#8220;}&#8221; alignment=&#8221;align_left&#8221; typography=&#8221;{&#8220;variants&#8220;:&#8220;700&#8220;,&#8220;font_size&#8220;:&#8220;80px&#8220;,&#8220;line_height&#8220;:&#8220;1.3em&#8220;}&#8221; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;90&#8243; mobile_landscape=&#8221;80&#8243; mobile_portrait=&#8221;70&#8243; css_animation=&#8221;wtbx-anim-fill-left&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1000&#8243; css_animation_delay=&#8221;&#8221;][\/vc_column][\/vc_row][vc_row min_height=&#8221;1200&#8243; content_placement=&#8221;middle&#8221; bg_blur=&#8221;0&#8243; nav_skin=&#8221;light skin_colorful&#8221; consent_include=&#8221;include&#8221; equal_height=&#8221;true&#8221; el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;60&#8220;,&#8220;padding-bottom&#8220;:&#8220;60&#8220;}}&#8221; anchor=&#8221;Synchronized&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}}&#8221; row_id=&#8221;Synchronized&#8221;][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;30&#8220;,&#8220;padding-right&#8220;:&#8220;15&#8220;,&#8220;padding-bottom&#8220;:&#8220;30&#8220;,&#8220;padding-left&#8220;:&#8220;15&#8220;}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/3&#8243; css_animation=&#8221;&#8221;][vc_split_text text=&#8221;Animated,scroll,progress&#8221; wrapper=&#8221;h3&#8243; color=&#8221;{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#2d3543&#8220;}&#8221; fill_color=&#8221;{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#2d3543&#8220;}&#8221; alignment=&#8221;&#8221; typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;700&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;font_size&#8220;:&#8220;30px&#8220;,&#8220;line_height&#8220;:&#8220;1.2em&#8220;}&#8221; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;90&#8243; mobile_landscape=&#8221;80&#8243; mobile_portrait=&#8221;70&#8243; css_animation=&#8221;wtbx-anim-fill-left&#8221; css_animation_easing=&#8221;wtbx-easing-sharp&#8221; css_animation_duration=&#8221;wtbx-duration-1000&#8243; css_animation_delay=&#8221;wtbx-delay-100&#8243;][vc_empty_space height=&#8221;50px&#8221;][vc_text_element typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;600&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;font_size&#8220;:&#8220;16px&#8220;}&#8221; css_animation=&#8221;wtbx-anim-fade-in&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1000&#8243; css_animation_delay=&#8221;wtbx-delay-500&#8243;]<\/p>\n<div>Logo identity<\/div>\n<div><\/div>\n<p>[\/vc_text_element][vc_text_element typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;600&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;font_size&#8220;:&#8220;16px&#8220;}&#8221; css_animation=&#8221;wtbx-anim-fade-in&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1000&#8243; css_animation_delay=&#8221;wtbx-delay-600&#8243;]<\/p>\n<div>Web &amp; app design<\/div>\n<p>[\/vc_text_element][vc_text_element typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;600&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;font_size&#8220;:&#8220;16px&#8220;}&#8221; css_animation=&#8221;wtbx-anim-fade-in&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1000&#8243; css_animation_delay=&#8221;wtbx-delay-700&#8243;]<\/p>\n<div>Business &amp; advertising<\/div>\n<p>[\/vc_text_element][vc_text_element typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;600&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;font_size&#8220;:&#8220;16px&#8220;}&#8221; css_animation=&#8221;wtbx-anim-fade-in&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1000&#8243; css_animation_delay=&#8221;wtbx-delay-1000&#8243;]<\/p>\n<div>Packaging &amp; label<\/div>\n<p>[\/vc_text_element][vc_text_element typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;600&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;font_size&#8220;:&#8220;16px&#8220;}&#8221; css_animation=&#8221;wtbx-anim-fade-in&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1000&#8243; css_animation_delay=&#8221;wtbx-delay-900&#8243;]<\/p>\n<div>Art &amp; illustration<\/div>\n<p>[\/vc_text_element][vc_empty_space][vc_button_link title=&#8221;more info&#8221; link_decoration=&#8221;underline&#8221; size=&#8221;5&#8243; display=&#8221;display_block&#8221; css_animation=&#8221;wtbx-anim-fade-in&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1000&#8243; css_animation_delay=&#8221;wtbx-delay-1500&#8243; link_color=&#8221;{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#151221&#8220;}&#8221; link_color_h=&#8221;{&#8220;id&#8220;:&#8220;Main accent color&#8220;,&#8220;color&#8220;:&#8220;#8571ea&#8220;}&#8221;][\/vc_column][vc_column el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;0&#8220;,&#8220;padding-right&#8220;:&#8220;0&#8220;,&#8220;padding-bottom&#8220;:&#8220;0&#8220;,&#8220;padding-left&#8220;:&#8220;0&#8220;}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;2\/3&#8243; css_animation=&#8221;&#8221;][vc_row_inner bg_blur=&#8221;0&#8243; consent_include=&#8221;include&#8221;][vc_column_inner el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;30&#8220;,&#8220;padding-right&#8220;:&#8220;15&#8220;,&#8220;padding-bottom&#8220;:&#8220;30&#8220;,&#8220;padding-left&#8220;:&#8220;15&#8220;}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_banner style=&#8221;style_2&#8243; hover=&#8221;shift&#8221; radius=&#8221;30&#8243; min_height=&#8221;300&#8243; image=&#8221;9861&#8243; title_text=&#8221;Our passion&#8221; title_wrapper=&#8221;div&#8221; subtitle_text=&#8221;Dynamically maximize collaborative methodologies with functional e-services. Efficiently implement fully researched.&#8221; subtitle_wrapper=&#8221;div&#8221; subtitle_typography=&#8221;{&#8220;variants&#8220;:&#8220;400&#8220;,&#8220;font_size&#8220;:&#8220;16px&#8220;}&#8221; button_text=&#8221;Learn more&#8221; preloader=&#8221;&#8221; css_animation=&#8221;wtbx-anim-bottom-to-top-small&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1500&#8243; css_animation_delay=&#8221;&#8221; overlay=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Overlay color&#8220;,&#8220;color&#8220;:&#8220;rgba(25,32,50,0.6)&#8220;}}&#8221; link=&#8221;url:%23|||&#8221;][\/vc_column_inner][vc_column_inner el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;30&#8220;,&#8220;padding-right&#8220;:&#8220;15&#8220;,&#8220;padding-bottom&#8220;:&#8220;30&#8220;,&#8220;padding-left&#8220;:&#8220;15&#8220;}}&#8221; bg_blur=&#8221;0&#8243; width=&#8221;1\/2&#8243; css_animation=&#8221;&#8221;][vc_banner style=&#8221;style_2&#8243; hover=&#8221;shift&#8221; radius=&#8221;30&#8243; min_height=&#8221;300&#8243; image=&#8221;9879&#8243; title_text=&#8221;Our expertise&#8221; title_wrapper=&#8221;div&#8221; subtitle_text=&#8221;Dynamically maximize collaborative methodologies with functional e-services. Efficiently implement fully researched.&#8221; subtitle_wrapper=&#8221;div&#8221; subtitle_typography=&#8221;{&#8220;variants&#8220;:&#8220;400&#8220;,&#8220;font_size&#8220;:&#8220;16px&#8220;}&#8221; button_text=&#8221;Learn more&#8221; preloader=&#8221;&#8221; css_animation=&#8221;wtbx-anim-bottom-to-top-small&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1500&#8243; css_animation_delay=&#8221;wtbx-delay-200&#8243; overlay=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Overlay color&#8220;,&#8220;color&#8220;:&#8220;rgba(25,32,50,0.6)&#8220;}}&#8221; link=&#8221;url:%23|||&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_height_type=&#8221;fixed_height_screen&#8221; height=&#8221;100&#8243; min_height=&#8221;500&#8243; content_placement=&#8221;middle&#8221; bg_blur=&#8221;0&#8243; custom_bg_type=&#8221;image&#8221; custom_bg_cover=&#8221;cover&#8221; custom_bg_repeat=&#8221;no-repeat&#8221; custom_bg_position=&#8221;Center center&#8221; textalign=&#8221;align_center&#8221; nav_skin=&#8221;dark&#8221; consent_include=&#8221;include&#8221; equal_height=&#8221;true&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#1b192a&#8220;}}&#8221; custom_bg_image=&#8221;11109&#8243; overlay_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Overlay color&#8220;,&#8220;color&#8220;:&#8220;rgba(21,20,36,0.5)&#8220;}}&#8221; anchor=&#8221;Navigation&#8221; row_id=&#8221;Navigation&#8221;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h3&#8243; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,0.6)&#8220;}}&#8221; heading_typography=&#8221;{&#8220;variants&#8220;:&#8220;600&#8220;,&#8220;font_size&#8220;:&#8220;20px&#8220;}&#8221; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;90&#8243; mobile_landscape=&#8221;80&#8243; mobile_portrait=&#8221;70&#8243; css_animation=&#8221;wtbx-anim-fade-in&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1500&#8243; css_animation_delay=&#8221;&#8221;]Automatic calculation[\/vc_heading][vc_heading heading_wrapper=&#8221;h3&#8243; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}}&#8221; heading_typography=&#8221;{&#8220;variants&#8220;:&#8220;900&#8220;,&#8220;font_size&#8220;:&#8220;60px&#8220;}&#8221; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;90&#8243; mobile_landscape=&#8221;80&#8243; mobile_portrait=&#8221;70&#8243; css_animation=&#8221;wtbx-anim-fade-in&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1500&#8243; css_animation_delay=&#8221;wtbx-delay-500&#8243;]Works Like Magic[\/vc_heading][\/vc_column][\/vc_row][vc_row max_width=&#8221;600&#8243; row_height_type=&#8221;fixed_height_screen&#8221; height=&#8221;100&#8243; min_height=&#8221;1200&#8243; content_placement=&#8221;middle&#8221; bg_blur=&#8221;0&#8243; custom_bg_type=&#8221;image&#8221; custom_bg_cover=&#8221;cover&#8221; custom_bg_repeat=&#8221;no-repeat&#8221; custom_bg_position=&#8221;Center bottom&#8221; textalign=&#8221;align_center&#8221; nav_skin=&#8221;light&#8221; consent_include=&#8221;include&#8221; equal_height=&#8221;true&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_1334459184315555&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,1)&#8220;}}&#8221; custom_bg_image=&#8221;10259&#8243; overlay_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;&#8220;}}&#8221; anchor=&#8221;Auto-color&#8221; row_id=&#8221;Auto-color&#8221;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_text_element typography=&#8221;{&#8220;variants&#8220;:&#8220;500&#8220;,&#8220;font_size&#8220;:&#8220;50px&#8220;,&#8220;line_height&#8220;:&#8220;1.2em&#8220;}&#8221; display=&#8221;wtbx_display_inline_block&#8221; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;90&#8243; mobile_landscape=&#8221;80&#8243; mobile_portrait=&#8221;70&#8243; css_animation=&#8221;wtbx-anim-fade-in&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1500&#8243; css_animation_delay=&#8221;&#8221; color=&#8221;{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#151221&#8220;}&#8221;]<\/p>\n<div>Notice how the navigation colors change<\/div>\n<p>[\/vc_text_element][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row row_height_type=&#8221;fixed_height_screen&#8221; height=&#8221;100&#8243; min_height=&#8221;500&#8243; content_placement=&#8221;middle&#8221; bg_blur=&#8221;0&#8243; custom_bg_type=&#8221;image&#8221; custom_bg_cover=&#8221;cover&#8221; custom_bg_repeat=&#8221;no-repeat&#8221; custom_bg_position=&#8221;Center center&#8221; textalign=&#8221;align_center&#8221; nav_skin=&#8221;dark&#8221; consent_include=&#8221;include&#8221; equal_height=&#8221;true&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#1b192a&#8220;}}&#8221; custom_bg_image=&#8221;11127&#8243; overlay_color=&#8221;{&#8220;dir&#8220;:&#8220;to top&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(0,0,0,1)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(0,0,0,0.01)&#8220;}}&#8221; row_id=&#8221;Introduction&#8221;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h1&#8243; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}}&#8221; heading_typography=&#8221;{&#8220;variants&#8220;:&#8220;900&#8220;,&#8220;font_size&#8220;:&#8220;60px&#8220;}&#8221; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;90&#8243; mobile_landscape=&#8221;75&#8243; mobile_portrait=&#8221;60&#8243; css_animation=&#8221;wtbx-anim-bottom-to-top-small&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1500&#8243; css_animation_delay=&#8221;wtbx-delay-500&#8243;]Page Navigation[\/vc_heading][vc_text_element typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;400&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;font_size&#8220;:&#8220;20px&#8220;}&#8221; css_animation=&#8221;wtbx-anim-fade-in&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1500&#8243; css_animation_delay=&#8221;wtbx-delay-1500&#8243; color=&#8221;{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}&#8221;]Integrated with header navigation and browser history.[\/vc_text_element][\/vc_column][\/vc_row][vc_row row_height_type=&#8221;fixed_height_screen&#8221; height=&#8221;100&#8243; min_height=&#8221;1200&#8243; content_placement=&#8221;middle&#8221; bg_blur=&#8221;0&#8243; custom_bg_type=&#8221;image&#8221; custom_bg_cover=&#8221;cover&#8221; custom_bg_repeat=&#8221;no-repeat&#8221; custom_bg_position=&#8221;Center center&#8221; textalign=&#8221;align_center&#8221; nav_skin=&#8221;dark&#8221; consent_include=&#8221;include&#8221; equal_height=&#8221;true&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#1b192a&#8220;}}&#8221; overlay_color=&#8221;{&#8220;dir&#8220;:&#8220;ellipse at center&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(0,0,0,0.5)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;#000000&#8220;}}&#8221; row_id=&#8221;Animations&#8221; custom_bg_image=&#8221;11118&#8243;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_split_text text=&#8221;Multiple,navigation,styles&#8221; wrapper=&#8221;h3&#8243; color=&#8221;{&#8220;id&#8220;:&#8220;custom_1334459184315555&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,1)&#8220;}&#8221; fill_color=&#8221;{&#8220;id&#8220;:&#8220;custom_1334459184315555&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,1)&#8220;}&#8221; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3715","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Page nav - vertical lines - Subset Live<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/subset.live\/index.php\/page-nav-vertical\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Page nav - vertical lines - Subset Live\" \/>\n<meta property=\"og:description\" content=\"[vc_row row_height_type=&#8221;fixed_height_screen&#8221; height=&#8221;100&#8243; min_height=&#8221;500&#8243; content_placement=&#8221;middle&#8221; bg_blur=&#8221;0&#8243; custom_bg_type=&#8221;image&#8221; custom_bg_cover=&#8221;cover&#8221; custom_bg_repeat=&#8221;no-repeat&#8221; custom_bg_position=&#8221;Center center&#8221; textalign=&#8221;align_center&#8221; nav_skin=&#8221;dark&#8221; consent_include=&#8221;include&#8221; equal_height=&#8221;true&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#1b192a&#8220;}}&#8221; custom_bg_image=&#8221;11127&#8243; overlay_color=&#8221;{&#8220;dir&#8220;:&#8220;to top&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(0,0,0,1)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(0,0,0,0.01)&#8220;}}&#8221; row_id=&#8221;Introduction&#8221;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h1&#8243; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}}&#8221; heading_typography=&#8221;{&#8220;variants&#8220;:&#8220;900&#8220;,&#8220;font_size&#8220;:&#8220;60px&#8220;}&#8221; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;90&#8243; mobile_landscape=&#8221;75&#8243; mobile_portrait=&#8221;60&#8243; css_animation=&#8221;wtbx-anim-bottom-to-top-small&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1500&#8243; css_animation_delay=&#8221;wtbx-delay-500&#8243;]Page Navigation[\/vc_heading][vc_text_element typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;400&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;font_size&#8220;:&#8220;20px&#8220;}&#8221; css_animation=&#8221;wtbx-anim-fade-in&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1500&#8243; css_animation_delay=&#8221;wtbx-delay-1500&#8243; color=&#8221;{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}&#8221;]Integrated with header navigation and browser history.[\/vc_text_element][\/vc_column][\/vc_row][vc_row row_height_type=&#8221;fixed_height_screen&#8221; height=&#8221;100&#8243; min_height=&#8221;1200&#8243; content_placement=&#8221;middle&#8221; bg_blur=&#8221;0&#8243; custom_bg_type=&#8221;image&#8221; custom_bg_cover=&#8221;cover&#8221; custom_bg_repeat=&#8221;no-repeat&#8221; custom_bg_position=&#8221;Center center&#8221; textalign=&#8221;align_center&#8221; nav_skin=&#8221;dark&#8221; consent_include=&#8221;include&#8221; equal_height=&#8221;true&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#1b192a&#8220;}}&#8221; overlay_color=&#8221;{&#8220;dir&#8220;:&#8220;ellipse at center&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(0,0,0,0.5)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;#000000&#8220;}}&#8221; row_id=&#8221;Animations&#8221; custom_bg_image=&#8221;11118&#8243;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_split_text text=&#8221;Multiple,navigation,styles&#8221; wrapper=&#8221;h3&#8243; color=&#8221;{&#8220;id&#8220;:&#8220;custom_1334459184315555&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,1)&#8220;}&#8221; fill_color=&#8221;{&#8220;id&#8220;:&#8220;custom_1334459184315555&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,1)&#8220;}&#8221; [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/subset.live\/index.php\/page-nav-vertical\/\" \/>\n<meta property=\"og:site_name\" content=\"Subset Live\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/subset.live\/index.php\/page-nav-vertical\/\",\"url\":\"https:\/\/subset.live\/index.php\/page-nav-vertical\/\",\"name\":\"Page nav - vertical lines - Subset Live\",\"isPartOf\":{\"@id\":\"https:\/\/subset.live\/#website\"},\"datePublished\":\"2018-02-04T19:18:30+00:00\",\"dateModified\":\"2018-02-04T19:18:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/subset.live\/index.php\/page-nav-vertical\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/subset.live\/index.php\/page-nav-vertical\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/subset.live\/index.php\/page-nav-vertical\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/subset.live\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page nav &#8211; vertical lines\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/subset.live\/#website\",\"url\":\"https:\/\/subset.live\/\",\"name\":\"Subset Live\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/subset.live\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Page nav - vertical lines - Subset Live","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/subset.live\/index.php\/page-nav-vertical\/","og_locale":"en_US","og_type":"article","og_title":"Page nav - vertical lines - Subset Live","og_description":"[vc_row row_height_type=&#8221;fixed_height_screen&#8221; height=&#8221;100&#8243; min_height=&#8221;500&#8243; content_placement=&#8221;middle&#8221; bg_blur=&#8221;0&#8243; custom_bg_type=&#8221;image&#8221; custom_bg_cover=&#8221;cover&#8221; custom_bg_repeat=&#8221;no-repeat&#8221; custom_bg_position=&#8221;Center center&#8221; textalign=&#8221;align_center&#8221; nav_skin=&#8221;dark&#8221; consent_include=&#8221;include&#8221; equal_height=&#8221;true&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#1b192a&#8220;}}&#8221; custom_bg_image=&#8221;11127&#8243; overlay_color=&#8221;{&#8220;dir&#8220;:&#8220;to top&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(0,0,0,1)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(0,0,0,0.01)&#8220;}}&#8221; row_id=&#8221;Introduction&#8221;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_heading heading_wrapper=&#8221;h1&#8243; heading_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}}&#8221; heading_typography=&#8221;{&#8220;variants&#8220;:&#8220;900&#8220;,&#8220;font_size&#8220;:&#8220;60px&#8220;}&#8221; responsiveness=&#8221;yes&#8221; tablet_landscape=&#8221;100&#8243; tablet_portrait=&#8221;90&#8243; mobile_landscape=&#8221;75&#8243; mobile_portrait=&#8221;60&#8243; css_animation=&#8221;wtbx-anim-bottom-to-top-small&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1500&#8243; css_animation_delay=&#8221;wtbx-delay-500&#8243;]Page Navigation[\/vc_heading][vc_text_element typography=&#8221;{&#8220;font_family&#8220;:&#8220;1588135352059941&#8220;,&#8220;variants&#8220;:&#8220;400&#8220;,&#8220;subsets&#8220;:&#8220;latin&#8220;,&#8220;font_size&#8220;:&#8220;20px&#8220;}&#8221; css_animation=&#8221;wtbx-anim-fade-in&#8221; css_animation_easing=&#8221;wtbx_easing-natural&#8221; css_animation_duration=&#8221;wtbx-duration-1500&#8243; css_animation_delay=&#8221;wtbx-delay-1500&#8243; color=&#8221;{&#8220;id&#8220;:&#8220;custom_3715609566673309&#8220;,&#8220;color&#8220;:&#8220;#ffffff&#8220;}&#8221;]Integrated with header navigation and browser history.[\/vc_text_element][\/vc_column][\/vc_row][vc_row row_height_type=&#8221;fixed_height_screen&#8221; height=&#8221;100&#8243; min_height=&#8221;1200&#8243; content_placement=&#8221;middle&#8221; bg_blur=&#8221;0&#8243; custom_bg_type=&#8221;image&#8221; custom_bg_cover=&#8221;cover&#8221; custom_bg_repeat=&#8221;no-repeat&#8221; custom_bg_position=&#8221;Center center&#8221; textalign=&#8221;align_center&#8221; nav_skin=&#8221;dark&#8221; consent_include=&#8221;include&#8221; equal_height=&#8221;true&#8221; custom_bg_color=&#8221;{&#8220;solid&#8220;:{&#8220;id&#8220;:&#8220;Dark color&#8220;,&#8220;color&#8220;:&#8220;#1b192a&#8220;}}&#8221; overlay_color=&#8221;{&#8220;dir&#8220;:&#8220;ellipse at center&#8220;,&#8220;from&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;rgba(0,0,0,0.5)&#8220;},&#8220;to&#8220;:{&#8220;id&#8220;:&#8220;custom_color&#8220;,&#8220;color&#8220;:&#8220;#000000&#8220;}}&#8221; row_id=&#8221;Animations&#8221; custom_bg_image=&#8221;11118&#8243;][vc_column bg_blur=&#8221;0&#8243; css_animation=&#8221;&#8221;][vc_split_text text=&#8221;Multiple,navigation,styles&#8221; wrapper=&#8221;h3&#8243; color=&#8221;{&#8220;id&#8220;:&#8220;custom_1334459184315555&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,1)&#8220;}&#8221; fill_color=&#8221;{&#8220;id&#8220;:&#8220;custom_1334459184315555&#8220;,&#8220;color&#8220;:&#8220;rgba(255,255,255,1)&#8220;}&#8221; [&hellip;]","og_url":"https:\/\/subset.live\/index.php\/page-nav-vertical\/","og_site_name":"Subset Live","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/subset.live\/index.php\/page-nav-vertical\/","url":"https:\/\/subset.live\/index.php\/page-nav-vertical\/","name":"Page nav - vertical lines - Subset Live","isPartOf":{"@id":"https:\/\/subset.live\/#website"},"datePublished":"2018-02-04T19:18:30+00:00","dateModified":"2018-02-04T19:18:30+00:00","breadcrumb":{"@id":"https:\/\/subset.live\/index.php\/page-nav-vertical\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/subset.live\/index.php\/page-nav-vertical\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/subset.live\/index.php\/page-nav-vertical\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/subset.live\/"},{"@type":"ListItem","position":2,"name":"Page nav &#8211; vertical lines"}]},{"@type":"WebSite","@id":"https:\/\/subset.live\/#website","url":"https:\/\/subset.live\/","name":"Subset Live","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/subset.live\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/subset.live\/index.php\/wp-json\/wp\/v2\/pages\/3715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/subset.live\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/subset.live\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/subset.live\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/subset.live\/index.php\/wp-json\/wp\/v2\/comments?post=3715"}],"version-history":[{"count":0,"href":"https:\/\/subset.live\/index.php\/wp-json\/wp\/v2\/pages\/3715\/revisions"}],"wp:attachment":[{"href":"https:\/\/subset.live\/index.php\/wp-json\/wp\/v2\/media?parent=3715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}