{"id":994,"date":"2026-10-08T14:48:27","date_gmt":"2026-10-08T18:48:27","guid":{"rendered":"https:\/\/valzhouse.com\/?page_id=994"},"modified":"2026-10-08T14:48:27","modified_gmt":"2026-10-08T18:48:27","slug":"46_sp_occupational_planners","status":"publish","type":"page","link":"https:\/\/valzbusinessdistrict.com\/index.php\/46_sp_occupational_planners\/","title":{"rendered":"46_SP_Occupational_Planners"},"content":{"rendered":"<!-- VALZ HOUSE OCCUPATIONAL PLANNERS - UPLOAD AND EDIT VERSION\nPaste this entire file into the WordPress PAGE Code editor, replacing the old\nplanner template. Then switch back to the Visual editor, just like the hero page.\nDo not paste the entire file into one Custom HTML block.\nIn List View, expand the planner page Group, planner grid, and each numbered card:\n1. Select its empty Image block and click Upload or Media Library.\n2. Click Occupation Title and type your title.\n3. Click the planner description and type your description.\n4. When ready to sell, delete the coming-soon paragraph and insert a Buttons block\n   in the same details Group. Add a Button, type Shop this planner, set its link,\n   and put vh-button in the BUTTON block's Advanced > Additional CSS class(es).\n5. Select the footer link and set your real A-Z directory destination.\nAdd descriptive alt text to each cover in the Image block settings.\nUse Kadence's Full Width page layout and hide the automatic page title if needed.\nPreview the saved page on desktop, tablet and mobile before publishing.\nThe Custom HTML block at the top contains only styling; leave it in place.\nYour site must permit inline style tags, as required by the hero template.\nUpload every cover before publishing; empty Image blocks do not output a cover.\nDuplicate the page for another 10 planners. If you combine sets on ONE page,\nchange the duplicate cards' HTML anchors to unique values in Advanced settings.\n-->\n\n<style>\n\/* Valz House palette copied from VH_AZ_Search_Page_Code.txt.\n   Scoped styles allow this block to be pasted into a website HTML section. *\/\n.vh-sales {\n  --vh-cream: #FFFDF9; --vh-brown: #3d2b20; --vh-dark: #2A1F19;\n  --vh-gold: #D5A438; --vh-gold-light: #F6D67C; --vh-gold-deep: #C99427;\n  --vh-muted: #E8DDCF;\n  background: var(--vh-dark); color: var(--vh-cream);\n  padding: 40px 30px 60px; font-family: Arial, Helvetica, sans-serif;\n  line-height: 1.6;\n  width: 100%; min-width: 0; overflow-wrap: anywhere;\n}\n.vh-sales, .vh-sales * { box-sizing: border-box; }\n.vh-sales .vh-inner { max-width: 1200px; margin: 0 auto; }\n.vh-sales .vh-header { text-align: center; max-width: 760px; margin: 0 auto 40px; }\n.vh-sales .vh-brand { color: var(--vh-gold-light); letter-spacing: .2em; text-transform: uppercase; font-size: 14px; }\n.vh-sales h1, .vh-sales h2 { font-family: Georgia, \"Times New Roman\", serif; line-height: 1.25; }\n.vh-sales h1 { font-size: clamp(30px, 4vw, 48px); margin: 12px 0 18px; }\n.vh-sales .vh-intro { color: var(--vh-muted); margin: 0; }\n.vh-sales .vh-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }\n.vh-sales .vh-card { min-width: 0; background: var(--vh-cream); color: var(--vh-brown);\n  border: 1px solid var(--vh-gold); border-radius: 8px; overflow: hidden; scroll-margin-top: 120px; }\n.vh-sales .vh-card:target { outline: 3px solid var(--vh-gold-light); outline-offset: 4px; }\n.vh-sales .vh-image { aspect-ratio: 4 \/ 5; min-width: 0; min-height: 0; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); display: grid; place-items: center; padding: 22px;\n  background: #E8DDCF; border-bottom: 1px solid var(--vh-gold); }\n.vh-sales .vh-image img { display: block; width: 100%; height: 100%; object-fit: contain; min-width: 0; min-height: 0; max-width: 100%; max-height: 100%; }\n.vh-sales .vh-placeholder { display: grid; place-content: center; text-align: center; width: 100%; height: 100%;\n  border: 1px dashed var(--vh-brown); border-radius: 4px; padding: 20px; }\n.vh-sales .vh-placeholder span { font-family: Georgia, \"Times New Roman\", serif; font-size: 26px; }\n.vh-sales .vh-placeholder small { margin-top: 8px; font-size: 14px; }\n.vh-sales .vh-details { padding: 24px; }\n.vh-sales h2 { font-size: 27px; margin: 0 0 12px; overflow-wrap: anywhere; }\n.vh-sales .vh-description { margin: 0 0 20px; }\n.vh-sales .vh-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px;\n  max-width: 100%; text-align: center; white-space: normal;\n  padding: 11px 22px; background: linear-gradient(var(--vh-gold-light), var(--vh-gold-deep));\n  color: var(--vh-dark); border: 1px solid #E6BC59; border-radius: 5px; text-decoration: none; font-weight: 700; }\n.vh-sales .vh-button:hover { filter: brightness(1.06); }\n.vh-sales .vh-button:focus-visible, .vh-sales .vh-back:focus-visible { outline: 3px solid var(--vh-gold); outline-offset: 4px; }\n.vh-sales .vh-button[aria-disabled=\"true\"] { cursor: default; opacity: .75; }\n.vh-sales .vh-footer { text-align: center; margin-top: 36px; }\n.vh-sales .vh-back { color: var(--vh-cream); text-underline-offset: 4px; }\n@media (max-width: 1024px) {\n  .vh-sales { padding: 30px 24px 50px; }\n  .vh-sales .vh-grid { gap: 22px; }\n  .vh-sales .vh-details { padding: 20px; }\n  .vh-sales h2 { font-size: 24px; }\n}\n@media (max-width: 700px) {\n  .vh-sales { padding: 24px 18px 40px; }\n  .vh-sales .vh-grid { grid-template-columns: 1fr; gap: 24px; }\n  .vh-sales .vh-header { margin-bottom: 28px; }\n  .vh-sales .vh-image { padding: 18px; }\n  .vh-sales .vh-button { width: 100%; }\n}\n\n\/* Explicit local rules protect this section from WordPress theme styles. *\/\n.vh-sales .vh-inner { width: 100%; max-width: 1200px; margin: 0 auto !important; }\n.vh-sales .vh-header { display: block; width: 100%; float: none; padding: 0; }\n.vh-sales .vh-header h1 { color: #FFFDF9 !important; }\n.vh-sales .vh-details h2 { color: #3d2b20 !important; }\n.vh-sales .vh-grid { display: grid !important; width: 100%; margin: 0 !important; padding: 0 !important;\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }\n.vh-sales .vh-grid > .vh-card { width: auto !important; max-width: none !important; min-width: 0;\n  margin: 0 !important; float: none !important; grid-column: auto; grid-row: auto; }\n.vh-sales .vh-grid > p:empty, .vh-sales .vh-grid > br { display: none !important; }\n.vh-sales .vh-details p { color: #3d2b20; }\n.vh-sales .vh-image { width: 100%; margin: 0; }\n.vh-sales .vh-image img { margin: 0 !important; border: 0; box-shadow: none; }\n@media (max-width: 700px) {\n  .vh-sales .vh-grid { grid-template-columns: minmax(0, 1fr) !important; }\n}\n\/* Native WordPress blocks: preserve the original sales-card layout. *\/\n.vh-sales .vh-inner > *, .vh-sales .vh-details > * { margin-block-start: 0; }\n.vh-sales .vh-header { margin: 0 auto 40px !important; }\n.vh-sales .vh-image > .vh-cover { width: 100%; height: 100%; margin: 0 !important; max-width: none; }\n.vh-sales .vh-cover img { width: 100% !important; height: 100% !important; object-fit: contain; }\n.vh-sales .vh-image:empty::before { content: \"Planner cover\"; color: var(--vh-brown); }\n.vh-sales .vh-details .vh-coming-soon { margin: 0; cursor: default; opacity: .75; }\n.vh-sales .wp-block-buttons { margin: 0; }\n.vh-sales .wp-block-button__link { white-space: normal; }\n@media (max-width: 700px) { .vh-sales .vh-header { margin-bottom: 28px !important; } }\n\n.vh-sales .vh-inner {\n  width: 100% !important;\n  max-width: 1200px !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n}\n.vh-sales .vh-inner > .wp-block-group__inner-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n}\n.vh-sales .vh-grid {\n  display: grid !important;\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  gap: 28px !important;\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n.vh-sales .vh-grid > .wp-block-group__inner-container {\n  display: contents !important;\n}\n.vh-sales .vh-grid > .vh-card,\n.vh-sales .vh-grid > .wp-block-group__inner-container > .vh-card {\n  width: 100% !important;\n  max-width: none !important;\n  min-width: 0 !important;\n  margin: 0 !important;\n  float: none !important;\n  grid-column: auto !important;\n  grid-row: auto !important;\n  justify-self: stretch !important;\n}\n.vh-sales .vh-card > .wp-block-group__inner-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n}\n.vh-sales .vh-image > .wp-block-group__inner-container {\n  display: contents !important;\n}\n.vh-sales .vh-image .vh-cover {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none !important;\n  min-width: 0;\n  min-height: 0;\n  margin: 0 !important;\n}\n.vh-sales .vh-image .vh-cover img {\n  display: block;\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: contain;\n}\n@media (max-width: 1024px) {\n  .vh-sales .vh-grid { gap: 22px !important; }\n}\n@media (max-width: 700px) {\n  .vh-sales .vh-grid {\n    grid-template-columns: minmax(0, 1fr) !important;\n    gap: 24px !important;\n  }\n}\n\n<\/style>\n\n\n<div class=\"wp-block-group alignfull vh-sales\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group vh-inner\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group vh-header\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<p class=\"vh-brand wp-block-paragraph\">Valz Business District<\/p>\n\n\n<h1 class=\"wp-block-heading\">Occupational Planners<\/h1>\n\n\n<p class=\"vh-intro wp-block-paragraph\">Find a planner for your profession.<\/p>\n\n<\/div><\/div>\n\n\n<div class=\"wp-block-group vh-grid\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<div id=\"planner-01\" class=\"wp-block-group vh-card\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group vh-image\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<\/div><\/div>\n\n\n<div class=\"wp-block-group vh-details\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Occupation Title 01<\/h2>\n\n\n<p class=\"vh-description wp-block-paragraph\">Planner Description 01 &#8211; Add what this planner includes and how it helps this profession.<\/p>\n\n\n<p class=\"vh-button vh-coming-soon wp-block-paragraph\">Planner coming soon<\/p>\n\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n\n<div id=\"planner-02\" class=\"wp-block-group vh-card\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group vh-image\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<\/div><\/div>\n\n\n<div class=\"wp-block-group vh-details\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Occupation Title 02<\/h2>\n\n\n<p class=\"vh-description wp-block-paragraph\">Planner Description 02 &#8211; Add what this planner includes and how it helps this profession.<\/p>\n\n\n<p class=\"vh-button vh-coming-soon wp-block-paragraph\">Planner coming soon<\/p>\n\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n\n<div id=\"planner-03\" class=\"wp-block-group vh-card\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group vh-image\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<\/div><\/div>\n\n\n<div class=\"wp-block-group vh-details\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Occupation Title 03<\/h2>\n\n\n<p class=\"vh-description wp-block-paragraph\">Planner Description 03 &#8211; Add what this planner includes and how it helps this profession.<\/p>\n\n\n<p class=\"vh-button vh-coming-soon wp-block-paragraph\">Planner coming soon<\/p>\n\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n\n<div id=\"planner-04\" class=\"wp-block-group vh-card\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group vh-image\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<\/div><\/div>\n\n\n<div class=\"wp-block-group vh-details\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Occupation Title 04<\/h2>\n\n\n<p class=\"vh-description wp-block-paragraph\">Planner Description 04 &#8211; Add what this planner includes and how it helps this profession.<\/p>\n\n\n<p class=\"vh-button vh-coming-soon wp-block-paragraph\">Planner coming soon<\/p>\n\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n\n<div id=\"planner-05\" class=\"wp-block-group vh-card\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group vh-image\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<\/div><\/div>\n\n\n<div class=\"wp-block-group vh-details\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Occupation Title 05<\/h2>\n\n\n<p class=\"vh-description wp-block-paragraph\">Planner Description 05 &#8211; Add what this planner includes and how it helps this profession.<\/p>\n\n\n<p class=\"vh-button vh-coming-soon wp-block-paragraph\">Planner coming soon<\/p>\n\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n\n<div id=\"planner-06\" class=\"wp-block-group vh-card\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group vh-image\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<\/div><\/div>\n\n\n<div class=\"wp-block-group vh-details\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Occupation Title 06<\/h2>\n\n\n<p class=\"vh-description wp-block-paragraph\">Planner Description 06 &#8211; Add what this planner includes and how it helps this profession.<\/p>\n\n\n<p class=\"vh-button vh-coming-soon wp-block-paragraph\">Planner coming soon<\/p>\n\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n\n<div id=\"planner-07\" class=\"wp-block-group vh-card\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group vh-image\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<\/div><\/div>\n\n\n<div class=\"wp-block-group vh-details\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Occupation Title 07<\/h2>\n\n\n<p class=\"vh-description wp-block-paragraph\">Planner Description 07 &#8211; Add what this planner includes and how it helps this profession.<\/p>\n\n\n<p class=\"vh-button vh-coming-soon wp-block-paragraph\">Planner coming soon<\/p>\n\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n\n<div id=\"planner-08\" class=\"wp-block-group vh-card\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group vh-image\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<\/div><\/div>\n\n\n<div class=\"wp-block-group vh-details\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Occupation Title 08<\/h2>\n\n\n<p class=\"vh-description wp-block-paragraph\">Planner Description 08 &#8211; Add what this planner includes and how it helps this profession.<\/p>\n\n\n<p class=\"vh-button vh-coming-soon wp-block-paragraph\">Planner coming soon<\/p>\n\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n\n<div id=\"planner-09\" class=\"wp-block-group vh-card\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group vh-image\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<\/div><\/div>\n\n\n<div class=\"wp-block-group vh-details\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Occupation Title 09<\/h2>\n\n\n<p class=\"vh-description wp-block-paragraph\">Planner Description 09 &#8211; Add what this planner includes and how it helps this profession.<\/p>\n\n\n<p class=\"vh-button vh-coming-soon wp-block-paragraph\">Planner coming soon<\/p>\n\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n\n<div id=\"planner-10\" class=\"wp-block-group vh-card\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group vh-image\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<\/div><\/div>\n\n\n<div class=\"wp-block-group vh-details\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<h2 class=\"wp-block-heading\">Occupation Title 10<\/h2>\n\n\n<p class=\"vh-description wp-block-paragraph\">Planner Description 10 &#8211; Add what this planner includes and how it helps this profession.<\/p>\n\n\n<p class=\"vh-button vh-coming-soon wp-block-paragraph\">Planner coming soon<\/p>\n\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<\/div><\/div>\n\n\n<div class=\"wp-block-group vh-footer\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n\n<p class=\"wp-block-paragraph\"><a class=\"vh-back\" href=\"\/occupational-planners\/\">Return to the A-Z occupation directory<\/a><\/p>\n\n<\/div><\/div>\n\n<\/div><\/div>\n\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Valz Business District Occupational Planners Find a planner for your profession. Occupation Title 01 Planner Description 01 &#8211; Add what this planner includes and how it helps this profession. Planner coming soon Occupation Title 02 Planner Description 02 &#8211; Add what this planner includes and how it helps this profession. Planner coming soon Occupation Title&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-994","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/valzbusinessdistrict.com\/index.php\/wp-json\/wp\/v2\/pages\/994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valzbusinessdistrict.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/valzbusinessdistrict.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/valzbusinessdistrict.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valzbusinessdistrict.com\/index.php\/wp-json\/wp\/v2\/comments?post=994"}],"version-history":[{"count":0,"href":"https:\/\/valzbusinessdistrict.com\/index.php\/wp-json\/wp\/v2\/pages\/994\/revisions"}],"wp:attachment":[{"href":"https:\/\/valzbusinessdistrict.com\/index.php\/wp-json\/wp\/v2\/media?parent=994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}