forked from vtex/careers-wp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
combo.html
146 lines (127 loc) · 4.9 KB
/
combo.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
<style>
.search-select {
width: 150px;
margin-left: 20px;
border-color: #CCCED8;
font-family: Fabriga, Sans-serif;
font-weight: 300;
font-size: 14px;
color:#717786;
}
#search-offices {
margin-right: 20px;
}
#search-query {
padding: 0 30px 0 40px;color: #717786;
border-color: #CCCED8;
padding: 11px 15px 8px 40px;
border-width: 1px 1px 1px 1px;font-family: Fabriga, Sans-serif;font-weight: 300; font-size: 14px; color:#717786;
}
#search-button {
background-color: #F71963;
padding: 15px 25px 15px 25px;
font-size: 14px;
letter-spacing: 0.5px;
line-height: 1.3;
}
.search-box {
flex: 1 1 auto;
display: flex;
border-color: rgb(51,51,51);
}
.search-box > span {
font-size: 15px;
color: #CCCED8;
display: inline-block;
left: 15px;
line-height: 1;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1em;
}
</style>
<div style="display: flex;font-family: Fabriga, Sans-serif;font-weight: 300;">
<div style="flex: 1 1 auto; display: flex;">
<div class="search-box">
<span>
<i aria-hidden="true" class="fas fa-search"></i>
</span>
<input type="text" placeholder="Search Job Title" id="search-query">
</div>
<select id="search-teams" class="search-select">
<option disabled selected value="">Teams</option>
<option value=",">All teams</option>
<optgroup label="Brand">
<option value=",Brand">Brand</option>
</optgroup>
<optgroup label="Engineering">
<option value="Engineering,Engineering">Engineering</option>
</optgroup>
<optgroup label="Finances">
<option value="Finances,">All jobs</option>
<option value="Finances,Controllership International">Controllership International</option>
<option value="Finances,Controllership">Controllership</option>
<option value="Finances,Financial">Financial</option>
</optgroup>
<optgroup label="Growth">
<option value="Growth,">All jobs</option>
<option value="Growth,CX - Excellence">CX - Excellence</option>
<option value="Growth,CX - Projects">CX - Projects</option>
<option value="Growth,CX - Success">CX - Success</option>
<option value="Growth,Enablement">Enablement</option>
<option value="Growth,Growth Operations">Growth Operations</option>
<option value="Growth,Marketing">Marketing</option>
<option value="Growth,Partner Experience">Partner Experience</option>
<option value="Growth,Sales">Sales</option>
<option value="Growth,VTEX Log">VTEX Log</option>
</optgroup>
<optgroup label="Loja Integrada">
<option value="Loja Integrada,">All jobs</option>
<option value="Loja Integrada,Finance">Finance</option>
<option value="Loja Integrada,Growth">Growth</option>
<option value="Loja Integrada,Product">Product</option>
</optgroup>
<optgroup label="People and Places">
<option value="People and Places,">All jobs</option>
<option value="People and Places,Employer Branding">Employer Branding</option>
<option value="People and Places,Talent Acquisition">Talent
Acquisition</option>
</optgroup>
<optgroup label="Product">
<option value="Product,">All jobs</option>
<option value="Product,Localization">Localization</option>
<option value="Product,Product Design">Product Design</option>
<option value="Product,Product Management">Product Management</option>
<option value="Product,Value Added Services">Value Added Services</option>
</optgroup>
</select>
<select id="search-offices" class="search-select">
<option selected disabled value="">Offices</option>
<option value="">All locations</option>
<option value="Asunción">Asunción</option>
<option value="Barcelona">Barcelona</option>
<option value="Bucharest">Bucharest</option>
<option value="Buenos Aires">Buenos Aires</option>
<option value="Campina Grande">Campina Grande</option>
<option value="Curitiba">Curitiba</option>
<option value="João Pessoa">João Pessoa</option>
<option value="Lima">Lima</option>
<option value="Mexico City">Mexico City</option>
<option value="Montevidéu">Montevidéu</option>
<option value="New York City">New York City</option>
<option value="Quito">Quito</option>
<option value="Quixadá">Quixadá</option>
<option value="Remote">Remote</option>
<option value="Rio de Janeiro">Rio de Janeiro</option>
<option value="Santa Cruz">Santa Cruz</option>
<option value="Santiago">Santiago</option>
<option value="Singapore">Singapore</option>
<option value="São Paulo">São Paulo</option>
<option value="Teresópolis">Teresópolis</option>
</select>
</div>
<button type="button" id="search-button">
<span class="jet-ajax-search__submit-label">SEARCH JOBS</span>
</button>
</div>