<div class="col-sm-8 ">
    <div class="row gray_ttc">
        <div class="col-sm-12 row"><br>
            <nav class="text-justify">
                <center>
                    <div class="col-sm-12" style="padding: 0">
                        <span class="clo-sm-4" title="Meta Information" style="padding: 0">
                            <span class="text-left label" style="color: #8CC73F;font-size: 18px; font-family: Times New Roman; font-weight: normal">Add Meta Information</span>
                        </span>
                    </div>
                </center>
            </nav>
        </div>
        <div class="col-sm-12"><hr></div>

        <div class="col-sm-12"><br><br></div>
        <div class="col-sm-12">
            <div class="col-sm-12">
                
              <!-- ----------------Meta Type Start---------------- -->
                <div class="form-group col-sm-8">
                    <label>Meta Type</label>
                    <div class="input-group col-sm-12">
                        <select class="form-control"
                                id="meta_type" name="meta_type">
                            <option value="">Select Meta Type</option>
                            <option value="1">Course</option>
                            <option value="2">Video Course</option>
                            <option value="3">Quiz</option>                            
                        </select>
                    </div>
                </div>
                <div class="col-sm-12"><br></div>

          <!-- ----------------Meta Type End---------------- -->  
          
          <!-- ----------------Category Name Start ---------------- -->
                <div class="form-group col-sm-8">
                    <label>Meta Category</label>
                    <div class="input-group col-sm-12">
                        <select class="form-control"
                                id="meta_type_id" name="meta_type_id">
                            <option value="">Select Meta Category</option>
                            <option value="1">Meta Category 1</option>
                            <option value="2">Meta Category 2</option>
                            <option value="3">Meta Category 3</option>                            
                        </select>
                    </div>
                </div>
                <div class="col-sm-12"><br></div>

        <!-- ----------------Category Name Start End---------------- -->  
          
        <!-- ----------------Course under Category Name Start---------------- -->
            <div class="form-group col-sm-8">
                <label>Meta Type Title</label>
                <div class="input-group col-sm-12">
                    <select class="form-control"
                            id="meta_type_id" name="meta_type_id">
                        <option value="">Select Meta Type Title</option>
                        <option value="1">Meta Type Title 1</option>
                        <option value="2">Meta Type Title 2</option>
                        <option value="3">Meta Type Title 3</option>                            
                    </select>
                </div>
            </div>
            <div class="col-sm-12"><br></div>

        <!-- ----------------Course under Category Name End---------------- -->
          
        <!-- ---------------- Meta Title Start---------------- -->
                <div class="form-group col-sm-8">
                    <label>Meta Title</label>
                    <div class="input-group col-sm-12">
                        <input type="text" 
                               class="form-control" 
                               name="meta_title" 
                               id="meta_title"
                               value=""
                               pattern=".{3,60}" required title="3 to 60 characters"
                               placeholder="Please Type Meta Title.." aria-describedby="basic-addon1">
                        <span class="input-group-addon" id="basic-addon1" title="Please Type Meta Title"><i class="fa fa-book "></i></span>
                    </div>
                </div>
                <div class="col-sm-12"><br></div>
        <!-- ------------------------Meta Title End---------------------- -->
        
        <!-- ---------------- Meta Url Start---------------- -->
                <div class="form-group col-sm-8">
                    <label>Meta Url</label>
                    <div class="input-group col-sm-12">
                        <input type="text" 
                               class="form-control" 
                               name="meta_url" 
                               id="meta_url"
                               value=""
                               placeholder="Meta Url.." aria-describedby="basic-addon1">
                        <span class="input-group-addon" id="basic-addon1" title="Meta Url"><i class="fa fa-link "></i></span>
                    </div>
                </div>
                <div class="col-sm-12"><br></div>
        <!-- ------------------------Meta Url End---------------------- -->

        <!-- --------------------Meta Keywords Start-------------------- -->            
                <div class="form-group col-sm-8" >
                    <label>Meta Keywords</label>
                    <div class="input-group col-sm-12">
                        <input  type="text"
                                class="form-control"
                                name="meta_keywords"
                                id="meta_keywords" 
                                placeholder="Please Type Meta Keywords" aria-describedby="basic-addon1">
                        <span class="input-group-addon" id="basic-addon1" title="Please Type Meta Keywords"><i class="fa fa-globe"></i></span>
                    </div>
                </div>
                <div class="col-sm-12"><br></div>
        <!-- --------------------Meta Keywords End-------------------- -->   
        
        <!-- --------------------Meta Description Start-------------------- -->            
                <div class="form-group col-sm-12" >
                    <div class="input-group col-sm-8 text-left">
                        <label>Meta Description</label>
                        <textarea class="form-control " 
                                  name="meta_description"
                                  id="meta_description"
                                  pattern=".{3,160}" required title="3 to 160 characters"
                                  placeholder="Please Type Meta Description.." aria-describedby="basic-addon1"
                                  rows="4"></textarea>
                    </div>
                </div>
                <div class="col-sm-12"><br></div>
        <!-- --------------------Meta Description End-------------------- -->    
        
        <!-- ----------------Meta Author Start---------------- -->
                <div class="form-group col-sm-8">
                    <label>Meta Author</label>
                    <div class="input-group col-sm-12">
                        <input type="text" 
                               class="form-control" 
                               name="meta_author" 
                               id="meta_author"
                               value=""
                               placeholder="Please Type Meta Author Name.." aria-describedby="basic-addon1">
                        <span class="input-group-addon" id="basic-addon1" title="Please Type Meta Author Name"><i class="fa fa-user"></i></span>
                    </div>
                </div>
                <div class="col-sm-12"><br></div>

          <!-- ----------------Meta Author End---------------- -->

                <div class="col-sm-12"><br></div>
                     <div class="form-group col-sm-4 col-sm-offset-4">
                         <button type="submit" class="btn btn-default meta_button"><i class="fa fa-save" title="Add Meta Information"></i></button><br/><br/>
                     </div>
                     <?php echo form_close(); ?>
            </div>
        </div>
    </div>
</div>
<link href="<?php echo base_url();?>meta_assest/meta_assest_css/customize_meta_information.css" rel="stylesheet" type="text/css"/>

