<form >
      <div class="row">
        <div class="form-group col-md-6">
          <input type="text" class="form-control" id="exampleInputFname" aria-describedby="userFame" placeholder="Enter email">
        </div>
        <div class="form-group col-md-6">
          <input type="text" class="form-control" id="exampleInputLname" aria-describedby="userLame" placeholder="Enter email">
        </div>
        <div class="form-group col-md-12">
          <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
        </div>
        <div class="form-group col-md-12">
          <textarea class="form-control" id="exampleTextarea" rows="5" placeholder="Your message"></textarea>
        </div>
      </div>
      <button type="submit" class="btn btn-default btn-primary">Send message</button>
    </form>
  
              

  
    <div class="form-group row">
      <label for="example-text-input" class="col-md-2 col-form-label">Text</label>
      <div class="col-md-10">
        <input class="form-control" type="text" placeholder="Enter Name">
      </div>
    </div>
    <div class="form-group row">
      <label for="example-search-input" class="col-md-2 col-form-label">Search</label>
      <div class="col-md-10">
        <input class="form-control" type="search" placeholder="What to search">
      </div>
    </div>
    <div class="form-group row">
      <label for="example-email-input" class="col-md-2 col-form-label">Email</label>
      <div class="col-md-10">
        <input class="form-control" type="email" placeholder="email@example.com">
      </div>
    </div>
    <div class="form-group row">
      <label for="example-tel-input" class="col-md-2 col-form-label">Phone</label>
      <div class="col-md-10">
        <input class="form-control" type="tel" placeholder="Your phone number">
      </div>
    </div>
    <div class="form-group row">
      <label for="example-password-input" class="col-md-2 col-form-label">Password</label>
      <div class="col-md-10">
        <input class="form-control" type="password" placeholder="Enter password">
      </div>
    </div>
    <div class="form-group row">
      <label for="example-url-input" class="col-md-2 col-form-label">URL</label>
      <div class="col-md-10">
        <input class="form-control" type="url" placeholder="https://getbootstrap.com/">
      </div>
    </div>
    <div class="form-group row">
      <label for="example-datetime-local-input" class="col-md-2 col-form-label">Date Time</label>
      <div class="col-md-10">
        <input class="form-control" type="datetime-local" value="2017-06-19T13:45:00" id="example-datetime-local-input">
      </div>
    </div>
    <div class="form-group row">
      <label for="example-number-input" class="col-md-2 col-form-label">Number</label>
      <div class="col-md-10">
        <input class="form-control" type="number" value="999">
      </div>
    </div>
    <div class="form-group row">
      <label for="example-location" class="col-md-2 col-form-label">Country</label>
      <div class="col-md-10 selectOptions ">
        <select name="country" class="form-control select-drop">
          <option>Select Country</option>
          <option>bangladesh</option>
          <option>Usa</option>
          <option>Singapore</option>
        </select>
      </div>
    </div>
    <div class="form-group row">
      <label for="example-textarea" class="col-md-2 col-form-label">Textarea</label>
      <div class="col-md-10">
        <textarea class="form-control" id="example-textarea" rows="5" placeholder="Your message"></textarea>
      </div>
    </div>
  
              

  
    <!-- Checkbox input -->
    <div class="form-check ">
      <input id="checkbox-2" class="checkbox-custom form-check-input" name="checkbox-2" type="checkbox">
      <label for="checkbox-2" class="checkbox-custom-label form-check-label ">Unchecked</label>
    </div>

    <div class="form-check ">
      <input id="checkbox-3" class="checkbox-custom form-check-input" name="checkbox-3" type="checkbox" checked>
      <label for="checkbox-3" class="checkbox-custom-label form-check-label">Checked</label>
    </div>

    <!-- Radio input -->
    <div class="form-check ">
      <input id="radio-2" class="radio-custom form-check-input" name="radio-2" type="radio">
      <label for="radio-2" class="radio-custom-label form-check-label ">Unchecked</label>
    </div>

    <div class="form-check ">
      <input id="radio-3" class="radio-custom form-check-input" name="radio-3" type="radio" checked>
      <label for="radio-3" class="radio-custom-label form-check-label">Checked</label>
    </div>