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

Stylistig changes and changing illustrations

Browse Source
This commit is contained in:
Moris Zen
2018-08-30 16:42:18 +02:00
parent b7326dc644
commit 3e4bfca8f2
7 changed files with 385 additions and 475 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/about.js
View File

@@ -4,7 +4,7 @@ import PageIntro from '../components/PageIntro'
import SectionIntro from '../components/SectionIntro'
import IntroImage from '../images/web-development-consultants.jpg'
import MeaningSaburly from '../images/coding-tutorial-patience.svg'
import MeaningSaburly from '../images/coding-tutorials-patience.svg'
import PageTransition from 'gatsby-plugin-page-transitions'

102
src/pages/contact.js
View File

@@ -6,7 +6,7 @@ import PageIntro from '../components/PageIntro'
import ContactImage from '../images/saburly-web-agency.jpg'
import Sarajevo from '../images/sarajevo-web-agency.jpg'
import Stockholm from '../images/stockholm-web-agency.jpg'
import FormImage from '../images/contact-web-consultancy.svg'
import FormImage from '../images/contact-web-consultancy-sweden.svg'
import PageTransition from 'gatsby-plugin-page-transitions'
@@ -108,56 +108,58 @@ const ContactPage = () => (
</div>
</section>
<section className="bg-contact-form">
<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
/>
<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="Email"
name="_replyto"
required
/>
<textarea
className="appearance-none bg-transparent border-contact block w-full text-white py-2 border-grey-light"
id="grid-last-name"
type="text"
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"
<div className="bg-contact-form p-8">
<section className="container flex mx-auto">
<form
action="https://formspree.io/info@saburly.com"
className="w-full mx-auto pt-16 p-6 max-w-md"
method="POST"
>
Send
</button>
</form>
<img
src={FormImage}
alt="Contact Form Image"
className="text-center block m-x-auto md:max-w-lg mx-auto"
/>
</section>
<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
/>
<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="Email"
name="_replyto"
required
/>
<textarea
className="appearance-none bg-transparent border-contact block w-full text-white py-2 border-grey-light"
id="grid-last-name"
type="text"
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
</button>
</form>
<img
src={FormImage}
alt="Contact Form Image"
className="max-h-sm text-center block m-x-auto md:max-w-lg mx-auto"
/>
</section>
</div>
</PageTransition>
)