gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add signup form

Browse Source
This commit is contained in:
Kamran Ahmed
2019-11-13 20:23:50 +04:00
parent 4b3b1496b7
commit 9aea5bc136
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/signup-form/index.js
View File

@ -4,8 +4,13 @@ const SignUpForm = () => (
<SignUpWrap> <SignUpWrap>
<Title>Subscribe</Title> <Title>Subscribe</Title>
<Subtitle>You have caught us before we are ready, enter your email below and we will keep you posted</Subtitle> <Subtitle>You have caught us before we are ready, enter your email below and we will keep you posted</Subtitle>
<Textbox type="text" placeholder="Your email" /> <form action="https://kamranahmed.us9.list-manage.com/subscribe/post?u=6f57b741a6a939744f1f203a0&amp;id=f9ca4d6aee" target="_blank" method="post">
<Button>Subscribe</Button> <Textbox type="email" name="EMAIL" required placeholder="Your email" />
<div style={{position: 'absolute', left: '-5000px'}}>
<input type="text" name="b_6f57b741a6a939744f1f203a0_f9ca4d6aee" tabIndex="-1" value="" />
</div>
<Button type="submit">Subscribe</Button>
</form>
</SignUpWrap> </SignUpWrap>
); );

4
components/signup-form/style.js
View File

@ -49,7 +49,9 @@ export const Button = styled.button`
color: white; color: white;
border-radius: 5px; border-radius: 5px;
&:hover { &:hover, &:active, &:focus {
background: #000000; background: #000000;
box-shadow: none;
outline: none;
} }
`; `;