aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx')
-rw-r--r--packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx37
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;
+`;