Logo

Default Example


       <form class="form">
        <div class="card-body">
         <div class="form-group m-0">
          <label>Choose Delivery Type:</label>
          <div class="row">
           <div class="col-lg-6">
            <label class="option">
             <span class="option-control">
              <span class="radio">
               <input type="radio" name="m_option_1" value="1" checked="checked"/>
               <span></span>
              </span>
             </span>
             <span class="option-label">
              <span class="option-head">
               <span class="option-title">
                Standard Delivery
               </span>
               <span class="option-focus">
                Free
               </span>
              </span>
              <span class="option-body">
               Estimated 14-20 Day Shipping
               (Duties and taxes may be due
               upon delivery)
              </span>
             </span>
            </label>
           </div>
           <div class="col-lg-6">
            <label class="option">
             <span class="option-control">
              <span class="radio">
               <input type="radio" name="m_option_1" value="1"/>
               <span></span>
              </span>
             </span>
             <span class="option-label">
              <span class="option-head">
               <span class="option-title">
                Fast Delivery
               </span>
               <span class="option-focus">
                $&nbsp;8.00
               </span>
              </span>
              <span class="option-body">
               Estimated 2-5 Day Shipping
               (Duties and taxes may be due
               upon delivery)
              </span>
             </span>
            </label>
           </div>
          </div>
         </div>

         <div class="separator separator-dashed my-8"></div>

         <div class="form-group">
          <label>Membership:</label>
          <div class="row">
           <div class="col-lg-6">
            <label class="option option-plain">
             <span class="option-control">
              <span class="radio">
               <input type="radio" name="m_option_1" value="1" checked="checked"/>
               <span></span>
              </span>
             </span>
             <span class="option-label">
              <span class="option-head">
               <span class="option-title">
                Premium Partner
               </span>
              </span>
              <span class="option-body">
               30 days free trial and lifetime free updates
              </span>
             </span>
            </label>
           </div>
           <div class="col-lg-6">
            <label class="option option option-plain">
             <span class="option-control">
              <span class="radio">
               <input type="radio" name="m_option_1" value="1" checked="checked"/>
               <span></span>
              </span>
             </span>
             <span class="option-label">
              <span class="option-head">
               <span class="option-title">
                Free Membership
               </span>
              </span>
              <span class="option-body">
               24/7 support and Lifetime access
              </span>
             </span>
            </label>
           </div>
          </div>
         </div>
        </div>
        <div class="card-footer">
         <button type="reset" class="btn btn-primary mr-2">Submit</button>
         <button type="reset" class="btn btn-secondary">Cancel</button>
        </div>
       </form>
      

Horizontal Form Example


       <form class="form">
        <div class="card-body">
         <div class="form-group row m-0">
          <label class="col-lg-2 col-form-label">Delivery:</label>
          <div class="col-lg-10">
           <div class="row">
            <div class="col-lg-6">
             <label class="option">
              <span class="option-control">
               <span class="radio radio-bold radio-brand" checked="checked"/>
                <input type="radio" name="m_option_1" value="1"/>
                <span></span>
               </span>
              </span>
              <span class="option-label">
               <span class="option-head">
                <span class="option-title">
                 Standard Delivery
                </span>
                <span class="option-focus">
                 Free
                </span>
               </span>
               <span class="option-body">
                Estimated 14-20 Day Shipping
                (Duties and taxes may be due)
               </span>
              </span>
             </label>
            </div>
            <div class="col-lg-6">
             <label class="option">
              <span class="option-control">
               <span class="radio radio-bold radio-brand">
                <input type="radio" name="m_option_1" value="1"/>
                <span></span>
               </span>
              </span>
              <span class="option-label">
               <span class="option-head">
                <span class="option-title">
                 Fast Delivery
                </span>
                <span class="option-focus">
                 $&nbsp;8.00
                </span>
               </span>
               <span class="option-body">
                Estimated 2-5 Day Shipping
                (Duties and taxes may be due)
               </span>
              </span>
             </label>
            </div>
           </div>
          </div>
         </div>

         <div class="separator separator-dashed my-8"></div>

         <div class="form-group row m-0">
          <label class="col-lg-2 col-form-label">Full Name:</label>
          <div class="col-lg-10">
           <div class="row">
            <div class="col-lg-6">
             <label class="option option-plain">
              <span class="option-control">
               <span class="radio radio-brand">
                <input type="radio" name="m_option_1" value="1"/>
                <span></span>
               </span>
              </span>
              <span class="option-label">
               <span class="option-head">
                <span class="option-title">
                 Premium Partner
                </span>
               </span>
               <span class="option-body">
                30 days free trial and lifetime free updates
               </span>
              </span>
             </label>
            </div>
            <div class="col-lg-6">
             <label class="option option-plain">
              <span class="option-control">
               <span class="radio radio-brand">
                <input type="radio" name="m_option_1" value="1" checked="checked"/>
                <span></span>
               </span>
              </span>
              <span class="option-label">
               <span class="option-head">
                <span class="option-title">
                 Free Membership
                </span>
               </span>
               <span class="option-body">
                24/7 support and Lifetime access
               </span>
              </span>
             </label>
            </div>
           </div>
          </div>
         </div>
        </div>
        <div class="card-footer">
         <button type="reset" class="btn btn-success mr-2">Submit</button>
         <button type="reset" class="btn btn-secondary">Cancel</button>
        </div>
       </form>
                  

Notifications 24 New

Quick Actions finance & reports

User Profile 12 messages

James Jones
Application Developer
Recent Notifications
Another purpose persuade Due in 2 Days
+28%
Would be to people Due in 2 Days
+50%
-27%
The best product Due in 2 Days
+8%

Select A Demo