<div class="row">
<div class="col-md-12 col-sm-12">
<div class="mb-3">[text* your-name placeholder ="Your Name"]</div>
</div>

<div class="col-md-6 col-sm-12">
<div class="mb-3">[email* your-email placeholder ="Your Email"]</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="mb-3">[tel* your-phone placeholder ="Phone Number"]</div>
</div>

<div class="col-md-12 col-sm-12">
<div class="mb-3">[text your-subject placeholder ="Subject (Optional)"]</div>
</div>

<div class="col-md-12 col-sm-12">
<div class="mb-3">[textarea your-message 40x3  placeholder ="Here goes your message" ]</div>
</div>

<div class="col-md-12 col-sm-12">
<div class="mb-3"><button type="submit" value="Submit"><span>Send message</span><i class="opal-icon-long-arrow-right" aria-hidden="true"></i></button></div>
</div>
</div>