{"id":171,"date":"2026-06-06T07:55:12","date_gmt":"2026-06-06T07:55:12","guid":{"rendered":"https:\/\/meremere.school.nz\/?page_id=171"},"modified":"2026-06-06T12:38:26","modified_gmt":"2026-06-06T12:38:26","slug":"contact-us-new","status":"publish","type":"page","link":"https:\/\/meremere.school.nz\/?page_id=171","title":{"rendered":"Contact Us-new"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* FOOTER *\/\n\n.school-footer {\n    background: #003366;\n    color: white;\n    padding-top: 70px;\n}\n\n\/* CONTAINER *\/\n\n.footer-container {\n    width: 90%;\n    max-width: 1300px;\n    margin: auto;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 50px;\n    padding-bottom: 50px;\n}\n\n\/* FOOTER BOX *\/\n\n.footer-box h3 {\n    font-size: 28px;\n    margin-bottom: 25px;\n}\n\n.footer-box p {\n    font-size: 17px;\n    line-height: 1.8;\n    color: #d6e4ff;\n}\n\n\/* LINKS *\/\n\n.footer-box ul {\n    list-style: none;\n}\n\n.footer-box ul li {\n    margin-bottom: 15px;\n}\n\n.footer-box ul li a {\n    text-decoration: none;\n    color: #d6e4ff;\n}\n\n\/* COPYRIGHT *\/\n\n.footer-bottom {\n    border-top: 1px solid rgba(255,255,255,0.2);\n    text-align: center;\n    padding: 20px;\n}\n\n.footer-bottom p {\n    color: #d6e4ff;\n    font-size: 15px;\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 768px){\n\n    .footer-container{\n        grid-template-columns: 1fr;\n        text-align: center;\n    }\n\n}\n\n\/* HEADER *\/\n\n.school-header {\n    background: #ffffff;\n    padding: 20px;\n    border-bottom: 3px solid #0056b3;\n}\n\n\/* TOP HEADER *\/\n\n.top-header{\n    position: relative;\n    display: flex;\n    align-items: center;\n    margin-bottom: 25px;\n    min-height: 170px;\n}\n\n.school-title{\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    text-align: center;\n    width: 100%;\n}\n\n\/* LOGO *\/\n\n.logo-section{\n    margin-left: 40px;\n    z-index: 2;\n}\n\n.logo-section img {\n    width: 150px;\n    height: auto;\n    display: block;\n}\n\n\/* SCHOOL TITLE *\/\n\n.school-title {\n    font-size: 54px;\n    color: #003366;\n    background: #ffffff;\n    font-family: Arial, sans-serif;\n}\n\n.school-title a {\n    text-decoration: none;\n    color: #003366;\n}\n\n\/* NAVIGATION *\/\n\n.main-nav{\n    width: 100%;\n    background: #ffffff;\n    padding: 20px 0;\n}\n\n\/* BUTTONS *\/\n\n.nav-btn{\n    text-decoration: none;\n    color: white;\n    padding: 14px 26px;\n    border-radius: 14px;\n    font-size: 18px;\n    font-weight: 600;\n    transition: 0.3s ease;\n    display: inline-block;\n}\n\n.blue-btn{\n    background: #0086ff;\n}\n\n.light-btn{\n    background: #d498ff;\n}\n\n.purple-btn{\n    background: #58dabc;\n}\n\n.green-btn{\n    background: #00ee2e;\n}\n\n.white-btn{\n    background: #17b6c1;\n}\n\n.orange-btn{\n    background: #e2e750;\n}\n\n\/* NAV *\/\n\n.nav-top{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n}\n\n\/* DROPDOWN *\/\n\n.dropdown{\n    position: relative;\n}\n\n.dropdown-content{\n    display: none;\n    position: absolute;\n    top: 60px;\n    left: 0;\n    min-width: 220px;\n    background: white;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n    z-index: 999;\n}\n\n.dropdown-content a{\n    display: block;\n    padding: 14px 18px;\n    text-decoration: none;\n    color: #222;\n}\n\n.dropdown:hover .dropdown-content{\n    display: block;\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 768px){\n\n    .top-header{\n        flex-direction: column;\n    }\n\n    .school-title{\n        font-size: 28px;\n    }\n\n    .nav-top{\n        flex-direction: column;\n    }\n\n}\n\n\/* INNER BANNER *\/\n\/* INNER BANNER *\/\n\/* INNER BANNER *\/\n\n\/* INNER BANNER *\/\n\n.inner-banner {\n    position: relative;\n    width: 100%;\n    height: 450px;\n\n    background-image: url(\"https:\/\/meremere.school.nz\/wp-content\/uploads\/2026\/06\/11.png\");\n\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* OVERLAY *\/\n\n.banner-overlay {\n    background: rgba(0,0,0,0.45);\n    width: 100%;\n    height: 100%;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    color: white;\n    text-align: center;\n    padding: 20px;\n}\n\/* OVERLAY *\/\n\n.banner-overlay {\n    background: rgba(0,0,0,0.45);\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    text-align: center;\n    padding: 20px;\n}\n\n\/* TITLE *\/\n\n.banner-overlay h1 {\n    font-size: 68px;\n    margin-bottom: 20px;\n}\n\n\/* TEXT *\/\n\n.banner-overlay p {\n    font-size: 24px;\n    max-width: 700px;\n    line-height: 1.7;\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 768px) {\n\n    .inner-banner {\n        height: 320px;\n    }\n\n    .banner-overlay h1 {\n        font-size: 42px;\n    }\n\n    .banner-overlay p {\n       font-size: 18px;\n    }\n\n}\n\n\n\/* CONTACT SECTION *\/\n\n.contact-section {\n    padding: 100px 40px;\n    background: #ffffff;\n}\n\n\/* CONTAINER *\/\n\n.contact-container {\n    max-width: 1300px;\n    margin: auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: start;\n}\n\n\/* CONTACT INFO *\/\n\n.contact-info h2 {\n    font-size: 52px;\n    color: #003366;\n    margin-bottom: 25px;\n}\n\n.contact-info p {\n    font-size: 20px;\n    line-height: 1.8;\n    color: #555555;\n    margin-bottom: 30px;\n}\n\n\/* INFO BOX *\/\n\n.info-box {\n    margin-bottom: 30px;\n}\n\n.info-box h3 {\n    font-size: 26px;\n    color: #003366;\n    margin-bottom: 10px;\n}\n\n\/* FORM *\/\n\n.contact-form form {\n    background: #f5f9ff;\n    padding: 45px;\n    border-radius: 20px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n}\n\n\/* INPUTS *\/\n\n.contact-form input,\n.contact-form textarea {\n    width: 100%;\n    padding: 16px;\n    margin-bottom: 20px;\n    border: 1px solid #cccccc;\n    border-radius: 10px;\n    font-size: 17px;\n}\n\n\/* TEXTAREA *\/\n\n.contact-form textarea {\n    height: 160px;\n    resize: none;\n}\n\n\/* BUTTON *\/\n\n.contact-form button {\n    background: #003b8e;\n    color: white;\n    border: none;\n    padding: 16px 30px;\n    font-size: 18px;\n    border-radius: 10px;\n    cursor: pointer;\n    transition: 0.3s;\n}\n\n\/* HOVER *\/\n\n.contact-form button:hover {\n    background: #0056b3;\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 768px) {\n\n    .contact-section {\n        padding: 60px 20px;\n    }\n\n    .contact-container {\n        grid-template-columns: 1fr;\n    }\n\n    .contact-info h2 {\n        font-size: 36px;\n    }\n\n    .contact-info p {\n       font-size: 18px;\n    }\n\n    .contact-form form {\n        padding: 30px 20px;\n    }\n\n}\n\n\n\/* MAP SECTION *\/\n\n.map-section {\n    background: #f5f9ff;\n    padding: 100px 40px;\n}\n\n\/* HEADING *\/\n\n.map-heading {\n    text-align: center;\n    margin-bottom: 60px;\n}\n\n.map-heading h2 {\n    font-size: 52px;\n    color: #003366;\n    margin-bottom: 20px;\n}\n\n.map-heading p {\n    font-size: 22px;\n    color: #666666;\n}\n\n\/* MAP *\/\n\n.map-container {\n    max-width: 1300px;\n    margin: auto;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n}\n\n\/* IFRAME *\/\n\n.map-container iframe {\n    width: 100%;\n    height: 500px;\n    border: 0;\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 768px) {\n\n    .map-section {\n        padding: 60px 20px;\n    }\n\n    .map-heading h2 {\n        font-size: 36px;\n    }\n\n    .map-heading p {\n       font-size: 18px;\n    }\n\n    .map-container iframe {\n        height: 350px;\n    }\n\n}\n<\/style>\n\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link rel=\"stylesheet\" href=\"css\/header.css\">\n\n    <link rel=\"stylesheet\" href=\"css\/footer.css\">\n\n    <link rel=\"stylesheet\" href=\"css\/home.css\">\n    \n    <title>Meremere School<\/title>\n\n   \n\n \n<!-- java-script -->\n   <script src=\"js\/include.js\"><\/script> \n\n\n\n\n\n   <!--  <script src=\"js\/include.js\"><\/script> -->\n\n    <!-- HEADER -->\n\n   <header class=\"school-header\">\n\n    <div class=\"top-header\">\n\n        <div class=\"logo-section\">\n            <img decoding=\"async\" src=\"https:\/\/meremere.school.nz\/wp-content\/uploads\/2026\/06\/logo.png\" alt=\"Meremere School Logo\">\n        <\/div>\n\n        <h1 class=\"school-title\">\n            <a href=\"https:\/\/meremere.school.nz\/\">Meremere School<\/a>\n        <\/h1>\n\n    <\/div>\n\n    <nav class=\"main-nav\">\n\n        <div class=\"nav-top\">\n\n            <a href=\"https:\/\/meremere.school.nz\/?page_id=146\" class=\"nav-btn blue-btn\">\n                Our People\n            <\/a>\n\n            <a href=\"https:\/\/meremere.school.nz\/?page_id=151\" class=\"nav-btn light-btn\">\n                Our Students\n            <\/a>\n\n            <div class=\"dropdown\">\n\n                <a href=\"https:\/\/meremere.school.nz\/?page_id=156\" class=\"nav-btn purple-btn\">\n                    Our School \u25bc\n                <\/a>\n\n                <div class=\"dropdown-content\">\n\n                    <a href=\"our-school.html\">Vision<\/a>\n                    <a href=\"our-school.html\">Mission<\/a>\n                    <a href=\"our-school.html\">Values<\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <a href=\"https:\/\/meremere.school.nz\/?page_id=161\" class=\"nav-btn white-btn\">\n                Learning \/ Attendance\n            <\/a>\n\n            <a href=\"https:\/\/meremere.school.nz\/?page_id=166\" class=\"nav-btn orange-btn\">\n                School Administration\n            <\/a>\n\n            <a href=\"https:\/\/meremere.school.nz\/?page_id=171\" class=\"nav-btn green-btn\">\n                Contact Us\n            <\/a>\n\n        <\/div>\n\n    <\/nav>\n\n<\/header>\n\n    <!-- HEADER end-->\n\n\n<meta charset=\"UTF-8\">\n\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <title>Contact Us<\/title>\n\n<link rel=\"stylesheet\" href=\"css\/header.css\">\n\n<link rel=\"stylesheet\" href=\"css\/footer.css\">\n\n<link rel=\"stylesheet\" href=\"css\/contact.css\">\n\n     <!-- java-script -->\n   <script src=\"js\/include.js\"><\/script> \n\n\n\n\n\n   <!-- HEADER -->\n\n    <div id=\"header\"><\/div>\n\n    <!-- HEADER end-->\n\n\n<!-- CONTACT BANNER START -->\n\n<section class=\"inner-banner contact-banner\">\n\n    <div class=\"banner-overlay\">\n\n        <h1>Contact Us<\/h1>\n\n        <p>\n            We would love to hear from you and welcome your enquiries.\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n<!-- CONTACT BANNER END -->\n\n\n<!-- CONTACT INFO SECTION START -->\n\n<section class=\"contact-section\">\n\n    <div class=\"contact-container\">\n\n        <!-- CONTACT DETAILS -->\n\n        <div class=\"contact-info\">\n\n            <h2>Get In Touch<\/h2>\n\n            <p>\n                Feel free to contact Meremere School for\n                enrolments, general enquiries or school information.\n            <\/p>\n\n            <div class=\"info-box\">\n                <h3>Address<\/h3>\n                <p>Meremere, New Zealand<\/p>\n            <\/div>\n\n            <div class=\"info-box\">\n                <h3>Phone<\/h3>\n                <p>+00 123 456 789<\/p>\n            <\/div>\n\n            <div class=\"info-box\">\n                <h3>Email<\/h3>\n                <p>info@meremere.school<\/p>\n            <\/div>\n\n        <\/div>\n\n        <!-- CONTACT FORM -->\n\n        <div class=\"contact-form\">\n\n            <form>\n\n                <input type=\"text\" placeholder=\"Your Name\" required=\"\">\n\n                <input type=\"email\" placeholder=\"Your Email\" required=\"\">\n\n                <input type=\"text\" placeholder=\"Subject\">\n\n                <textarea placeholder=\"Your Message\"><\/textarea>\n\n                <button type=\"submit\">Send Message<\/button>\n\n            <\/form>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<!-- CONTACT INFO SECTION END -->\n\n<!-- MAP SECTION START -->\n\n<section class=\"map-section\">\n\n    <div class=\"map-heading\">\n\n        <h2>Find Us<\/h2>\n \n\n        <p>\n            Visit Meremere School and connect with our community.\n        <\/p>\n\n    <\/div>\n\n    <!-- MAP -->\n\n    <div class=\"map-container\">\n\n        <iframe src=\"https:\/\/www.google.com\/maps?q=New+Zealand&amp;output=embed\" allowfullscreen=\"\" loading=\"lazy\">\n        <\/iframe>\n\n    <\/div>\n\n<\/section>\n\n<!-- MAP SECTION END -->\n<!-- FOOTER -->\n\n    <!-- FOOTER START -->\n\n<footer class=\"school-footer\">\n\n    <div class=\"footer-container\">\n\n        <!-- FOOTER ABOUT -->\n\n        <div class=\"footer-box\">\n\n            <h3>Meremere School<\/h3>\n\n            <p>\n                Creating a caring and inspiring environment\n                where every child can believe, achieve and succeed.\n            <\/p>\n\n        <\/div>\n\n        <!-- QUICK LINKS -->\n\n        <div class=\"footer-box\">\n\n            <h3>Quick Links<\/h3>\n\n            <ul>\n                <li><a href=\"our-people.html\">Our People<\/a><\/li>\n                <li><a href=\"our-students.html\">Our Students<\/a><\/li>\n                <li><a href=\"our-school.html\">Our School<\/a><\/li>\n                <li><a href=\"learning-attendance.html\">Learning \/ Attendance<\/a><\/li>\n                <li><a href=\"contact.html\">Contact Us<\/a><\/li>\n            <\/ul>\n\n        <\/div>\n\n        <!-- CONTACT -->\n\n        <div class=\"footer-box\">\n\n            <h3>Contact Us<\/h3>\n\n            <p>Email: info@meremere.school<\/p>\n\n            <p>Phone: +00 123 456 789<\/p>\n\n            <p>Meremere, New Zealand<\/p>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- COPYRIGHT -->\n\n    <div class=\"footer-bottom\">\n\n        <p>\n            \u00a9 2026 Meremere School. All Rights Reserved.\n        <\/p>\n\n    <\/div>\n\n<\/footer>\n\n<!-- FOOTER END -->\n\n    <!-- JAVASCRIPT -->\n","protected":false},"excerpt":{"rendered":"<p>Meremere School Meremere School Our People Our Students Our School \u25bc Vision Mission Values Learning \/ Attendance School Administration Contact Us Contact Us Contact Us We would love to hear from you and welcome your enquiries. Get In Touch Feel free to contact Meremere School for enrolments, general enquiries or school information. Address Meremere, New [&hellip;]<\/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-171","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/meremere.school.nz\/index.php?rest_route=\/wp\/v2\/pages\/171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meremere.school.nz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/meremere.school.nz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/meremere.school.nz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/meremere.school.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=171"}],"version-history":[{"count":12,"href":"https:\/\/meremere.school.nz\/index.php?rest_route=\/wp\/v2\/pages\/171\/revisions"}],"predecessor-version":[{"id":349,"href":"https:\/\/meremere.school.nz\/index.php?rest_route=\/wp\/v2\/pages\/171\/revisions\/349"}],"wp:attachment":[{"href":"https:\/\/meremere.school.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}