{"id":3681,"date":"2018-02-04T17:08:11","date_gmt":"2018-02-04T15:08:11","guid":{"rendered":"https:\/\/themes.whiteboxstud.io\/rendr\/?page_id=3681"},"modified":"2023-02-01T23:43:38","modified_gmt":"2023-02-01T21:43:38","slug":"page-nav-circles-with-labels","status":"publish","type":"page","link":"https:\/\/themes.whiteboxstud.io\/rendr\/page-nav-circles-with-labels\/","title":{"rendered":"Page nav – circles with labels"},"content":{"rendered":"

[vc_row row_height_type=”fixed_height_screen” height=”100″ min_height=”500″ content_placement=”middle” bg_blur=”0″ custom_bg_type=”image” custom_bg_cover=”cover” custom_bg_repeat=”no-repeat” custom_bg_position=”Center center” textalign=”align_center” nav_skin=”dark” consent_include=”include” equal_height=”true” custom_bg_color=”{“solid“:{“id“:“Dark color“,“color“:“#1b192a“}}” custom_bg_image=”11127″ overlay_color=”{“dir“:“to top“,“from“:{“id“:“custom_color“,“color“:“rgba(0,0,0,1)“},“to“:{“id“:“custom_color“,“color“:“rgba(0,0,0,0.01)“}}” row_id=”Introduction”][vc_column bg_blur=”0″ css_animation=””][vc_heading heading_wrapper=”h1″ heading_color=”{“solid“:{“id“:“custom_3715609566673309“,“color“:“#ffffff“}}” heading_typography=”{“variants“:“900“,“font_size“:“60px“}” responsiveness=”yes” tablet_landscape=”100″ tablet_portrait=”90″ mobile_landscape=”75″ mobile_portrait=”60″ css_animation=”wtbx-anim-bottom-to-top-small” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1500″ css_animation_delay=”wtbx-delay-500″]Page Navigation[\/vc_heading][vc_text_element typography=”{“font_family“:“1588135352059941“,“variants“:“400“,“subsets“:“latin“,“font_size“:“20px“}” css_animation=”wtbx-anim-fade-in” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1500″ css_animation_delay=”wtbx-delay-1500″ color=”{“id“:“custom_3715609566673309“,“color“:“#ffffff“}”]Integrated with header navigation and browser history.[\/vc_text_element][\/vc_column][\/vc_row][vc_row row_height_type=”fixed_height_screen” height=”100″ min_height=”1200″ content_placement=”middle” bg_blur=”0″ custom_bg_type=”image” custom_bg_cover=”cover” custom_bg_repeat=”no-repeat” custom_bg_position=”Center center” textalign=”align_center” nav_skin=”dark” consent_include=”include” equal_height=”true” custom_bg_color=”{“solid“:{“id“:“Dark color“,“color“:“#1b192a“}}” overlay_color=”{“dir“:“ellipse at center“,“from“:{“id“:“custom_color“,“color“:“rgba(0,0,0,0.5)“},“to“:{“id“:“custom_color“,“color“:“#000000“}}” row_id=”Animations” custom_bg_image=”11118″][vc_column bg_blur=”0″ css_animation=””][vc_split_text text=”Multiple,navigation,styles” wrapper=”h3″ color=”{“id“:“custom_1334459184315555“,“color“:“rgba(255,255,255,1)“}” fill_color=”{“id“:“custom_1334459184315555“,“color“:“rgba(255,255,255,1)“}” alignment=”align_left” typography=”{“variants“:“700“,“font_size“:“80px“,“line_height“:“1.3em“}” responsiveness=”yes” tablet_landscape=”100″ tablet_portrait=”90″ mobile_landscape=”80″ mobile_portrait=”70″ css_animation=”wtbx-anim-fill-left” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1000″ css_animation_delay=””][\/vc_column][\/vc_row][vc_row min_height=”1200″ content_placement=”middle” bg_blur=”0″ nav_skin=”light skin_colorful” consent_include=”include” equal_height=”true” el_design=”{“desktop“:{“padding-top“:“60“,“padding-bottom“:“60“}}” anchor=”Synchronized” custom_bg_color=”{“solid“:{“id“:“custom_3715609566673309“,“color“:“#ffffff“}}” row_id=”Synchronized”][vc_column el_design=”{“desktop“:{“padding-top“:“30“,“padding-right“:“15“,“padding-bottom“:“30“,“padding-left“:“15“}}” bg_blur=”0″ width=”1\/3″ css_animation=””][vc_split_text text=”Animated,scroll,progress” wrapper=”h3″ color=”{“id“:“Dark color“,“color“:“#2d3543“}” fill_color=”{“id“:“Dark color“,“color“:“#2d3543“}” alignment=”” typography=”{“font_family“:“1588135352059941“,“variants“:“700“,“subsets“:“latin“,“font_size“:“30px“,“line_height“:“1.2em“}” responsiveness=”yes” tablet_landscape=”100″ tablet_portrait=”90″ mobile_landscape=”80″ mobile_portrait=”70″ css_animation=”wtbx-anim-fill-left” css_animation_easing=”wtbx-easing-sharp” css_animation_duration=”wtbx-duration-1000″ css_animation_delay=”wtbx-delay-100″][vc_empty_space height=”50px”][vc_text_element typography=”{“variants“:“600“,“font_size“:“16px“}” css_animation=”wtbx-anim-fade-in” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1000″ css_animation_delay=”wtbx-delay-500″]Logo identity[\/vc_text_element][vc_text_element typography=”{“variants“:“600“,“font_size“:“16px“}” css_animation=”wtbx-anim-fade-in” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1000″ css_animation_delay=”wtbx-delay-600″]Web & app design[\/vc_text_element][vc_text_element typography=”{“variants“:“600“,“font_size“:“16px“}” css_animation=”wtbx-anim-fade-in” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1000″ css_animation_delay=”wtbx-delay-700″]Business & advertising[\/vc_text_element][vc_text_element typography=”{“variants“:“600“,“font_size“:“16px“}” css_animation=”wtbx-anim-fade-in” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1000″ css_animation_delay=”wtbx-delay-1000″]Packaging & label[\/vc_text_element][vc_text_element typography=”{“variants“:“600“,“font_size“:“16px“}” css_animation=”wtbx-anim-fade-in” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1000″ css_animation_delay=”wtbx-delay-900″]Art & illustration[\/vc_text_element][vc_empty_space][vc_button_link title=”more info” link_decoration=”underline” size=”5″ display=”display_block” css_animation=”wtbx-anim-fade-in” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1000″ css_animation_delay=”wtbx-delay-1500″ link_color=”{“id“:“Dark color“,“color“:“#151221“}” link_color_h=”{“id“:“Main accent color“,“color“:“#8571ea“}”][\/vc_column][vc_column el_design=”{“desktop“:{“padding-top“:“0“,“padding-right“:“0“,“padding-bottom“:“0“,“padding-left“:“0“}}” bg_blur=”0″ width=”2\/3″ css_animation=””][vc_row_inner bg_blur=”0″ consent_include=”include”][vc_column_inner el_design=”{“desktop“:{“padding-top“:“30“,“padding-right“:“15“,“padding-bottom“:“30“,“padding-left“:“15“}}” bg_blur=”0″ width=”1\/2″ css_animation=””][vc_banner style=”style_2″ hover=”shift” radius=”30″ min_height=”300″ image=”9861″ title_text=”Our passion” title_wrapper=”div” subtitle_text=”Dynamically maximize collaborative methodologies with functional e-services. Efficiently implement fully researched.” subtitle_wrapper=”div” subtitle_typography=”{“variants“:“400“,“font_size“:“16px“}” button_text=”Learn more” preloader=”” css_animation=”wtbx-anim-bottom-to-top-small” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1500″ css_animation_delay=”” overlay=”{“solid“:{“id“:“Overlay color“,“color“:“rgba(25,32,50,0.6)“}}” link=”url:%23|||”][\/vc_column_inner][vc_column_inner el_design=”{“desktop“:{“padding-top“:“30“,“padding-right“:“15“,“padding-bottom“:“30“,“padding-left“:“15“}}” bg_blur=”0″ width=”1\/2″ css_animation=””][vc_banner style=”style_2″ hover=”shift” radius=”30″ min_height=”300″ image=”9879″ title_text=”Our expertise” title_wrapper=”div” subtitle_text=”Dynamically maximize collaborative methodologies with functional e-services. Efficiently implement fully researched.” subtitle_wrapper=”div” subtitle_typography=”{“variants“:“400“,“font_size“:“16px“}” button_text=”Learn more” preloader=”” css_animation=”wtbx-anim-bottom-to-top-small” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1500″ css_animation_delay=”wtbx-delay-200″ overlay=”{“solid“:{“id“:“Overlay color“,“color“:“rgba(25,32,50,0.6)“}}” link=”url:%23|||”][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_height_type=”fixed_height_screen” height=”100″ min_height=”500″ content_placement=”middle” bg_blur=”0″ custom_bg_type=”image” custom_bg_cover=”cover” custom_bg_repeat=”no-repeat” custom_bg_position=”Center center” textalign=”align_center” nav_skin=”dark” consent_include=”include” equal_height=”true” custom_bg_color=”{“solid“:{“id“:“Dark color“,“color“:“#1b192a“}}” custom_bg_image=”11109″ overlay_color=”{“solid“:{“id“:“Overlay color“,“color“:“rgba(21,20,36,0.5)“}}” anchor=”Navigation” row_id=”Navigation”][vc_column bg_blur=”0″ css_animation=””][vc_heading heading_wrapper=”h3″ heading_color=”{“solid“:{“id“:“custom_color“,“color“:“rgba(255,255,255,0.6)“}}” heading_typography=”{“variants“:“600“,“font_size“:“20px“}” responsiveness=”yes” tablet_landscape=”100″ tablet_portrait=”90″ mobile_landscape=”80″ mobile_portrait=”70″ css_animation=”wtbx-anim-fade-in” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1500″ css_animation_delay=””]Automatic calculation[\/vc_heading][vc_heading heading_wrapper=”h3″ heading_color=”{“solid“:{“id“:“custom_3715609566673309“,“color“:“#ffffff“}}” heading_typography=”{“variants“:“900“,“font_size“:“60px“}” responsiveness=”yes” tablet_landscape=”100″ tablet_portrait=”90″ mobile_landscape=”80″ mobile_portrait=”70″ css_animation=”wtbx-anim-fade-in” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1500″ css_animation_delay=”wtbx-delay-500″]Works Like Magic[\/vc_heading][\/vc_column][\/vc_row][vc_row max_width=”600″ row_height_type=”fixed_height_screen” height=”100″ min_height=”1200″ content_placement=”middle” bg_blur=”0″ custom_bg_type=”image” custom_bg_cover=”cover” custom_bg_repeat=”no-repeat” custom_bg_position=”Center bottom” textalign=”align_center” nav_skin=”light” consent_include=”include” equal_height=”true” custom_bg_color=”{“solid“:{“id“:“custom_1334459184315555“,“color“:“rgba(255,255,255,1)“}}” custom_bg_image=”10259″ overlay_color=”{“solid“:{“id“:“custom_color“,“color“:““}}” anchor=”Auto-color” row_id=”Auto-color”][vc_column bg_blur=”0″ css_animation=””][vc_text_element typography=”{“variants“:“500“,“font_size“:“50px“,“line_height“:“1.2em“}” display=”wtbx_display_inline_block” responsiveness=”yes” tablet_landscape=”100″ tablet_portrait=”90″ mobile_landscape=”80″ mobile_portrait=”70″ css_animation=”wtbx-anim-fade-in” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1500″ css_animation_delay=”” color=”{“id“:“Dark color“,“color“:“#151221“}”]<\/p>\n

Notice how the navigation colors change<\/div>\n

[\/vc_text_element][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_row row_height_type=”fixed_height_screen” height=”100″ min_height=”500″ content_placement=”middle” bg_blur=”0″ custom_bg_type=”image” custom_bg_cover=”cover” custom_bg_repeat=”no-repeat” custom_bg_position=”Center center” textalign=”align_center” nav_skin=”dark” consent_include=”include” equal_height=”true” custom_bg_color=”{“solid“:{“id“:“Dark color“,“color“:“#1b192a“}}” custom_bg_image=”11127″ overlay_color=”{“dir“:“to top“,“from“:{“id“:“custom_color“,“color“:“rgba(0,0,0,1)“},“to“:{“id“:“custom_color“,“color“:“rgba(0,0,0,0.01)“}}” row_id=”Introduction”][vc_column bg_blur=”0″ css_animation=””][vc_heading heading_wrapper=”h1″ heading_color=”{“solid“:{“id“:“custom_3715609566673309“,“color“:“#ffffff“}}” heading_typography=”{“variants“:“900“,“font_size“:“60px“}” responsiveness=”yes” tablet_landscape=”100″ tablet_portrait=”90″ mobile_landscape=”75″ mobile_portrait=”60″ css_animation=”wtbx-anim-bottom-to-top-small” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1500″ css_animation_delay=”wtbx-delay-500″]Page Navigation[\/vc_heading][vc_text_element typography=”{“font_family“:“1588135352059941“,“variants“:“400“,“subsets“:“latin“,“font_size“:“20px“}” css_animation=”wtbx-anim-fade-in” css_animation_easing=”wtbx_easing-natural” css_animation_duration=”wtbx-duration-1500″ css_animation_delay=”wtbx-delay-1500″ color=”{“id“:“custom_3715609566673309“,“color“:“#ffffff“}”]Integrated with header navigation and browser history.[\/vc_text_element][\/vc_column][\/vc_row][vc_row row_height_type=”fixed_height_screen” height=”100″ min_height=”1200″ content_placement=”middle” bg_blur=”0″ custom_bg_type=”image” custom_bg_cover=”cover” custom_bg_repeat=”no-repeat” custom_bg_position=”Center center” textalign=”align_center” nav_skin=”dark” consent_include=”include” equal_height=”true” custom_bg_color=”{“solid“:{“id“:“Dark color“,“color“:“#1b192a“}}” overlay_color=”{“dir“:“ellipse at center“,“from“:{“id“:“custom_color“,“color“:“rgba(0,0,0,0.5)“},“to“:{“id“:“custom_color“,“color“:“#000000“}}” row_id=”Animations” custom_bg_image=”11118″][vc_column bg_blur=”0″ css_animation=””][vc_split_text text=”Multiple,navigation,styles” wrapper=”h3″ color=”{“id“:“custom_1334459184315555“,“color“:“rgba(255,255,255,1)“}” fill_color=”{“id“:“custom_1334459184315555“,“color“:“rgba(255,255,255,1)“}” […]<\/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-3681","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themes.whiteboxstud.io\/rendr\/wp-json\/wp\/v2\/pages\/3681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.whiteboxstud.io\/rendr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.whiteboxstud.io\/rendr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.whiteboxstud.io\/rendr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.whiteboxstud.io\/rendr\/wp-json\/wp\/v2\/comments?post=3681"}],"version-history":[{"count":5,"href":"https:\/\/themes.whiteboxstud.io\/rendr\/wp-json\/wp\/v2\/pages\/3681\/revisions"}],"predecessor-version":[{"id":12161,"href":"https:\/\/themes.whiteboxstud.io\/rendr\/wp-json\/wp\/v2\/pages\/3681\/revisions\/12161"}],"wp:attachment":[{"href":"https:\/\/themes.whiteboxstud.io\/rendr\/wp-json\/wp\/v2\/media?parent=3681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}