 <div style="width:70%; margin:auto;padding-top:30px;"> 
  <form id="form">
      <div class="col-md-12">
          <div class="row">
               <div class="col-md-6 form-group otherType">
                  <span class="d-flex">
                      <label for="usr" class="col-form-label control-label">{{#str}}profession, local_coursecreation_wizard{{/str}}</label>
                      <a class="btn btn-link pull-right" role="button" data-container="body" data-toggle="popover" data-placement="right" data-content="<div class=&quot;no-overflow&quot;><p>{{#str}}parentcategoryHelp, local_coursecreation_wizard{{/str}}</p></div> " data-html="true" tabindex="0" data-trigger="focus" data-original-title="" title="">
                          <i class="icon fa fa-question-circle text-info fa-fw " title="{{#str}}Helpwithparentcategory, local_coursecreation_wizard{{/str}}" aria-label=""></i>
                      </a>
                  </span>
                  <select   class="form-control" id="parentcategory" name="parentcategory" >
                  {{#mksubcats}} <option value="{{sudcatid}}" >{{subcatname}}</option>{{/mksubcats}}
                  </select>
              </div>

               <div class="col-md-6 form-group otherType">
                  <span class="d-flex">
                      <label class="col-form-label control-label">{{#str}}careerpath, local_coursecreation_wizard{{/str}}</label>
                      <a class="btn btn-link pull-right" role="button" data-container="body" data-toggle="popover" data-placement="right" data-content="<div class=&quot;no-overflow&quot;><p>{{#str}}categorynameHelp, local_coursecreation_wizard{{/str}}</p></div> " data-html="true" tabindex="0" data-trigger="focus" data-original-title="" title="">
                          <i class="icon fa fa-question-circle text-info fa-fw " title="{{#str}}Helpwithcategoryname, local_coursecreation_wizard{{/str}}" aria-label=""></i>
                      </a>
                  </span>
                  <input type="text" class="form-control" id="categoryname" name="categoryname">
              </div>

              <div class="col-md-12 form-group otherType">
                  <span class="d-flex">
                      <label class="col-form-label">{{#str}}careerpathdescription, local_coursecreation_wizard{{/str}}</label>
                      <a class="btn btn-link pull-right" role="button" data-container="body" data-toggle="popover" data-placement="right" data-content="<div class=&quot;no-overflow&quot;><p>{{#str}}categorydescriptionHelp, local_coursecreation_wizard{{/str}}</p></div> " data-html="true" tabindex="0" data-trigger="focus" data-original-title="" title="">
                            <i class="icon fa fa-question-circle text-info fa-fw " title="{{#str}}Helpwithcategorydescription, local_coursecreation_wizard{{/str}}" aria-label=""></i>
                        </a>
                  </span>
                  <textarea name="categorydescription" id="categorydescription" class="form-control" rows="6" cols="50" placeholder="Enter the description..."></textarea>
              </div>
          </div>
          <div class="text-right form-group">
              <button type="submit" class="btn btn-primary add">Submit</button>
          </div>
      </div>
  </form>
  </div>