Form

Component 1

              
                <div class="form-group input-group">
                  <input type="text" class="form-control inptFielsd country-phone" id="phoneNumber" placeholder="Your phone">
                </div>

Component 2

              
                <div class="form-group">
                  <input type="email" class="form-control form-icon" id="email" placeholder="Your email">
                </div>

Component 3

              
                <label class="form-label" for="label">Label</label>

Component 4

              
                <div class="form-group">
                  <textarea class="form-control" placeholder="Type your message"></textarea>
                </div>

Component 5

              
                <div class="row">
                  <div class="col-md-4">
                    <div class="form-check form-check-lg form-check-inline">
                      <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked>
                    </div>
                    <div class="form-check form-check-lg form-check-inline">
                      <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-check form-check-inline">
                      <input class="form-check-input" type="radio" name="inlineRadioOptions1" id="inlineRadio3" value="option1" checked>
                    </div>
                    <div class="form-check form-check-inline">
                      <input class="form-check-input" type="radio" name="inlineRadioOptions1" id="inlineRadio4" value="option2">
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-check form-check-sm form-check-inline">
                      <input class="form-check-input" type="radio" name="inlineRadioOptions2" id="inlineRadio5" value="option1" checked>
                    </div>
                    <div class="form-check form-check-sm form-check-inline">
                      <input class="form-check-input" type="radio" name="inlineRadioOptions2" id="inlineRadio6" value="option2">
                    </div>
                  </div>
                </div>

Component 6

              
                <div class="row">
                  <div class="col-md-4">
                    <div class="form-check form-check-lg form-check-inline">
                      <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" checked>
                    </div>
                    <div class="form-check form-check-lg form-check-inline">
                      <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-check form-check-inline">
                      <input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option3" checked>
                    </div>
                    <div class="form-check form-check-inline">
                      <input class="form-check-input" type="checkbox" id="inlineCheckbox4" value="option4">
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-check form-check-sm form-check-inline">
                      <input class="form-check-input" type="checkbox" id="inlineCheckbox5" value="option5" checked>
                    </div>
                    <div class="form-check form-check-sm form-check-inline">
                      <input class="form-check-input" type="checkbox" id="inlineCheckbox6" value="option6">
                    </div>
                  </div>
                </div>

Component 7

              
                <div class="row">
                  <div class="col-md-4">
                    <div class="form-check form-switch form-switch-lg form-check-inline">
                      <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault1">
                    </div>
                    <div class="form-check form-switch form-switch-lg form-check-inline">
                      <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked1" checked>
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-check form-switch form-check-inline">
                      <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault2">
                    </div>
                    <div class="form-check form-switch form-check-inline">
                      <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked2" checked>
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-check form-switch form-switch-sm form-check-inline">
                      <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault3">
                    </div>
                    <div class="form-check form-switch form-switch-sm form-check-inline">
                      <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked3" checked>
                    </div>
                  </div>
                </div>

Component 8

Nayzak Sign up with Google 
              
                <a href="#0" class="btn rounded-pill btn-outline-social w-100"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/icon-google.svg"
                    width="20" height="20" alt="Nayzak"> Sign up with Google</a>