<section>
<div class="container">
<div class="row mb-10">
<div class="col-md-8">
<h2 class="font-weight-bold">A digital studio creating experiences that work.</h2>
</div>
</div>
<div class="row gutter-4 gutter-lg-6">
<div class="col-6 col-md-3">
<h5 class="font-weight-bold">Brand</h5>
<ul class="list-group list-group-minimal list-group-sm text-muted">
<li class="list-group-item">Brand Strategy</li>
<li class="list-group-item">Visual Identity</li>
<li class="list-group-item">Rebranding</li>
<li class="list-group-item">Research & Analytics</li>
</ul>
<a href="" class="underline eyebrow mt-2">Order service</a>
</div>
<div class="col-6 col-md-3">
<h5 class="font-weight-bold">Content</h5>
<ul class="list-group list-group-minimal list-group-sm text-muted">
<li class="list-group-item">Copywriting</li>
<li class="list-group-item">Motion Graphics</li>
<li class="list-group-item">Illustrations</li>
<li class="list-group-item">Photo & Video</li>
</ul>
<a href="" class="underline eyebrow mt-2">Order service</a>
</div>
<div class="col-6 col-md-3">
<h5 class="font-weight-bold">Solutions</h5>
<ul class="list-group list-group-minimal list-group-sm text-muted">
<li class="list-group-item">Web Design</li>
<li class="list-group-item">Web Development</li>
<li class="list-group-item">Web Application</li>
<li class="list-group-item">eCommerce</li>
</ul>
<a href="" class="underline eyebrow mt-2">Order service</a>
</div>
<div class="col-6 col-md-3">
<h5 class="font-weight-bold">Connections</h5>
<ul class="list-group list-group-minimal list-group-sm text-muted">
<li class="list-group-item">Digital marketing strategies</li>
<li class="list-group-item">SEO/SEA</li>
<li class="list-group-item">Social Media</li>
<li class="list-group-item">E-mail marketing</li>
</ul>
<a href="" class="underline eyebrow mt-2">Order service</a>
</div>
</div>
</div>
</section>
<section class="bg-black text-white">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-5 mb-4 mb-lg-0">
<h2 class="font-weight-bold">How do I become a carsharing service user?</h2>
<ul class="list-group list-group-minimal">
<li class="list-group-item d-flex align-items-center">
<span class="display-2 font-weight-bold mr-4 text-primary fw-10">1.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
</li>
<li class="list-group-item d-flex align-items-center">
<span class="display-2 font-weight-bold mr-4 text-primary fw-10">2.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
</li>
<li class="list-group-item d-flex align-items-center">
<span class="display-2 font-weight-bold mr-4 text-primary fw-10">3.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
</li>
</ul>
</div>
<div class="col-lg-5">
<figure class="figure equal equal-lg-3-4">
<span class="image" style="background-image: url('assets/images/small-8.jpg')">
</span>
</figure>
<div class="p-4 bg-white">
<h5 class="lead text-black">Get in the driver's seat and get paid starting today. <a href="" class="action underline text-primary">Sign up <i class="icon-arrow-right"></i></a></h5>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row justify-content-between">
<div class="col">
<span class="eyebrow text-muted mb-3">Open Positions</span>
<ul class="list-group list-group-lg border-top border-bottom">
<li class="list-group-item">
<a href="" class="row align-items-center text-black text-hover-primary list-group-link">
<div class="col-lg-6">
<h5 class="mb-0">Senior UX Researcher</h5>
<span class="text-muted">WBT, Inc</span>
</div>
<div class="col-lg-3">
<span class="text-muted">San Francisco, CA</span>
</div>
</a>
</li>
<li class="list-group-item">
<a href="" class="row align-items-center text-black text-hover-primary list-group-link">
<div class="col-lg-6">
<h5 class="mb-0">Leax UX Designer</h5>
<span class="text-muted">NWBT, Inc</span>
</div>
<div class="col-lg-3">
<span class="text-muted">Chicago, IL</span>
</div>
</a>
</li>
<li class="list-group-item">
<a href="" class="row align-items-center text-black text-hover-primary list-group-link">
<div class="col-lg-6">
<h5 class="mb-0">Senior Web Developer</h5>
<span class="text-muted">WBT, Inc</span>
</div>
<div class="col-lg-3">
<span class="text-muted">Amsterdam</span>
</div>
</a>
</li>
<li class="list-group-item">
<a href="" class="row align-items-center text-black text-hover-primary list-group-link">
<div class="col-lg-6">
<h5 class="mb-0">PHP-Backend Developer</h5>
<span class="text-muted">WBT, Inc</span>
</div>
<div class="col-lg-3">
<span class="text-muted">Stanford, CA</span>
</div>
</a>
</li>
<li class="list-group-item">
<a href="" class="row align-items-center text-black text-hover-primary list-group-link">
<div class="col-lg-6">
<h5 class="mb-0">Product UX/UI Designer</h5>
<span class="text-muted">WBT, Inc</span>
</div>
<div class="col-lg-3">
<span class="text-muted">Berlin, Germany</span>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col text-center">
<a href="" class="btn btn-outline-primary btn-rounded btn-with-icon">
<i class="icon-refresh-cw"></i> Load More
</a>
</div>
</div>
</div>
</section>