<form>
    <div class="form-group">
        <label>Name</label>
        <input type="text" class="form-control" placeholder="Enter Name">
        <small class="form-text text-muted">Please enter your name here.</small>
    </div>
    <div class="form-group">
        <label>Email</label>
        <input type="email" class="form-control" placeholder="Email">
    </div>
    <div class="form-group">
        <label>Message</label>
        <textarea class="form-control" rows="5" placeholder="Message"></textarea>
    </div>
    <div class="form-group">
        <div class="custom-control custom-checkbox">
            <input type="checkbox" class="custom-control-input" id="customCheck0">
            <label class="custom-control-label" for="customCheck0">Check me out</label>
        </div>
    </div>
    <button type="submit" class="btn btn-pill btn-primary">Submit</button>
</form>

<form>
    <div class="form-group">
        <div class="icon-field">
            <i class="fa fa-envelope-open-text"></i>
            <input type="email" class="form-control" placeholder="Email Address">
        </div>
    </div>
    <div class="form-group">
        <div class="icon-field-right">
            <i class="fa fa-eye"></i>
            <input type="password" class="form-control" placeholder="Enter Password">
        </div>
    </div>
</form>

<form>
    <div class="form-group">
        <select class="custom-select">
            <option selected>Open this select menu</option>
            <option value="1">One</option>
            <option value="2">Two</option>
            <option value="3">Three</option>
        </select>
    </div>
    <div class="form-group">
        <div class="custom-file">
            <input type="file" class="custom-file-input" id="customFile">
            <label class="custom-file-label" for="customFile">Choose file</label>
        </div>
    </div>
</form>

<form>
    <div class="form-group">
        <div class="custom-control custom-checkbox">
            <input type="checkbox" class="custom-control-input" id="customCheck1">
            <label class="custom-control-label" for="customCheck1">Checkbox</label>
        </div>
    </div>
    <div class="form-group">
        <div class="custom-control custom-checkbox">
            <input type="checkbox" class="custom-control-input" id="customCheckDisabled1" disabled>
            <label class="custom-control-label" for="customCheckDisabled1">Disabled checkbox</label>
        </div>
    </div>
</form>

<form>
    <div class="form-group">
        <div class="custom-control custom-radio custom-control-inline mb-3">
            <input type="radio" id="customRadioInline1" name="customRadioInline1" class="custom-control-input">
            <label class="custom-control-label" for="customRadioInline1">Custom radio 1</label>
        </div>
        <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" id="customRadioInline2" name="customRadioInline1" class="custom-control-input">
            <label class="custom-control-label" for="customRadioInline2">Custom radio 2</label>
        </div>
    </div>
    <div class="form-group">

    </div>
</form>

<form>
    <div class="form-group">
        <div class="custom-control custom-switch mb-3">
            <input type="checkbox" class="custom-control-input" checked id="customSwitch1">
            <label class="custom-control-label" for="customSwitch1">Toggle this switch element</label>
        </div>
        <div class="custom-control custom-switch">
            <input type="checkbox" class="custom-control-input" disabled id="customSwitch2">
            <label class="custom-control-label" for="customSwitch2">Disabled switch element</label>
        </div>
    </div>
</form>