<div class="row">
  <div class="col-lg-12 mt-4">
    <div class="card">
      <div class="card-header form-card-header">
        <h4 class="m-b-0 text-light">ADD ARTICLES</h4>
      </div>
      <div class="card-body">
        <form id="add_articles" class="form-material">
          <div class="form-body">
            <div class="row">
              <div class="col-md-12">
                <div class="form-group">
                  <label class="control-label"><strong>ARTICLE NAME <span>*</span></strong></label>
                  <input type="text" id="name" name="name" class="form-control">
                  <label for="name" class="error"></label> 
                </div>
              </div>

              <div class="col-md-12">
                <div class="form-group">
                  <label class="control-label"><strong>DESCRIPTION <span>*</span></strong></label>
                  <textarea name="description" id="description" rows="4" class="form-control"></textarea>
                  <label for="description" class="error"></label> 
                </div>
              </div>

              <div class="col-md-4">
                <div class="form-group">
                  <label class="control-label"><strong>ARTICLE DATE<span>*</span></strong></label>
                  <input type="text" id="article_date" name="article_date" class="form-control">
                  <label for="article_date" class="error"></label> 
                </div>
              </div>

              <div class="col-md-6 offset-2">
                <div class="form-group">
                  <label class="control-label"><strong>UPLOAD IMAGE</strong></label>
                  <input type="file" name="image" id="image" class="form-control"/>
                  <label> Note : image size ( 227 x 163 pixels )</label>
                  <label for="image" class="error"></label> 
                </div>
              </div>
            </div>
          </div>

          <div class="form-actions">
            <button type="submit" class="btn btn-rounded btn-outline-success col-md-3">SAVE</button>  
            <button type="button" class="btn btn-rounded btn-outline-danger col-md-3" onclick="window.location.href='<?php echo base_url(); ?>articles/list'">CANCEL</button>  
          </div>
        </form>
      </div>
    </div>
  </div>
</div>