<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-primary 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 gy-6&quot;&gt;
			&lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
				&lt;a href=&quot;#&quot; class=&quot;card shadow-lg lift h-100&quot;&gt;
					&lt;div class=&quot;card-body p-5 d-flex flex-row&quot;&gt;
						&lt;div&gt;
							&lt;span class=&quot;avatar bg-red text-white w-11 h-11 fs-20 me-4&quot;&gt;SD&lt;/span&gt;
						&lt;/div&gt;
						&lt;div&gt;
							&lt;span class=&quot;badge bg-pale-blue text-blue rounded py-1 mb-2&quot;&gt;Full Time&lt;/span&gt;
							&lt;h4 class=&quot;mb-1&quot;&gt;Senior Graphic Designer&lt;/h4&gt;
							&lt;p class=&quot;mb-0 text-body&quot;&gt;San Francisco, US&lt;/p&gt;
						&lt;/div&gt;
					&lt;/div&gt;
				&lt;/a&gt;
			&lt;/div&gt;
			&lt;!--/column --&gt;
			&lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
				&lt;a href=&quot;#&quot; class=&quot;card shadow-lg lift h-100&quot;&gt;
					&lt;div class=&quot;card-body p-5 d-flex flex-row&quot;&gt;
						&lt;div&gt;
							&lt;span class=&quot;avatar bg-green text-white w-11 h-11 fs-20 me-4&quot;&gt;UX&lt;/span&gt;
						&lt;/div&gt;
						&lt;div&gt;
							&lt;span class=&quot;badge bg-pale-aqua text-aqua rounded py-1 mb-2&quot;&gt;Remote&lt;/span&gt;
							&lt;h4 class=&quot;mb-1&quot;&gt;UI/UX Designer&lt;/h4&gt;
							&lt;p class=&quot;mb-0 text-body&quot;&gt;Anywhere&lt;/p&gt;
						&lt;/div&gt;
					&lt;/div&gt;
				&lt;/a&gt;
			&lt;/div&gt;
			&lt;!--/column --&gt;
			&lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
				&lt;a href=&quot;#&quot; class=&quot;card shadow-lg lift h-100&quot;&gt;
					&lt;div class=&quot;card-body p-5 d-flex flex-row&quot;&gt;
						&lt;div&gt;
							&lt;span class=&quot;avatar bg-yellow text-white w-11 h-11 fs-20 me-4&quot;&gt;AN&lt;/span&gt;
						&lt;/div&gt;
						&lt;div&gt;
							&lt;span class=&quot;badge bg-pale-blue text-blue rounded py-1 mb-2&quot;&gt;Full Time&lt;/span&gt;
							&lt;h4 class=&quot;mb-1&quot;&gt;Multimedia Artist &amp;amp; Animator&lt;/h4&gt;
							&lt;p class=&quot;mb-0 text-body&quot;&gt;Birmingham, UK&lt;/p&gt;
						&lt;/div&gt;
					&lt;/div&gt;
				&lt;/a&gt;
			&lt;/div&gt;
			&lt;!--/column --&gt;
			&lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
				&lt;a href=&quot;#&quot; class=&quot;card shadow-lg lift h-100&quot;&gt;
					&lt;div class=&quot;card-body p-5 d-flex flex-row&quot;&gt;
						&lt;div&gt;
							&lt;span class=&quot;avatar bg-purple text-white w-11 h-11 fs-20 me-4&quot;&gt;FD&lt;/span&gt;
						&lt;/div&gt;
						&lt;div&gt;
							&lt;span class=&quot;badge bg-pale-violet text-violet rounded py-1 mb-2&quot;&gt;Part Time&lt;/span&gt;
							&lt;h4 class=&quot;mb-1&quot;&gt;Front End Developer&lt;/h4&gt;
							&lt;p class=&quot;mb-0 text-body&quot;&gt;Sydney, AU&lt;/p&gt;
						&lt;/div&gt;
					&lt;/div&gt;
				&lt;/a&gt;
			&lt;/div&gt;
			&lt;!--/column --&gt;
			&lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
				&lt;a href=&quot;#&quot; class=&quot;card shadow-lg lift h-100&quot;&gt;
					&lt;div class=&quot;card-body p-5 d-flex flex-row&quot;&gt;
						&lt;div&gt;
							&lt;span class=&quot;avatar bg-orange text-white w-11 h-11 fs-20 me-4&quot;&gt;MD&lt;/span&gt;
						&lt;/div&gt;
						&lt;div&gt;
							&lt;span class=&quot;badge bg-pale-blue text-blue rounded py-1 mb-2&quot;&gt;Full Time&lt;/span&gt;
							&lt;h4 class=&quot;mb-1&quot;&gt;Mobile Developer&lt;/h4&gt;
							&lt;p class=&quot;mb-0 text-body&quot;&gt;San Francisco, US&lt;/p&gt;
						&lt;/div&gt;
					&lt;/div&gt;
				&lt;/a&gt;
			&lt;/div&gt;
			&lt;!--/column --&gt;
			&lt;div class=&quot;col-md-6 col-lg-4&quot;&gt;
				&lt;a href=&quot;#&quot; class=&quot;card shadow-lg lift h-100&quot;&gt;
					&lt;div class=&quot;card-body p-5 d-flex flex-row&quot;&gt;
						&lt;div&gt;
							&lt;span class=&quot;avatar bg-pink text-white w-11 h-11 fs-20 me-4&quot;&gt;ND&lt;/span&gt;
						&lt;/div&gt;
						&lt;div&gt;
							&lt;span class=&quot;badge bg-pale-blue text-blue rounded py-1 mb-2&quot;&gt;Full Time&lt;/span&gt;
							&lt;h4 class=&quot;mb-1&quot;&gt;.NET Developer&lt;/h4&gt;
							&lt;p class=&quot;mb-0 text-body&quot;&gt;Manchester, UK&lt;/p&gt;
						&lt;/div&gt;
					&lt;/div&gt;
				&lt;/a&gt;
			&lt;/div&gt;
			&lt;!--/column --&gt;
		&lt;/div&gt;
		&lt;!--/.row --&gt;
		&lt;div class=&quot;row mt-11&quot;&gt;
			&lt;div class=&quot;col-lg-6 col-xl-5 mx-auto text-center&quot;&gt;
				&lt;h2 class=&quot;display-6 mb-3&quot;&gt;Can&apos;t find the right position?&lt;/h2&gt;
				&lt;p class=&quot;lead mb-5 px-md-16 px-lg-3&quot;&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur.&lt;/p&gt;
				&lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded-pill&quot;&gt;Get in Touch&lt;/a&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>