{"id":310,"date":"2021-08-12T13:46:03","date_gmt":"2021-08-12T20:46:03","guid":{"rendered":"http:\/\/www.westernu.edu\/training\/?page_id=310"},"modified":"2021-08-16T11:29:48","modified_gmt":"2021-08-16T18:29:48","slug":"demopage","status":"publish","type":"page","link":"https:\/\/www.westernu.edu\/training\/demopage\/","title":{"rendered":"Content Page"},"content":{"rendered":"<section class=\"hero-secondary\">\n  <div class=\"relative bg-black\">\n                <img decoding=\"async\" class=\"adhere object-cover\" src=\"\/media\/training\/images\/daumier-day.jpg\" srcset=\"\" sizes=\"100vw\" alt=\"view of campus esplanade with tall palms\">\n      <div class=\"adhere gradient-overlay\"><\/div>\n        <div class=\"relative container pt-56 md:pt-112 pb-144 md:pb-192\">\n      <div class=\"md:flex md:justify-between px-12\">\n        <div class=\"sm:w-8\/12 md:w-6\/12 xl:w-5\/12 px-12\">\n                      <div class=\"mb-20\">\n              <div class=\"block font-sans font-bold text-14 text-white leading-130\">\n  <span class=\"inline-block\">\n    <a href=\"\/\" class=\"block hover:underline\">WesternU<\/a>\n  <\/span>\n      <span class=\"inline-block mx-6\">\/<\/span>\n          <a href=\"https:\/\/www.westernu.edu\/training\" class=\"inline-block hover:underline\">WP Training<\/a>\n          <span class=\"inline-block mx-6\">\/<\/span>\n    <span class=\"inline-block\">Content Page<\/span>\n  <\/div>            <\/div>\n                                        <h1 class=\"t-h1-sans  text-white\">Content Page<\/h1>\n        <\/div>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<section class=\"relative my-48 md:my-72\">\n  <div class=\"container\">\n    <div class=\"lg:flex px-12 lg:justify-start\">\n              <div class=\"w-full lg:w-5\/12 2xl:w-4\/12 -mt-80 md:-mt-112 mb-48 px-12 lg:pr-32\">\n                              <nav class=\"py-28 px-40 2xl:px-64 rounded-5 md:rounded-8 bg-gray-darker text-white mb-40\">\n            <ul>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/www.westernu.edu\/training\/\" target=\"_self\" rel=\"noopener\">Home<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/www.westernu.edu\/training\/demopage\/\" target=\"_self\" rel=\"noopener\">Content Page<\/a>\n                <\/li>\n                                              <li class=\"block my-8\">\n                  <a class=\"text-22 font-normal leading-130 tracking-20 text-white hover:text-yellow transition-default\" href=\"https:\/\/www.westernu.edu\/training\/demo-page\/\" target=\"_self\" rel=\"noopener\">Faculty\/Staff Page<\/a>\n                <\/li>\n                          <\/ul>\n          <\/nav>\n                            <\/div>\n      \n      \n                  \n                  \n      <div class=\"w-full px-24 wysiwyg-content lg:w-7\/12 2xl:w-7\/12\">\n        <h2>This is a WYSIWYG block with the Sidebar Menu activated.<\/h2>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<section class=\"my-48 md:mt-96 md:mb-72\" vue-app>\n  <div class=\"container\">\n    <div class=\"flex flex-wrap md:flex-row-reverse md:items-center app-gutter\">\n      <div class=\"md:w-6\/12 xl:w-7\/12 app-gutter pl-16\">\n        <div class=\"rounded-5 md:rounded-8 md:h-560 bg-red\">\n                                  <img decoding=\"async\" class=\"w-full h-256 md:h-560 object-cover rounded-5 md:rounded-8 transform -translate-y-10 -translate-x-8 md:-translate-y-18 md:-translate-x-16\" src=\"\/media\/training\/images\/pt-students.jpg\" srcset=\"\" sizes=\"(min-width: 768px) 50vw, 100vw\" alt=\"six students smiling in outside setting\">\n                  <\/div>\n      <\/div>\n\t\t\t<div class=\"md:w-6\/12 xl:w-5\/12 mt-32 md:mt-0 px-12 md:pr-40 lg:px-80\">\n\t\t\t\t<div class=\"md:pb-40\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"text-lockup text-lockup--default\">\n\t<h2>\n\t\t\t\t\t<span class=\"t-h2-serif  block text-red-light\">This is a<\/span>\n\t\t\t\t\t\t\t<span class=\"t-h2-sans  block text-red\"> Callout Image Right Block<\/span>\n\t\t\t<\/h2>\n\t\t\t<div class=\"wysiwyg-content t-p2 mt-24 text-black\">Lorem ipsum dolor sit amet, consectetur adipiscing 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.<\/div>\n\t\t\t\t\t\t<div class=\"mt-28\">\n\t\t\t<a class=\"cta-arrow cta-arrow--red \" href=\"\/media\/training\/pdfs\/sample-pdf-document.pdf\" target=\"_blank\" rel=\"noopener\">\n    PDF Document<svg class=\"cta-arrow__icon d-block w-16 ml-12\" viewBox=\"0 0 20 16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><polygon fill=\"currentColor\" points=\"11.3168217 0 9.27266614 2.39591605 14.0042587 6.6137266 8.92524936 6.42314237 0 6.42314237 0 9.57685763 8.92524936 9.57685763 14.0042587 9.3862734 9.19197579 13.6063528 11.3168217 16 20 8\"><\/polygon><\/svg>\n<\/a>\n\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"relative my-48 md:my-72\">\n  <div class=\"container\">\n    <div class=\"lg:flex px-12 lg:justify-center\">\n      \n      \n                  \n                  \n      <div class=\"w-full px-24 wysiwyg-content xl:w-10\/12 2xl:w-9\/12\">\n        <h2>This is a WYSIWYG block with no side menu<\/h2>\n<p>WesternU is one of the largest graduate schools for the health professions in California. Alumni rank among the top leaders in health care and medicine throughout the country and the world.<\/p>\n<p>All of the health care programs have professional accreditations, and the University is accredited by the Accrediting Commission for Senior Colleges and Universities of the Western Association of Schools and Colleges. Please download the <a href=\"\/media\/training\/docs\/sample-word-document.docx\" target=\"_blank\" rel=\"noopener\">Word Document <\/a>.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing 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.<\/p>\n<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing 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.<\/p>\n<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing 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.<\/p>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<section class=\"my-48 md:mt-96 md:mb-72\" vue-app>\n  <div class=\"container\">\n    <div class=\"app-gutter\">\n      <div class=\"relative md:flex md:justify-end\">\n        <div class=\"app-gutter\">\n                                  <img decoding=\"async\" class=\"md:absolute md:-top-32 md:left-0 w-full md:w-5\/12 lg:w-6\/12 h-240 sm:h-320 md:h-full object-cover rounded-t-5 md:rounded-8\" src=\"\/media\/training\/images\/westernu-pharmacy.jpg\" srcset=\"\" sizes=\"(min-width: 768px) 50vw, 100vw\" alt=\"pharmacist helping customer in a pharmacy\">\n                  <\/div>\n        <div class=\"md:w-8\/12 xl:w-7\/12 app-gutter\">\n          <div class=\"p-32 sm:p-40 md:px-0 md:py-80 rounded-b-5 md:rounded-8 bg-red\">\n            <div class=\"md:ml-1\/8 lg:ml-1\/4 xl:ml-1\/7 md:px-40 lg:px-80\">\n                              \t\t\t\t\n<div class=\"text-lockup text-lockup--red\">\n\t<h2>\n\t\t\t\t\t<span class=\"t-h2-serif  block text-yellow\">This is a<\/span>\n\t\t\t\t\t\t\t<span class=\"t-h2-sans  block text-white\"> Callout Image Left Block<\/span>\n\t\t\t<\/h2>\n\t\t\t<div class=\"wysiwyg-content t-p2 mt-24 text-white\">Lorem ipsum dolor sit amet, consectetur adipiscing 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.<br \/>\r\n<br \/>\r\nDuis 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.<\/div>\n\t\t<\/div>\n                          <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n\n\n\n<section class=\"relative my-48 md:my-72\" vue-app>\n  <div class=\"container\">\n        <app-accordion class=\"px-24 lg:w-4\/5 mx-auto\">\n              <app-accordion-item class=\"accordion-group block leading-1 opt-1\" content-class=\"accordion-group__panel wysiwyg-content\">\n          <template #accordion-trigger=\"{ href, visible, setRef, clickHandler }\">\n            <a :href=\"'#' + href\" \n              :ref=\"setRef\"\n              :class=\"['accordion-group__button scroll-mt-160', {'accordion__trigger_active': visible}]\"\n              @click.stop.prevent=\"clickHandler\"\n            >\n            <span class=\"block py-10\">\n              Accordion with bullets\n            <\/span>\n            <span class=\"accordion-group-icon relative flex w-56 h-56 ml-20 justify-center items-center bg-black rounded-full flex-shrink-0\">\n                            <span class=\"w-16 icon-chevron-down\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--!Font Awesome Free 6.6.0 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2024 Fonticons, Inc.--><path d=\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\"\/><\/svg>\n              <\/span>\n              <span class=\"w-16 icon-chevron-up\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--!Font Awesome Free 6.6.0 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2024 Fonticons, Inc.--><path d=\"M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z\"\/><\/svg>\n              <\/span>\n                          <\/span>\n            <\/a>\n          <\/template>\n          <template #accordion-content>\n            <ul>\n<li><a title=\"Home\" href=\"https:\/\/www.westernu.edu\/training\/\">Bullet One<\/a><\/li>\n<li>Bullet Two<\/li>\n<li>Bullet Three<\/li>\n<\/ul>\n\n          <\/template>\n        <\/app-accordion-item>\n              <app-accordion-item class=\"accordion-group block leading-1 opt-1\" content-class=\"accordion-group__panel wysiwyg-content\">\n          <template #accordion-trigger=\"{ href, visible, setRef, clickHandler }\">\n            <a :href=\"'#' + href\" \n              :ref=\"setRef\"\n              :class=\"['accordion-group__button scroll-mt-160', {'accordion__trigger_active': visible}]\"\n              @click.stop.prevent=\"clickHandler\"\n            >\n            <span class=\"block py-10\">\n              Accordion with photo and text\n            <\/span>\n            <span class=\"accordion-group-icon relative flex w-56 h-56 ml-20 justify-center items-center bg-black rounded-full flex-shrink-0\">\n                            <span class=\"w-16 icon-chevron-down\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--!Font Awesome Free 6.6.0 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2024 Fonticons, Inc.--><path d=\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\"\/><\/svg>\n              <\/span>\n              <span class=\"w-16 icon-chevron-up\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--!Font Awesome Free 6.6.0 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2024 Fonticons, Inc.--><path d=\"M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z\"\/><\/svg>\n              <\/span>\n                          <\/span>\n            <\/a>\n          <\/template>\n          <template #accordion-content>\n            <p><img decoding=\"async\" class=\" wp-image-997 alignleft\" src=\"\/media\/training\/images\/microscope.jpg\" alt=\"close up of microscope\" width=\"318\" height=\"212\" \/>Lorem ipsum dolor sit amet, consectetur adipiscing 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.<\/p>\n<p>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.<\/p>\n\n          <\/template>\n        <\/app-accordion-item>\n          <\/app-accordion>\n  <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":140,"featured_media":0,"parent":0,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-310","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.westernu.edu\/training\/wp-json\/wp\/v2\/pages\/310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.westernu.edu\/training\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.westernu.edu\/training\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.westernu.edu\/training\/wp-json\/wp\/v2\/users\/140"}],"replies":[{"embeddable":true,"href":"https:\/\/www.westernu.edu\/training\/wp-json\/wp\/v2\/comments?post=310"}],"version-history":[{"count":15,"href":"https:\/\/www.westernu.edu\/training\/wp-json\/wp\/v2\/pages\/310\/revisions"}],"predecessor-version":[{"id":1130,"href":"https:\/\/www.westernu.edu\/training\/wp-json\/wp\/v2\/pages\/310\/revisions\/1130"}],"wp:attachment":[{"href":"https:\/\/www.westernu.edu\/training\/wp-json\/wp\/v2\/media?parent=310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}