<div class="fui-container mt-2">
<div class="row">
<div class="col-md-6 col-12 mx-auto">
<p class="text-center mb-4 text-gray">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus
est sint minus temporibus hic. Mollitia?</p>
<form action="">
<!-- ROW -->
<div class="row">
<div class="col-md-6 col-12 mb-2">
<input type="text" class="fui-input" placeholder="Your Name">
</div>
<div class="col-md-6 col-12 mb-2">
<input type="email" class="fui-input" placeholder="Your Email">
</div>
<div class="col-md-12 col-12 mb-2">
<input type="url" class="fui-input" placeholder="Website Url">
</div>
<div class="col-md-12 col-12 mb-2">
<select class="fui-input">
<option value="Choose an option" selected disabled>Choose an option</option>
<option value="Personal">Personal</option>
<option value="Report">Report Bug</option>
<option value="Job" disabled>Job Request</option>
</select>
</div>
<div class="col-md-12 col-12 mb-2">
<textarea name="" id="" class="fui-input" placeholder="Message"></textarea>
</div>
<div class="col-md-12 col-12">
<button class="fui-btn fui-btn-gold btn-lg d-block w-100 py-1 h4">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
Insert before the closing </head> tag
<!-- Icon Famous -->
<link rel="stylesheet" href="https://cdn.boomcdn.com/libs/icon-famous/1.0.0-beta.2/iconfamous.css">
<!-- Famous UI -->
<link rel="stylesheet" href="https://cdn.boomcdn.com/libs/famous-ui/1.0.0-beta.1/famousui.css">
Insert before the closing </body> tag
<!-- jQuery -->
<script src="https://cdn.boomcdn.com/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Famous UI -->
<script src="https://cdn.boomcdn.com/libs/famous-ui/1.0.0-beta.1/famousui.js"></script>