Contact Form Fancy Button Forms

<div class="fui-container">
  <div class="row">
    <div class="col-md-6 col-12 py-5 mx-auto">
      
      <!-- CONTACT FORM -->
      <!-- FORM -->
      <form action="">
        
        <div class="group">
          <h4>Feel free to contact us</h4>
        </div>
        
        <!-- INPUT -->
        <div class="group">
          <input type="text" class="fui-input" placeholder="Name*" name="name" required>
        </div>
        
        <!-- INPUT -->
        <div class="group">
          <input type="email" class="fui-input" placeholder="Email*" name="email" required>
        </div>
        
        <!-- INPUT -->
        <div class="group">
          <textarea class="fui-input" placeholder="Message*" name="message" required></textarea>
        </div>
        
        <!-- INPUT -->
        <div class="group">
          <button type="submit" class="fui-btn fui-btn-primary">SEND <i class="if if-send"></i></button>
        </div>
        
      </form>
      
    </div>
  </div>
</div>
Dependencies
CSS

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">
Javascript

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>