{"id":538,"date":"2021-02-12T07:17:19","date_gmt":"2021-02-12T07:17:19","guid":{"rendered":"https:\/\/stable.visual-framework.dev\/wordpress\/?page_id=538"},"modified":"2021-02-13T14:13:28","modified_gmt":"2021-02-13T14:13:28","slug":"page-1","status":"publish","type":"page","link":"https:\/\/stable.visual-framework.dev\/wordpress\/page-1\/","title":{"rendered":"Page 1"},"content":{"rendered":"\n<section class=\"vf-intro\">\n  <div>\n    <!-- empty -->\n  <\/div>\n  <div class=\"vf-stack\">\n      <h1 class=\"vf-intro__heading\">\n      This is the intro block                <\/h1>\n        <h2 class=\"vf-intro__subheading\"><span style=\"font-weight: 400;\">Intro subheading.\u00a0<\/span><\/h2>\n            <p class=\"vf-lede\"><span style=\"font-weight: 400\">Intro lede text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis risus eu sem vehicula sollicitudin.<\/span><\/p>\n            <p class=\"vf-intro__text\"><span style=\"font-weight: 400\">Intro text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis risus eu sem vehicula sollicitudin. In auctor velit odio, vel molestie ipsum interdum nec. Praesent nec ante eu metus dapibus pharetra. Nullam metus nunc, varius et ex vitae, congue blandit felis. Nunc a rutrum odio. Ut in ex nunc. Cras a nisi ante. Maecenas sit amet lacus quis magna tincidunt posuere eleifend pretium sem.<\/span><\/p>\n    \n  <\/div>\n<\/section>\n<!--\/vf-intro-->\n\n\n\n<div class=\"embl-grid embl-grid--has-centered-content\"><div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<div class=\"vf-section-header | vf-u-margin__bottom--400\">\n  <h2 class=\"vf-section-header__heading\" \n      >\n      \n          Section header      <\/h2>\n\n  \n      <p class=\"vf-section-header__text\">Section header text<\/p>\n  <\/div>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis risus eu sem vehicula sollicitudin. In auctor velit odio, vel molestie ipsum interdum nec. Praesent nec ante eu metus dapibus pharetra.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nullam metus nunc, varius et ex vitae, congue blandit felis. Nunc a rutrum odio. Ut in ex nunc. Cras a nisi ante. Maecenas sit amet lacus quis magna tincidunt posuere eleifend pretium sem. Vestibulum tincidunt mauris ante, non malesuada eros vehicula ac. Fusce tristique massa augue, eget faucibus diam consequat quis.<\/p>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<div class=\"vf-box vf-box--normal vf-box-theme--quinary | vf-u-margin__bottom--400\">\n      <h3 class=\"vf-box__heading\">\n                This is a Box                  <\/h3> \n        <p class=\"vf-box__text\"><span style=\"font-weight: 400\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis risus eu sem vehicula sollicitudin.<\/span><\/p>\n<\/div>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"vf-divider\">\n\n\n\n<div class=\"embl-grid embl-grid--has-centered-content\"><div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<div class=\"vf-section-header | vf-u-margin__bottom--400\">\n  <h2 class=\"vf-section-header__heading\" \n      >\n      \n          <a class=\"vf-section-header__heading vf-section-header__heading--is-link\"\n                  target=\"_self\"\n         href=\"\">\n        Section header        <svg aria-hidden=\"true\" class=\"vf-section-header__icon | vf-icon vf-icon-arrow--inline-end\" width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0C5.376.008.008 5.376 0 12zm13.707-5.209l4.5 4.5a1 1 0 010 1.414l-4.5 4.5a1 1 0 01-1.414-1.414l2.366-2.367a.25.25 0 00-.177-.424H6a1 1 0 010-2h8.482a.25.25 0 00.177-.427l-2.366-2.368a1 1 0 011.414-1.414z\" fill=\"\" fill-rule=\"nonzero\"><\/path>\n        <\/svg>\n      <\/a>\n      <\/h2>\n\n  \n      <p class=\"vf-section-header__text\">Section header text. Consectetur adipiscing elit. Nam venenatis risus eu sem vehicula sollicitudin. In auctor velit odio, vel molestie ipsum interdum nec<\/p>\n  <\/div>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<h4 class=\"wp-block-heading\">This is a Heading H4<\/h4>\n\n\n\n<div class=\"vf-grid | vf-grid__col-2\"><div><!--[vf\/content]-->\n<div class=\"vf-content\">\n<div class=\"vf-links\">\n    <ul class=\"vf-links__list vf-list\">\n    <li class=\"vf-list__item\">\n      <\/li>\n    <li class=\"vf-list__item\">\n      <\/li>\n    <li class=\"vf-list__item\">\n      <\/li>\n    <li class=\"vf-list__item\">\n      <\/li>\n  <\/ul>\n\n<\/div>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n<div class=\"vf-links\">\n    <ul class=\"vf-links__list vf-list\">\n    <li class=\"vf-list__item\">\n      <\/li>\n    <li class=\"vf-list__item\">\n      <\/li>\n    <li class=\"vf-list__item\">\n      <\/li>\n  <\/ul>\n\n<\/div>\n\n<\/div>\n<\/div>\n<\/div>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<figure class=\"vf-figure wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"425\" class=\"vf-figure__image\" src=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/placeholder.jpg\" alt=\"\" class=\"wp-image-539\" srcset=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/placeholder.jpg 620w, https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/placeholder-300x206.jpg 300w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><figcaption class=\"vf-figure__caption\">This is an image<\/figcaption><\/figure>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"vf-divider\">\n\n\n\n<div class=\"embl-grid\"><div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<div class=\"vf-section-header | vf-u-margin__bottom--400\">\n  <h2 class=\"vf-section-header__heading\" \n      >\n      \n          <a class=\"vf-section-header__heading vf-section-header__heading--is-link\"\n                  target=\"_self\"\n         href=\"\">\n        Section header        <svg aria-hidden=\"true\" class=\"vf-section-header__icon | vf-icon vf-icon-arrow--inline-end\" width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0C5.376.008.008 5.376 0 12zm13.707-5.209l4.5 4.5a1 1 0 010 1.414l-4.5 4.5a1 1 0 01-1.414-1.414l2.366-2.367a.25.25 0 00-.177-.424H6a1 1 0 010-2h8.482a.25.25 0 00.177-.427l-2.366-2.368a1 1 0 011.414-1.414z\" fill=\"\" fill-rule=\"nonzero\"><\/path>\n        <\/svg>\n      <\/a>\n      <\/h2>\n\n  \n      <p class=\"vf-section-header__text\">Section header text. In auctor velit odio, vel molestie ipsum interdum nec<\/p>\n  <\/div>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<h4 class=\"wp-block-heading\">This is a Heading H4<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis risus eu sem vehicula sollicitudin. Praesent nec ante eu metus dapibus pharetra.<\/p>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<h4 class=\"wp-block-heading\">This is a Heading H4<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Nullam metus nunc, varius et ex vitae, congue blandit felis. Nunc a rutrum odio. Ut in ex nunc. Cras a nisi ante. Maecenas sit amet lacus quis magna tincidunt posuere eleifend pretium sem<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"vf-divider\">\n\n\n\n<div class=\"embl-grid embl-grid--has-centered-content\"><div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<div class=\"vf-section-header | vf-u-margin__bottom--400\">\n  <h2 class=\"vf-section-header__heading\" \n      >\n      \n          Section header      <\/h2>\n\n  \n      <p class=\"vf-section-header__text\">Section header text<\/p>\n  <\/div>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n<div class=\"vf-links\">\n      <h3 class=\"vf-links__heading\">This is a Links list<\/h3>\n    <ul class=\"vf-links__list vf-list\">\n    <li class=\"vf-list__item\">\n      <\/li>\n    <li class=\"vf-list__item\">\n      <\/li>\n    <li class=\"vf-list__item\">\n      <\/li>\n  <\/ul>\n\n<\/div>\n\n\n<div class=\"vf-links\">\n      <h3 class=\"vf-links__heading\">This is a Links list<\/h3>\n    <ul class=\"vf-links__list vf-list\">\n    <li class=\"vf-list__item\">\n      <\/li>\n    <li class=\"vf-list__item\">\n      <\/li>\n    <li class=\"vf-list__item\">\n          <span class=\"vf-badge vf-badge--primary\">\n        Lorem      <\/span>\n      <\/li>\n    <li class=\"vf-list__item\">\n      <\/li>\n  <\/ul>\n\n<\/div>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<article class=\"vf-card vf-card--brand vf-card--striped vf-u-margin__bottom--800\" >\n  <img decoding=\"async\" width=\"620\" height=\"425\" src=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/placeholder.jpg\" class=\"vf-card__image\" alt=\"\" loading=\"lazy\" itemprop=\"image\" srcset=\"https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/placeholder.jpg 620w, https:\/\/stable.visual-framework.dev\/wordpress\/wp-content\/uploads\/2021\/02\/placeholder-300x206.jpg 300w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/>\n  <div class=\"vf-card__content | vf-stack vf-stack--400\">\n          <h3 class=\"vf-card__heading\">\n        \n        This is a Card\n              <\/h3>\n    \n    \n          <p class=\"vf-card__text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n      <\/div>\n<\/article>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"vf-divider\">\n\n\n\n<div class=\"embl-grid embl-grid--has-centered-content\"><div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<div class=\"vf-section-header | vf-u-margin__bottom--400\">\n  <h2 class=\"vf-section-header__heading\" \n      >\n      \n          <a class=\"vf-section-header__heading vf-section-header__heading--is-link\"\n                  target=\"_self\"\n         href=\"\">\n        Latest news        <svg aria-hidden=\"true\" class=\"vf-section-header__icon | vf-icon vf-icon-arrow--inline-end\" width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0C5.376.008.008 5.376 0 12zm13.707-5.209l4.5 4.5a1 1 0 010 1.414l-4.5 4.5a1 1 0 01-1.414-1.414l2.366-2.367a.25.25 0 00-.177-.424H6a1 1 0 010-2h8.482a.25.25 0 00.177-.427l-2.366-2.368a1 1 0 011.414-1.414z\" fill=\"\" fill-rule=\"nonzero\"><\/path>\n        <\/svg>\n      <\/a>\n      <\/h2>\n\n  \n      <p class=\"vf-section-header__text\">This is EMBL grid with a section header and the EMBL News block<\/p>\n  <\/div>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n<div class=\"vf-content-hub-html\" data-cache=\"7a81a388\">\n  <!-- Generated by: http:\/\/content.embl.org\/api\/v1\/pattern.html?filter-content-type=article&amp;filter-field-value%5Bfield_target_display%5D=embl&amp;limit=3&amp;pattern=vf-news-item-default&amp;sort-field-value%5Bcreated%5D=DESC -->\n      <article class=\"vf-summary vf-summary--news\" data-embl-js-conditional-edit=\"2658385\">\n\n              <span class=\"vf-summary__date\">05 Oct 2026<\/span>\n      \n                    <img decoding=\"async\" src=\"https:\/\/acxngcvroo.cloudimg.io\/v7\/https:\/\/www.embl.org\/news\/wp-content\/uploads\/2026\/10\/Cover-final-1000x600-1.jpg?w=600&amp;h=400&amp;force_format=jpeg&amp;q=30\" alt=\"News image\" class=\"vf-summary__image\" \/>\n      \n              <h3 class=\"vf-summary__title\">\n                      <a href=\"https:\/\/www.embl.org\/news\/science-technology\/how-embryos-switch-on-their-genome\/\" class=\"vf-summary__link\">How embryos switch on their genome<\/a>\n                  <\/h3>\n      \n              <p class=\"vf-summary__text\">\n                    Researchers at EMBL Rome developed a precision in vitro fertilisation protocol to obtain unprecedented insight into embryonic genome activation in mammals. Their work reveals previously unknown patter\u2026\n        <\/p>\n      \n      <a class=\"vf-text vf-text--body-r vf-link embl-conditional-edit\" rel=\"noopener noreferrer nofollow\" href=\"\/node\/2658385\" target=\"_blank\">Edit<\/a>\n\n    <\/article>\n      <article class=\"vf-summary vf-summary--news\" data-embl-js-conditional-edit=\"2631285\">\n\n              <span class=\"vf-summary__date\">30 Sep 2026<\/span>\n      \n                    <img decoding=\"async\" src=\"https:\/\/acxngcvroo.cloudimg.io\/v7\/https:\/\/www.embl.org\/news\/wp-content\/uploads\/2026\/09\/Gretel_Prevedel_4.jpg?w=600&amp;h=400&amp;force_format=jpeg&amp;q=30\" alt=\"News image\" class=\"vf-summary__image\" \/>\n      \n              <h3 class=\"vf-summary__title\">\n                      <a href=\"https:\/\/www.embl.org\/news\/science-technology\/sickness-is-a-whole-brain-state\/\" class=\"vf-summary__link\">Sickness is a \u2018whole-brain state\u2019<\/a>\n                  <\/h3>\n      \n              <p class=\"vf-summary__text\">\n                    We are all familiar with that dreaded sensation: a whole-body achiness and fatigue, waves of both bone-chilling cold and acute sweating that cause one to pull cosy blankets closer and only moments lat\u2026\n        <\/p>\n      \n      <a class=\"vf-text vf-text--body-r vf-link embl-conditional-edit\" rel=\"noopener noreferrer nofollow\" href=\"\/node\/2631285\" target=\"_blank\">Edit<\/a>\n\n    <\/article>\n      <article class=\"vf-summary vf-summary--news\" data-embl-js-conditional-edit=\"2625793\">\n\n              <span class=\"vf-summary__date\">29 Sep 2026<\/span>\n      \n                    <img decoding=\"async\" src=\"https:\/\/acxngcvroo.cloudimg.io\/v7\/https:\/\/www.embl.org\/news\/wp-content\/uploads\/2026\/09\/cover-1000x600-.png?w=600&amp;h=400&amp;force_format=jpeg&amp;q=30\" alt=\"News image\" class=\"vf-summary__image\" \/>\n      \n              <h3 class=\"vf-summary__title\">\n                      <a href=\"https:\/\/www.embl.org\/news\/connections\/exploring-the-future-of-life-sciences-at-embl-rome\/\" class=\"vf-summary__link\">Exploring the future of life sciences at EMBL Rome<\/a>\n                  <\/h3>\n      \n              <p class=\"vf-summary__text\">\n                    EMBL hosted its first Rome Future Week event, bringing together PhD students, researchers, and industry professionals to explore the technologies shaping the future of life sciences.\n        <\/p>\n      \n      <a class=\"vf-text vf-text--body-r vf-link embl-conditional-edit\" rel=\"noopener noreferrer nofollow\" href=\"\/node\/2625793\" target=\"_blank\">Edit<\/a>\n\n    <\/article>\n  <\/div>\n\n<\/div>\n<\/div>\n\n\n<div><!--[vf\/content]-->\n<div class=\"vf-content\">\n\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"embl_taxonomy":[],"class_list":["post-538","page","type-page","status-publish","hentry"],"acf":[],"embl_taxonomy_terms":[],"_links":{"self":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/538","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/comments?post=538"}],"version-history":[{"count":29,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/538\/revisions"}],"predecessor-version":[{"id":698,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/pages\/538\/revisions\/698"}],"wp:attachment":[{"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/media?parent=538"}],"wp:term":[{"taxonomy":"embl_taxonomy","embeddable":true,"href":"https:\/\/stable.visual-framework.dev\/wordpress\/wp-json\/wp\/v2\/embl_taxonomy?post=538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}