<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html">
<code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
	&lt;div class=&quot;container py-14 py-md-16&quot;&gt;
		&lt;div class=&quot;row text-center&quot;&gt;
			&lt;div class=&quot;col-xl-10 mx-auto&quot;&gt;
				&lt;h2 class=&quot;fs-15 text-uppercase text-muted mb-3&quot;&gt;Job Positions&lt;/h2&gt;
				&lt;h3 class=&quot;display-4 mb-10 px-xxl-15&quot;&gt;We&rsquo;re always searching for amazing people to join our team. Take a look at our current openings.&lt;/h3&gt;
			&lt;/div&gt;
			&lt;!-- /column --&gt;
		&lt;/div&gt;
		&lt;!-- /.row --&gt;
		&lt;div class=&quot;row&quot;&gt;
			&lt;div class=&quot;col-xl-10 mx-auto&quot;&gt;
				&lt;form class=&quot;filter-form mb-10&quot;&gt;
					&lt;div class=&quot;row&quot;&gt;
						&lt;div class=&quot;col-md-4 mb-3&quot;&gt;
							&lt;div class=&quot;form-select-wrapper&quot;&gt;
								&lt;select class=&quot;form-select&quot; aria-label=&quot;&quot;&gt;
									&lt;option selected&gt;Position&lt;/option&gt;
									&lt;option value=&quot;position1&quot;&gt;Business&lt;/option&gt;
									&lt;option value=&quot;position2&quot;&gt;Design&lt;/option&gt;
									&lt;option value=&quot;position3&quot;&gt;Development&lt;/option&gt;
									&lt;option value=&quot;position4&quot;&gt;Engineering&lt;/option&gt;
									&lt;option value=&quot;position5&quot;&gt;Finance&lt;/option&gt;
									&lt;option value=&quot;position6&quot;&gt;Marketing&lt;/option&gt;
								&lt;/select&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;col-md-4 mb-3&quot;&gt;
							&lt;div class=&quot;form-select-wrapper&quot;&gt;
								&lt;select class=&quot;form-select&quot; aria-label=&quot;&quot;&gt;
									&lt;option selected&gt;Type&lt;/option&gt;
									&lt;option value=&quot;type1&quot;&gt;Full-time&lt;/option&gt;
									&lt;option value=&quot;type3&quot;&gt;Part-time&lt;/option&gt;
									&lt;option value=&quot;type4&quot;&gt;Remote&lt;/option&gt;
								&lt;/select&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;col-md-4 mb-3&quot;&gt;
							&lt;div class=&quot;form-select-wrapper&quot;&gt;
								&lt;select class=&quot;form-select&quot; aria-label=&quot;&quot;&gt;
									&lt;option selected&gt;Location&lt;/option&gt;
									&lt;option value=&quot;location1&quot;&gt;Chicago, US&lt;/option&gt;
									&lt;option value=&quot;location3&quot;&gt;Michigan, US&lt;/option&gt;
									&lt;option value=&quot;location2&quot;&gt;New York, US&lt;/option&gt;
									&lt;option value=&quot;location4&quot;&gt;Los Angles, US&lt;/option&gt;
									&lt;option value=&quot;location5&quot;&gt;Moscow, Russia&lt;/option&gt;
									&lt;option value=&quot;location6&quot;&gt;Sydney, Australia&lt;/option&gt;
									&lt;option value=&quot;location7&quot;&gt;Birmingham, UK&lt;/option&gt;
									&lt;option value=&quot;location8&quot;&gt;Manchester, UK&lt;/option&gt;
									&lt;option value=&quot;location9&quot;&gt;Beijing, China&lt;/option&gt;
								&lt;/select&gt;
							&lt;/div&gt;
						&lt;/div&gt;
					&lt;/div&gt;
				&lt;/form&gt;
				&lt;div class=&quot;job-list mb-10&quot;&gt;
					&lt;h3 class=&quot;mb-4&quot;&gt;Design&lt;/h3&gt;
					&lt;a href=&quot;#&quot; class=&quot;card mb-4 lift&quot;&gt;
						&lt;div class=&quot;card-body p-5&quot;&gt;
							&lt;span class=&quot;row justify-content-between align-items-center&quot;&gt;
								&lt;span class=&quot;col-md-5 mb-2 mb-md-0 d-flex align-items-center text-body&quot;&gt;
									&lt;span class=&quot;avatar bg-red text-white w-9 h-9 fs-17 me-3&quot;&gt;GD&lt;/span&gt; Senior Graphic Designer &lt;/span&gt;
								&lt;span class=&quot;col-5 col-md-3 text-body d-flex align-items-center&quot;&gt;
									&lt;i class=&quot;uil uil-clock me-1&quot;&gt;&lt;/i&gt; Full time &lt;/span&gt;
								&lt;span class=&quot;col-7 col-md-4 col-lg-3 text-body d-flex align-items-center&quot;&gt;
									&lt;i class=&quot;uil uil-location-arrow me-1&quot;&gt;&lt;/i&gt; San Francisco, US &lt;/span&gt;
								&lt;span class=&quot;d-none d-lg-block col-1 text-center text-body&quot;&gt;
									&lt;i class=&quot;uil uil-angle-right-b&quot;&gt;&lt;/i&gt;
								&lt;/span&gt;
							&lt;/span&gt;
						&lt;/div&gt;
						&lt;!-- /.card-body --&gt;
					&lt;/a&gt;
					&lt;!-- /.card --&gt;
					&lt;a href=&quot;#&quot; class=&quot;card mb-4 lift&quot;&gt;
						&lt;div class=&quot;card-body p-5&quot;&gt;
							&lt;span class=&quot;row justify-content-between align-items-center&quot;&gt;
								&lt;span class=&quot;col-md-5 mb-2 mb-md-0 d-flex align-items-center text-body&quot;&gt;
									&lt;span class=&quot;avatar bg-green text-white w-9 h-9 fs-17 me-3&quot;&gt;UX&lt;/span&gt; UI/UX Designer &lt;/span&gt;
								&lt;span class=&quot;col-5 col-md-3 text-body d-flex align-items-center&quot;&gt;
									&lt;i class=&quot;uil uil-clock me-1&quot;&gt;&lt;/i&gt; Remote &lt;/span&gt;
								&lt;span class=&quot;col-7 col-md-4 col-lg-3 text-body d-flex align-items-center&quot;&gt;
									&lt;i class=&quot;uil uil-location-arrow me-1&quot;&gt;&lt;/i&gt; Anywhere &lt;/span&gt;
								&lt;span class=&quot;d-none d-lg-block col-1 text-center text-body&quot;&gt;
									&lt;i class=&quot;uil uil-angle-right-b&quot;&gt;&lt;/i&gt;
								&lt;/span&gt;
							&lt;/span&gt;
						&lt;/div&gt;
						&lt;!-- /.card-body --&gt;
					&lt;/a&gt;
					&lt;!-- /.card --&gt;
					&lt;a href=&quot;#&quot; class=&quot;card mb-4 lift&quot;&gt;
						&lt;div class=&quot;card-body p-5&quot;&gt;
							&lt;span class=&quot;row justify-content-between align-items-center&quot;&gt;
								&lt;span class=&quot;col-md-5 mb-2 mb-md-0 d-flex align-items-center text-body&quot;&gt;
									&lt;span class=&quot;avatar bg-yellow text-white w-9 h-9 fs-17 me-3&quot;&gt;AN&lt;/span&gt; Multimedia Artist &amp;amp; Animator &lt;/span&gt;
								&lt;span class=&quot;col-5 col-md-3 text-body d-flex align-items-center&quot;&gt;
									&lt;i class=&quot;uil uil-clock me-1&quot;&gt;&lt;/i&gt; Full time &lt;/span&gt;
								&lt;span class=&quot;col-7 col-md-4 col-lg-3 text-body d-flex align-items-center&quot;&gt;
									&lt;i class=&quot;uil uil-location-arrow me-1&quot;&gt;&lt;/i&gt; Birmingham, UK &lt;/span&gt;
								&lt;span class=&quot;d-none d-lg-block col-1 text-center text-body&quot;&gt;
									&lt;i class=&quot;uil uil-angle-right-b&quot;&gt;&lt;/i&gt;
								&lt;/span&gt;
							&lt;/span&gt;
						&lt;/div&gt;
						&lt;!-- /.card-body --&gt;
					&lt;/a&gt;
					&lt;!-- /.card --&gt;
				&lt;/div&gt;
				&lt;div class=&quot;job-list&quot;&gt;
					&lt;h3 class=&quot;mb-4&quot;&gt;Development&lt;/h3&gt;
					&lt;a href=&quot;#&quot; class=&quot;card mb-4 lift&quot;&gt;
						&lt;div class=&quot;card-body p-5&quot;&gt;
							&lt;span class=&quot;row justify-content-between align-items-center&quot;&gt;
								&lt;span class=&quot;col-md-5 mb-2 mb-md-0 d-flex align-items-center text-body&quot;&gt;
									&lt;span class=&quot;avatar bg-purple text-white w-9 h-9 fs-17 me-3&quot;&gt;FE&lt;/span&gt; Front End Developer &lt;/span&gt;
								&lt;span class=&quot;col-5 col-md-3 text-body d-flex align-items-center&quot;&gt;
									&lt;i class=&quot;uil uil-clock me-1&quot;&gt;&lt;/i&gt; Part time &lt;/span&gt;
								&lt;span class=&quot;col-7 col-md-4 col-lg-3 text-body d-flex align-items-center&quot;&gt;
									&lt;i class=&quot;uil uil-location-arrow me-1&quot;&gt;&lt;/i&gt; Sydney, AU &lt;/span&gt;
								&lt;span class=&quot;d-none d-lg-block col-1 text-center text-body&quot;&gt;
									&lt;i class=&quot;uil uil-angle-right-b&quot;&gt;&lt;/i&gt;
								&lt;/span&gt;
							&lt;/span&gt;
						&lt;/div&gt;
						&lt;!-- /.card-body --&gt;
					&lt;/a&gt;
					&lt;!-- /.card --&gt;
					&lt;a href=&quot;#&quot; class=&quot;card mb-4 lift&quot;&gt;
						&lt;div class=&quot;card-body p-5&quot;&gt;
							&lt;span class=&quot;row justify-content-between align-items-center&quot;&gt;
								&lt;span class=&quot;col-md-5 mb-2 mb-md-0 d-flex align-items-center text-body&quot;&gt;
									&lt;span class=&quot;avatar bg-orange text-white w-9 h-9 fs-17 me-3&quot;&gt;MD&lt;/span&gt; Mobile Developer &lt;/span&gt;
								&lt;span class=&quot;col-5 col-md-3 text-body d-flex align-items-center&quot;&gt;
									&lt;i class=&quot;uil uil-clock me-1&quot;&gt;&lt;/i&gt; Full-time &lt;/span&gt;
								&lt;span class=&quot;col-7 col-md-4 col-lg-3 text-body d-flex align-items-center&quot;&gt;
									&lt;i class=&quot;uil uil-location-arrow me-1&quot;&gt;&lt;/i&gt; San Francisco, US &lt;/span&gt;
								&lt;span class=&quot;d-none d-lg-block col-1 text-center text-body&quot;&gt;
									&lt;i class=&quot;uil uil-angle-right-b&quot;&gt;&lt;/i&gt;
								&lt;/span&gt;
							&lt;/span&gt;
						&lt;/div&gt;
						&lt;!-- /.card-body --&gt;
					&lt;/a&gt;
					&lt;!-- /.card --&gt;
					&lt;a href=&quot;#&quot; class=&quot;card mb-4 lift&quot;&gt;
						&lt;div class=&quot;card-body p-5&quot;&gt;
							&lt;span class=&quot;row justify-content-between align-items-center&quot;&gt;
								&lt;span class=&quot;col-md-5 mb-2 mb-md-0 d-flex align-items-center text-body&quot;&gt;
									&lt;span class=&quot;avatar bg-pink text-white w-9 h-9 fs-17 me-3&quot;&gt;NT&lt;/span&gt; .NET Developer &lt;/span&gt;
								&lt;span class=&quot;col-5 col-md-3 text-body d-flex align-items-center&quot;&gt;
									&lt;i class=&quot;uil uil-clock me-1&quot;&gt;&lt;/i&gt; Full time &lt;/span&gt;
								&lt;span class=&quot;col-7 col-md-4 col-lg-3 text-body d-flex align-items-center&quot;&gt;
									&lt;i class=&quot;uil uil-location-arrow me-1&quot;&gt;&lt;/i&gt; Manchester, UK &lt;/span&gt;
								&lt;span class=&quot;d-none d-lg-block col-1 text-center text-body&quot;&gt;
									&lt;i class=&quot;uil uil-angle-right-b&quot;&gt;&lt;/i&gt;
								&lt;/span&gt;
							&lt;/span&gt;
						&lt;/div&gt;
						&lt;!-- /.card-body --&gt;
					&lt;/a&gt;
					&lt;!-- /.card --&gt;
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;!-- /column --&gt;
		&lt;/div&gt;
		&lt;!-- /.row --&gt;
	&lt;/div&gt;
	&lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code>
								</pre>