{"id":4907,"date":"2026-10-31T15:18:11","date_gmt":"2026-10-31T15:18:11","guid":{"rendered":"https:\/\/www.dasunit.com\/Galleries\/?page_id=4907"},"modified":"2026-10-31T16:54:13","modified_gmt":"2026-10-31T16:54:13","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.dasunit.com\/Galleries\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n\n\t<style>\nnav.dasunit-main-nav {\n  display: block !important;\n  position: relative;\n  z-index: 9999;\n  width: 100%;\n  background: #fff;\n  color: #111;\n  font-family: inherit;\n}\n.dasunit-main-nav > ul.main-menu {\n  display: flex !important;\n  justify-content: flex-end;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: .75rem 2rem;\n  list-style: none !important;\n  margin: 0 !important;\n  padding: .8rem 1rem !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n}\n.dasunit-main-nav li {\n  position: relative;\n  display: block;\n  margin: 0;\n}\n.dasunit-main-nav a {\n  display: block;\n  color: #111 !important;\n  text-decoration: none;\n  font-size: .9rem;\n}\n.dasunit-main-nav a:hover,\n.dasunit-main-nav a:focus {\n  text-decoration: underline;\n}\n.dasunit-main-nav .sub-menu {\n  display: none !important;\n  position: absolute;\n  top: 100%;\n  right: 0;\n  z-index: 10000;\n  min-width: 220px;\n  flex-direction: column;\n  list-style: none !important;\n  margin: 0 !important;\n  padding: .35rem 0 !important;\n  background: #fff;\n  border: 1px solid #ddd;\n}\n.dasunit-main-nav .has-submenu:hover > .sub-menu,\n.dasunit-main-nav .has-submenu:focus-within > .sub-menu {\n  display: flex !important;\n}\n.dasunit-main-nav .sub-menu a {\n  padding: .55rem .8rem;\n  color: #111 !important;\n  white-space: nowrap;\n}\n.content-bottom-bar {\n  max-width: 900px;\n  margin: 2rem auto 0;\n  padding: 1rem 20px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: .75rem;\n}\n.content-bottom-bar a {\n  display: inline-block;\n  padding: .65rem .9rem;\n  border: 1px solid #999;\n  color: #111;\n  background: #fff;\n  text-decoration: none;\n  font-size: .85rem;\n}\n.content-bottom-bar a:hover,\n.content-bottom-bar a:focus {\n  border-color: #111;\n  text-decoration: underline;\n}\n@media (max-width: 768px) {\n  .dasunit-main-nav > ul.main-menu {\n    justify-content: center;\n    gap: .75rem 1.2rem;\n  }\n  .dasunit-main-nav .sub-menu {\n    right: auto;\n    left: 0;\n  }\n  .content-bottom-bar {\n    padding: 1rem 15px;\n  }\n}\n<\/style>\n<nav aria-label=\"Main navigation\">\n  <ul>\n    <li><a href=\"\/Galleries\/work\/\">Work<\/a><\/li>\n    <li><a href=\"\/Galleries\/prints\/\">Prints<\/a><\/li>\n    <li>\n      <a href=\"\/Galleries\/artist\/\" aria-haspopup=\"true\">Artist<\/a>\n      <ul>\n        <li><a href=\"\/artist\/\">Artist Statement &amp; Biography<\/a><\/li>\n        <li><a href=\"\/artist\/#archival-material\">Archive &amp; Research<\/a><\/li>\n        <li><a href=\"\/Galleries\/commissioned-work\/\">Selected Commissioned Work<\/a><\/li>\n      <\/ul>\n    <\/li>\n    <li><a href=\"\/Galleries\/news-communication\/\">News &amp; Communication<\/a><\/li>\n    <li><a href=\"\/Galleries\/contact\/\">Contact<\/a><\/li>\n  <\/ul>\n<\/nav>\n<section>\n    <header>\n      <h1>CONTACT<\/h1>\n    <\/header>\n    <!-- Put the actual Work page content here. -->\n<\/section>\n  <a href=\"\/Galleries\/information-news\/\" id=\"return-to-menu-btn\">\n    Return to Information &amp; News\n  <\/a>\n  <a href=\"\/\">Return to Home Page<\/a>\n<!-- Keep the existing legal footer after these return links. -->\n<!-- Keep any actual page script at the bottom. -->\n\tYes, I confirm this is exactly what I meant. Thank you for providing the complete, actual code for the **&#8221;Information &#038; News&#8221; (Menu) page**. This is much better, as it allows me to give you a precise, final version to paste back in, preserving all your other work like the email modal.\nThe links in the code you provided are the problem. For example:\n&#8220;`html\n<!-- Incorrect link, leads to a 404 error -->\n<li><a href=\"\/artist-biography\">Artist Biography<\/a><\/li> \n&#8220;`\nThis points to `https:\/\/your-site.com\/artist-biography`, which doesn&#8217;t exist.\nIt needs to be changed to point to the correct page slug (`\/information-and-news-content\/`) and include the anchor hash (`#artist-biography`).\n&#8220;`html\n<!-- Corrected link -->\n<li><a href=\"\/information-and-news-content\/#artist-biography\">Artist Biography<\/a><\/li>\n&#8220;`\n### Your Updated and Final Code\nHere is the complete code for your &#8220;Information &#038; News&#8221; page, with **only the links (`href` attributes) updated**. The rest of your code-the structure, the email modal, the CSS, and the script-is untouched.\n**Action:**\n1.  Go to your &#8220;Information &#038; News&#8221; page in Beaver Builder.\n2.  Open the HTML module.\n3.  **Delete all the code** currently inside it.\n4.  **Copy and paste this entire block** below in its place.\n5.  Save and publish. Your tests should now succeed.\n&#8220;`html\n<!-- INFORMATION & NEWS - Extended Documentation Layout (v3 - CORRECTED LINKS) -->\n<section>\n    <header>\n      <h1>INFORMATION &#038; NEWS<\/h1>\n      <p>Documentation \/ Legal \/ Artist Material<\/p>\n    <\/header>\n    <!-- Artist Documentation -->\n      <h2>ARTIST DOCUMENTATION<\/h2>\n      <ul>\n        <li><a href=\"\/information-and-news-content\/#artist-biography\">Artist Biography<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#artist-statement\">Artist Statement<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#artistic-method\">Artistic Method &#038; Technical Practice<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#selected-works\">Selected Works &#038; Series Overview<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#bibliography-publications\">Bibliography &#038; Publications<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#exhibitions-commissions\">Exhibitions &#038; Commissions<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#collections-provenance\">Collections &#038; Provenance<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#awards-residencies\">Awards &#038; Residencies<\/a><\/li>\n      <\/ul>\n    <!-- Legal Framework -->\n      <h2>LEGAL FRAMEWORK<\/h2>\n      <ul>\n        <li><a href=\"\/information-and-news-content\/#copyright-moral-rights\">Copyright &#038; Moral Rights Statement<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#licensing-usage-terms\">Licensing &#038; Usage Terms<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#collector-gallery-rights\">Collector &#038; Gallery Rights<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#privacy-gdpr-policy\">Privacy &#038; GDPR Policy<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#website-terms-conditions\">Website Terms &#038; Conditions<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#digital-preservation-archival-policy\">Digital Preservation &#038; Archival Policy<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#authenticity-edition-control\">Authenticity &#038; Edition Control<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#intellectual-property-collaboration\">Intellectual Property in Collaboration<\/a><\/li>\n      <\/ul>\n    <!-- Archival Material -->\n      <h2>ARCHIVAL MATERIAL<\/h2>\n      <ul>\n        <li><a href=\"\/information-and-news-content\/#catalogue-raisonne\">Catalogue Raisonn\u00e9 (In Preparation)<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#conservation-print-standards\">Conservation &#038; Print Standards<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#digitisation-metadata-standards\">Digitisation &#038; Metadata Standards<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#archival-timeline\">Archival Timeline<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#institutional-partnerships-archives\">Institutional Partnerships &#038; Archives<\/a><\/li>\n      <\/ul>\n    <!-- News & Communication -->\n      <h2>NEWS &#038; COMMUNICATION<\/h2>\n      <ul>\n        <li><a href=\"\/information-and-news-content\/#news-updates\">News &#038; Updates<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#press-downloads\">Press Downloads<\/a><\/li>\n        <li><a href=\"#\" id=\"openEmail\">Email &#038; Inquiries<\/a><\/li>\n        <li><a href=\"\/information-and-news-content\/#impressum-legal-notice\">Impressum \/ Legal Notice<\/a><\/li>\n      <\/ul>\n<\/section>\n<!-- =========================\n     FIXED BOTTOM BAR\n     ========================= -->\n  <a href=\"\/\">Return To Home Page<\/a>\n  <button id=\"emailButton\">\ud83d\udce9 Email<\/button>\n<!-- =========================\n     EMAIL MODAL\n     ========================= -->\n    &times;\n    <h2>Send Email<\/h2>\n    <form id=\"emailForm\">\n      <label for=\"emailTo\">To:<\/label>\n      <input type=\"email\" id=\"emailTo\" name=\"emailTo\" placeholder=\"recipient@example.com\" required\/>\n      <label for=\"emailSubject\">Subject:<\/label>\n      <input type=\"text\" id=\"emailSubject\" name=\"emailSubject\" placeholder=\"Subject\" required\/>\n      <label for=\"emailBody\">Message:<\/label>\n      <textarea id=\"emailBody\" name=\"emailBody\" rows=\"6\" placeholder=\"Type your message...\" required><\/textarea>\n        <label for=\"emailAttachment\">\ud83d\udcce Attach File<\/label>\n        <input type=\"file\" id=\"emailAttachment\" name=\"emailAttachment\"\/>\n      <button type=\"submit\">Send Email<\/button>\n    <\/form>\n<style>\n\/* ================================\n   INFORMATION & NEWS PAGE STYLES\n   ================================ *\/\n.info-news-section {\n  background-color: #fff;\n  color: #333;\n  padding: 80px 20px;\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n}\n.info-container {\n  max-width: 1400px;\n  margin: 0 auto;\n  width: 100%;\n}\n\/* ===========================\n   HEADER & STRUCTURE\n   =========================== *\/\n.info-header h1 {\n  font-size: 1.8rem;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  margin-bottom: 0.4em;\n}\n.info-header .subheader {\n  font-size: 0.9rem;\n  color: #666;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  margin-bottom: 3em;\n}\n.info-block {\n  margin-bottom: 3em;\n  border-top: 1px solid #ddd;\n  padding-top: 2em;\n}\n.info-block h2 {\n  font-size: 1rem;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #000;\n  margin-bottom: 1em;\n}\n.info-links {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.info-links li {\n  margin-bottom: 0.4em;\n}\n.info-links a {\n  text-decoration: none;\n  color: #444;\n  transition: all 0.2s ease;\n}\n.info-links a:hover {\n  color: #000;\n  text-decoration: underline;\n  opacity: 0.8;\n}\n\/* ===========================\n   FIXED BOTTOM BAR\n   =========================== *\/\n.bottom-bar {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  z-index: 1000;\n}\n.bottom-bar a.back-link {\n  background: #fff;\n  border: 1px solid #000;\n  padding: 8px 16px;\n  border-radius: 6px;\n  color: #000;\n  text-decoration: none;\n  font-size: 0.9rem;\n  transition: all 0.2s ease;\n}\n.bottom-bar a.back-link:hover {\n  background: #000;\n  color: #fff;\n}\n.bottom-bar .email-btn {\n  background: #000 !important;\n  color: #fff !important;\n  border: 1px solid #000 !important;\n  border-radius: 6px !important;\n  padding: 8px 16px !important;\n  font-size: 0.9rem !important;\n  cursor: pointer !important;\n  transition: background-color 0.3s ease;\n  outline: none !important;\n}\n.bottom-bar .email-btn:focus,\n.bottom-bar .email-btn:active {\n  background: #000 !important;\n  color: #fff !important;\n  transform: none !important;\n  box-shadow: none !important;\n}\n\/* ===========================\n   EMAIL MODAL\n   =========================== *\/\n.email-modal {\n  display: none;\n  position: fixed;\n  z-index: 1001;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0,0,0,0.6);\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.4s ease, visibility 0.4s ease;\n}\n.email-modal.show {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  opacity: 1;\n  visibility: visible;\n}\n.email-modal.fade-out {\n  opacity: 0;\n  visibility: hidden;\n}\n.email-modal-content {\n  background-color: #fff;\n  padding: 25px 30px;\n  border-radius: 10px;\n  width: 90%;\n  max-width: 500px;\n  box-shadow: 0 8px 30px rgba(0,0,0,0.2);\n  animation: slideUp 0.3s ease;\n  position: relative;\n}\n@keyframes slideUp {\n  from { transform: translateY(30px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n.email-modal-content h2 {\n  margin-top: 0;\n  font-size: 1.2rem;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n.close-email {\n  position: absolute;\n  top: 10px;\n  right: 18px;\n  font-size: 1.6rem;\n  cursor: pointer;\n  color: #666;\n  transition: color 0.2s ease;\n}\n.close-email:hover {\n  color: #000;\n}\n#emailForm {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n#emailForm input, #emailForm textarea {\n  font-size: 0.9rem;\n  padding: 8px;\n  border: 1px solid #ddd;\n  border-radius: 5px;\n  outline: none;\n}\n#emailForm input:focus, #emailForm textarea:focus {\n  border-color: #000;\n}\n.file-attach {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.attach-label {\n  font-size: 0.9rem;\n  cursor: pointer;\n}\n#emailAttachment {\n  font-size: 0.8rem;\n}\n.send-btn {\n  background-color: #000;\n  color: #fff;\n  border: none;\n  border-radius: 5px;\n  padding: 10px 15px;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n.send-btn:hover {\n  background-color: #333;\n}\n<\/style>\n&#8220;`\n\t<p>This website is copyright protected \u00a9 2025. Paul Robinson. DasUnitl Presentation. All rights Reserved \u00a9.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Work Prints Artist Artist Statement &amp; Biography Archive &amp; Research Selected Commissioned Work News &amp; Communication Contact CONTACT Return to Information &amp; News Return to Home Page Yes, I confirm this is exactly what I meant. Thank you for providing the complete, actual code for the **&#8221;Information &#038; News&#8221; (Menu) page**. This is much better,&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"tpl-no-header-footer.php","meta":{"footnotes":""},"class_list":["post-4907","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dasunit.com\/Galleries\/wp-json\/wp\/v2\/pages\/4907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dasunit.com\/Galleries\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dasunit.com\/Galleries\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dasunit.com\/Galleries\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dasunit.com\/Galleries\/wp-json\/wp\/v2\/comments?post=4907"}],"version-history":[{"count":4,"href":"https:\/\/www.dasunit.com\/Galleries\/wp-json\/wp\/v2\/pages\/4907\/revisions"}],"predecessor-version":[{"id":4926,"href":"https:\/\/www.dasunit.com\/Galleries\/wp-json\/wp\/v2\/pages\/4907\/revisions\/4926"}],"wp:attachment":[{"href":"https:\/\/www.dasunit.com\/Galleries\/wp-json\/wp\/v2\/media?parent=4907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}