senaduka/old-v2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Various design improvements

Browse Source
This commit is contained in:
Moris Zen
2018-08-27 15:24:23 +02:00
parent bd3d3724da
commit 7f0b27dac4
6 changed files with 43 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/contact.js
View File

@@ -11,7 +11,7 @@ import FormImage from '../images/contact-web-consultancy.svg'
const ContactPage = () => (
<div>
<PageIntro
headline="Let's discover possibilities"
headline="Let's connect & discover possibilities"
text="We are always on a lookout for exciting challenges. Feel free to contact us if you want to start something great or just find out more about what we do."
sectionClasses="lg:mb-8"
image={ContactImage}
@@ -106,14 +106,19 @@ const ContactPage = () => (
</section>
<section className="bg-contact-form">
<form className="mx-auto pt-16 p-6 max-w-md">
<SectionIntro headline="Let's Connect" light />
<form
action="https://formspree.io/info@saburly.com"
className="mx-auto pt-16 p-6 max-w-md"
method="POST"
>
<SectionIntro headline="Send us a message" light />
<div className="flex flex-wrap">
<input
className="appearance-none bg-transparent border-contact block w-full text-white py-2 border-grey-light"
id="grid-first-name"
type="text"
placeholder="Name"
name="name"
required
/>
@@ -122,6 +127,7 @@ const ContactPage = () => (
id="grid-first-name"
type="text"
placeholder="Email"
name="_replyto"
required
/>
@@ -129,13 +135,15 @@ const ContactPage = () => (
className="appearance-none bg-transparent border-contact block w-full text-white py-2 border-grey-light"
id="grid-last-name"
type="text"
placeholder="Message..."
name="message"
placeholder="Project description or message"
required
/>
</div>
<button
className="mt-4 shadow bg-teal hover:bg-teal-light text-white py-2 px-4 rounded"
value="Send"
type="submit"
>
Send