blob: e7fdf3ce1ab4fd436c61aac1cf9a78cd5a458642 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
import { colors } from '@0xproject/react-shared';
import FlatButton from 'material-ui/FlatButton';
import * as React from 'react';
export interface Join0xProps {
onCallToActionClick: () => void;
}
export const Join0x = (props: Join0xProps) => (
<div className="clearfix center lg-py4 md-py4" style={{ backgroundColor: colors.white, color: colors.black }}>
<div className="mx-auto inline-block align-middle py4" style={{ lineHeight: '44px', textAlign: 'center' }}>
<div className="h2 sm-center sm-pt3" style={{ fontFamily: 'Roboto Mono' }}>
Join 0x
</div>
<div
className="pb2 lg-pt2 md-pt2 sm-pt3 sm-px3 h4 sm-center"
style={{ fontFamily: 'Roboto', lineHeight: 2, maxWidth: 537 }}
>
0x is transforming the way that value is exchanged on a global scale. Come join us in San Francisco or
work remotely anywhere in the world to help create the infrastructure of a new tokenized economy.
</div>
<div className="py3">
<FlatButton
label={'view open positions'}
backgroundColor={colors.black}
labelStyle={{
fontSize: 18,
fontFamily: 'Roboto Mono',
fontWeight: 'lighter',
color: colors.white,
textTransform: 'lowercase',
}}
style={{ width: 280, height: 62, borderRadius: 5 }}
onClick={props.onCallToActionClick}
/>
</div>
</div>
</div>
);
|