This repository has been archived by the owner on Jun 2, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
1 lines (1 loc) · 5.88 KB
/
contact.html
1
<html lang="en" prefix="og: http://ogp.me/ns#"><head><title>Contact | Amber&Gold</title><meta name="description" content="Brief description"><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta property="og:description" content="Love and care is key. Amber is here to help you take time to give this to yourself, your loved ones, and your environment."><meta property="og:title" content="Amber&Gold"><meta property="og:type" content="website"><meta property="og:url" content="http://amberandgold.earth/"><meta property="og:image" content="http://res.cloudinary.com/drobdev/image/upload/c_scale,w_906/v1572905606/AmberGold/holistic-facials-2.jpg"><meta property="og:image:secure_url" content="https://res.cloudinary.com/drobdev/image/upload/c_scale,w_906/v1572905606/AmberGold/holistic-facials-2.jpg"><meta property="og:image:width" content="906"><meta property="og:image:height" content="906"><meta property="og:image:alt" content="A hand holding yelow orange and white rose petals"><link rel="stylesheet" href="/normalize.a0fc6a26.css"><link rel="stylesheet" href="/styles.6aabc501.css"><link rel="stylesheet" href="https://use.typekit.net/zbx2ipi.css"></head><body> <div class="SiteHeaderSection"> <header class="Header--n"> <nav class="Nav--n"> <ul class="List--n"> <li class="ListItem--n"> <a href="/" class="Link--n"> <span class="line">Rituals</span> <span class="line">by Amber</span> </a> </li> <li class="ListItem--n"> <a href="/events" class="Link--n">Events</a> </li> <li class="ListItem--n"> <a href="/journal" class="Link--n">Journal</a> </li> <li class="ListItem--n"> <a href="/about" class="Link--n">About</a> </li> <li class="ListItem--n"> <a href="/contact" class="Link--n p--current">Contact</a> </li> </ul> </nav> </header> </div> <div class="PageContainer"> <div class="SiteTitleSection"> <h1 class="Title--n">RITUALS</h1> <h2 class="Subtitle--n">by Amber</h2> </div> <section class="SideBySideSection"> <div class="ContentContainer"> <div class="Contact"> <div class="LHS--n"> <img class="Image" sizes="(max-width: 1400px) 100vw, 1400px" srcset="https://res.cloudinary.com/drobdev/image/upload/c_scale%2Cw_200/v1572905606/AmberGold/contact.jpg 200w,https://res.cloudinary.com/drobdev/image/upload/c_scale%2Cw_403/v1572905606/AmberGold/contact.jpg 403w,https://res.cloudinary.com/drobdev/image/upload/c_scale%2Cw_556/v1572905606/AmberGold/contact.jpg 556w,https://res.cloudinary.com/drobdev/image/upload/c_scale%2Cw_686/v1572905606/AmberGold/contact.jpg 686w,https://res.cloudinary.com/drobdev/image/upload/c_scale%2Cw_797/v1572905606/AmberGold/contact.jpg 797w,https://res.cloudinary.com/drobdev/image/upload/c_scale%2Cw_906/v1572905606/AmberGold/contact.jpg 906w,https://res.cloudinary.com/drobdev/image/upload/c_scale%2Cw_999/v1572905606/AmberGold/contact.jpg 999w,https://res.cloudinary.com/drobdev/image/upload/c_scale%2Cw_1102/v1572905606/AmberGold/contact.jpg 1102w,https://res.cloudinary.com/drobdev/image/upload/c_scale%2Cw_1181/v1572905606/AmberGold/contact.jpg 1181w,https://res.cloudinary.com/drobdev/image/upload/c_scale%2Cw_1263/v1572905606/AmberGold/contact.jpg 1263w,https://res.cloudinary.com/drobdev/image/upload/c_scale%2Cw_1338/v1572905606/AmberGold/contact.jpg 1338w,https://res.cloudinary.com/drobdev/image/upload/c_scale%2Cw_1387/v1572905606/AmberGold/contact.jpg 1387w,https://res.cloudinary.com/drobdev/image/upload/c_scale%2Cw_1400/v1572905606/AmberGold/contact.jpg 1400w" src="https://res.cloudinary.com/drobdev/image/upload/c_scale%2Cw_1400/v1572905606/AmberGold/contact.jpg" alt="A hand holding a flower" draggable="false"> </div> <div class="RHS--n"> <h2 class="Heading--n">Amber would love to hear from you</h2> <div class="ContactForm"> <form class="js-form" action="#"> <input id="type" type="hidden" name="type" value="contact"> <input id="name" class="Input--n" type="text" name="name" aria-label="Name" placeholder="Enter your name" required> <input id="email" class="Input--n" type="email" name="email" aria-label="Email" placeholder="Email address" required> <input id="subject" class="Input--n" type="text" name="subject" aria-label="Subject" placeholder="Subject" required> <textarea id="message" class="TextArea--n" name="message" aria-label="Message" placeholder="Message" required></textarea> <button class="Submit--n js--submit-button" type="submit" value="Send" aria-label="Send">SEND</button> </form> <div class="ContactFormSuccess js--form-success-message m--hidden">Thank you! Amber will be in touch with you shortly.</div> <div class="ContactFormError js--form-error-message m--hidden">The form did not submit. Please try again or email amber at</div> </div> </div> </div> <div class="Social"> <nav class="Nav--n"> <ul class="List--n"> <li class="ListItem--n">CONNECT WITH AMBER</li> <li class="ListItem--n">021 212 8909</li> <li class="ListItem--n"> <a href="http://instagram.com/amberandgold.earth" class="Link--n">INSTAGRAM</a> </li> <li class="ListItem--n"> <a href="https://www.facebook.com/amberandgold.earth" class="Link--n">FACEBOOK</a> </li> </ul> </nav> </div> </div> </section> <footer class="SiteFooter"> <div class="NewsletterSignup"> <h4 class="Heading--n">KEEP IN TOUCH WITH AMBER'S OFFERINGS</h4> <div class="Form--n"> <form class="js-form" method="POST"> <input id="signup" name="type" type="hidden" value="signup"> <input id="email" class="EmailInput--n" name="email" type="email" placeholder="Enter your email" required> </form> <div class="ContactFormSuccess js--form-success-message m--hidden">Thank you! You've successfully been added to the mailing list.</div> <div class="ContactFormError js--form-error-message m--hidden">The form did not submit. Please try again or email amber at</div> </div> </div> </footer> </div> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script src="/js.316d108e.js"></script> </body></html>