diff options
Diffstat (limited to 'packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx')
-rw-r--r-- | packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx new file mode 100644 index 000000000..a9cfed538 --- /dev/null +++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx @@ -0,0 +1,37 @@ +import * as React from 'react'; +import styled from 'styled-components'; + +import {Link} from 'react-router-dom'; +import {WrapGrid} from 'ts/@next/components/layout'; +import {Heading} from 'ts/@next/components/text'; + +export const DropdownDevelopers = () => ( + <> + <Wrap> + <Heading size="small" color="#5d5d5d"> + Getting Started + </Heading> + + <WrapGrid isCentered={false} isWrapped={true}> + <Link to="#">Build a relayer</Link> + <Link to="#">Develop on Ethereum</Link> + <Link to="#">Make & take orders</Link> + <Link to="#">Use networked liquidity</Link> + </WrapGrid> + </Wrap> + + <Wrap> + asdf + </Wrap> + </> +); + +const Wrap = styled.div` + padding: 15px 30px; +`; + +const StyledLink = styled(Link)` + width: calc(50% - 15px); + flex-shrink: 0; + color: #000000; +`; |