-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
178 lines (169 loc) · 7.62 KB
/
index.html
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>workremote.design · Job listings for remote design jobs</title>
<meta name="description" content="Job listings for remote design jobs.">
<link rel="icon" type="image/png" href="images/favicon-16.png" sizes="16x16">
<link rel="icon" type="image/png" href="images/favicon-32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/favicon-64.png" sizes="64x64">
<link rel="icon" type="image/png" href="images/favicon-96.png" sizes="96x96">
<link rel="apple-touch-icon" sizes="60x60" href="images/favicon-iphone-60.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/favicon-iphone-120.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon-iphone-180.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/favicon-ipad-72.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/favicon-ipad-144.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/favicon-ipad-216.png">
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css">
<link rel="stylesheet" type="text/css" media="all" href="css/style.css">
<link rel="stylesheet" type="text/css" media="all" href="css/animate.css">
<script>
</script>
</head>
<body>
<div id="container" class="container spacer"></div>
<header class="menu">
<ul>
<li id="logo" class="left">
<a class="text-l header" href="index.html">
workremote.design
</a>
</li>
<li id="new-listing" class="right text-body mobile-hide">
Want to add your listing here?
<a href="mailto:jordangetsthisemail+workremote@gmail.com">
Submit new listing
</a>
</li>
<li id="new-listing-mobile" class="right desktop-hide">
<a class="icon-link" href="mailto:jordangetsthisemail+workremote@gmail.com">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
</a>
</li>
</ul>
</header>
<main>
<div class="hero flex-align-center">
<h1 class="align-center bottom-24">
<span class="text-xxxxl header">Work from anywhere.</span><br/>
<span class="text-xxxl header">Find a new remote job in 2020.</span>
</h1>
<div class="flex">
<a href="#grid" class="button-primary center mobile-hide">Jump to listings</a>
</div>
</div>
<ul id="grid">
<li>
<a href="https://dockyard.com/careers/364195" target="_blank">
<h2 class="text-xl header bottom-12">Director of Design</h2>
<h3 class="text-body company-name bottom-12">DockYard</h3>
<div class="tag">Full Time</div>
</a>
</li>
<li>
<a href="https://automattic.com/work-with-us/senior-product-designer/" target="_blank">
<h2 class="text-xl header bottom-12">Senior Product Designer</h2>
<h3 class="text-body company-name bottom-12">Automattic</h3>
<div class="tag">Full Time</div>
</a>
</li>
<li>
<a href="https://www.shopify.com/careers/ux-manager-polaris-636c5b" target="_blank">
<h2 class="text-xl header bottom-12">UX Manager, Polaris</h2>
<h3 class="text-body company-name bottom-12">Shopify</h3>
<div class="tag">Full Time</div>
</a>
</li>
<li>
<a href="https://boards.greenhouse.io/outdoorsy/jobs/4448796002" target="_blank">
<h2 class="text-xl header bottom-12">Senior Product Designer</h2>
<h3 class="text-body company-name bottom-12">Outdoorsy</h3>
<div class="tag">Full Time</div>
</a>
</li>
<li>
<a href="https://www.notion.so/Senior-Product-Designer-00ec5f30cea8461ab54a86ad6f658dcc" target="_blank">
<h2 class="text-xl header bottom-12">Senior Product Designer</h2>
<h3 class="text-body company-name bottom-12">Aula</h3>
<div class="tag">Full Time</div>
</a>
</li>
<li>
<a href="http://discourse.org/jobs" target="_blank">
<h2 class="text-xl header bottom-12">Designer</h2>
<h3 class="text-body company-name bottom-12">Discourse</h3>
<div class="tag">Full Time</div>
</a>
</li>
<li>
<a href="https://boards.greenhouse.io/github/jobs/1971138" target="_blank">
<h2 class="text-xl header bottom-12">Senior Product Designer</h2>
<h3 class="text-body company-name bottom-12">GitHub</h3>
<div class="tag">Full Time</div>
</a>
</li>
<li>
<a href="https://boards.greenhouse.io/github/jobs/2000795" target="_blank">
<h2 class="text-xl header bottom-12">Product Designer</h2>
<h3 class="text-body company-name bottom-12">GitHub</h3>
<div class="tag">Full Time</div>
</a>
</li>
<li>
<a href="https://auth0.com/careers/job/product-designer:890d09d5-fe99-498d-a438-e97823a16e3e" target="_blank">
<h2 class="text-xl header bottom-12">Product Designer</h2>
<h3 class="text-body company-name bottom-12">Auth0</h3>
<div class="tag">Full Time</div>
</a>
</li>
<li>
<a href="https://www.toptal.com/careers/growth-designer" target="_blank">
<h2 class="text-xl header bottom-12">Growth Designer</h2>
<h3 class="text-body company-name bottom-12">Toptal</h3>
<div class="tag">Full Time</div>
</a>
</li>
<li>
<a href="https://www.toptal.com/careers/product-designer" target="_blank">
<h2 class="text-xl header bottom-12">Product Designer</h2>
<h3 class="text-body company-name bottom-12">Toptal</h3>
<div class="tag">Full Time</div>
</a>
</li>
<!--
<li>
<a href="" target="_blank">
<h2 class="text-xl header bottom-12">Job name</h2>
<h3 class="text-body company-name bottom-12">company</h3>
<div class="tag">Full Time</div>
</a>
</li>
-->
</ul>
</main>
<footer>
<ul>
<li id="about" class="text-body">
<p>Remote work is a new tool that allows folks to have a better work-life balance, allow different lifestyles, and spread wealth to communities that have been previously underinvested in. As these opportunities come up, I thought it was important to allow more poeple to find these careers with ease.</p>
<p>If you have a remote opportunity at your company, <a href="mailto:jordangetsthisemail+workremote@gmail.com">drop me an email</a> and I will try to add your listing in a timely manner.</p>
</li>
<li id="signature">
<span class="signature-text text-body">Made for free by <a href="https://twitter.com/jordanstaniscia" class="">@JordanStaniscia</a></span>
<div class="personal-logo">
<a class="icon-link" href="http://jor.dance/">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" data-name="square" viewBox="0 0 24 24"><title>square</title><g data-name="Icon/Square"><rect class="square" x="2" y="2" width="20" height="20"/></g></svg>
</a>
<a class="icon-link" href="https://twitter.com/jordanstaniscia">
<svg class="icon"xmlns="http://www.w3.org/2000/svg" data-name="circle" viewBox="0 0 24 24"><title>circle</title><g data-name="Icon/Circle"><circle class="circle" cx="12" cy="12" r="11"/></g></svg>
</a>
<a class="icon-link" href="https://www.instagram.com/jordanscamera/">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" data-name="triangle" viewBox="0 0 24 24"></defs><title>triangle</title><g data-name="Icon/Triangle"><polygon class="triangle" points="12 2 24 22 0 22 12 2"/></g></svg>
</a>
</div>
</li>
</ul>
<div class="clear"></div>
</footer>
</body>
</html>