diff --git a/css/site.css b/css/site.css index a70b3690..7c271722 100644 --- a/css/site.css +++ b/css/site.css @@ -157,3 +157,62 @@ body.custom-background { background-color: #ffffff; } font-size: 21px; } } + +/* Contact page form. */ +.contact-form { + display: grid; + gap: 14px; + max-width: 620px; + margin: 22px 0 0; +} + +.contact-field label { + display: block; + margin-bottom: 5px; + color: #444444; + font-size: 13px; + font-weight: 700; +} + +.contact-field input, +.contact-field select, +.contact-field textarea { + box-sizing: border-box; + width: 100%; + margin: 0; +} + +.contact-field input, +.contact-field select { + min-height: 38px; +} + +.contact-field textarea { + min-height: 150px; + resize: vertical; +} + +.contact-field input:focus, +.contact-field select:focus, +.contact-field textarea:focus { + outline: 2px solid #bf4d28; + outline-offset: 2px; +} + +.contact-actions { + display: flex; + flex-wrap: wrap; + gap: 12px; + align-items: center; +} + +.contact-actions .button { + margin: 0; + cursor: pointer; +} + +.contact-form-status { + min-height: 1.4em; + margin: 0; + color: #5c5c56; +} diff --git a/src/content/pages/contact.html b/src/content/pages/contact.html index 5b0ba8fa..857ca1c4 100644 --- a/src/content/pages/contact.html +++ b/src/content/pages/contact.html @@ -7,7 +7,37 @@

19 North Great Georges St.
Dublin 1, Ireland

Feel free to email us any questions you may have or to book an appointment to hear our lecture series of the Divine Principle or to organize a religious event at our church center: info@unification.ie

+
+
+ + +
-

Email us

+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +

+
+
diff --git a/src/pages/contact.astro b/src/pages/contact.astro index d9720ee9..4c6bd421 100644 --- a/src/pages/contact.astro +++ b/src/pages/contact.astro @@ -11,4 +11,43 @@ import articleHtml from "../content/pages/contact.html?raw"; canonical="/contact.html" > +