Logo
Stockholm-icons / Layout / Layout-4-blocks Created with Sketch.
Stockholm-icons / Communication / Chat6 Created with Sketch.

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>
		                

User Profile 15 messages

Recent Notifications
Stockholm-icons / Layout / Layout-polygon Created with Figma. Stockholm-icons / Files / File-done Created with Sketch.

Important Notice

Lorem Ipsum is simply dummy text of the printing and industry.

Stockholm-icons / Layout / Layout-polygon Created with Figma. Stockholm-icons / Design / Pen&ruller Created with Sketch.

System Update

There are many variations of passages of Lorem Ipsum available.

Stockholm-icons / Layout / Layout-polygon Created with Figma. Stockholm-icons / General / Thunder-move Created with Sketch.

Server Maintenance

Contrary to popular belief, Lorem Ipsum is not simply random text.

Stockholm-icons / Layout / Layout-polygon Created with Figma. Stockholm-icons / Home / Alarm-clock Created with Sketch.

DB Migration

If you are going to use a passage of Lorem Ipsum, you need.

System Messages
Stockholm-icons / Communication / Group-chat Created with Sketch.
09:30 AM

To start a blog, think of a topic about and first brainstorm ways to write details

Stockholm-icons / General / Attachment2 Created with Sketch.
2:45 PM

To start a blog, think of a topic about and first brainstorm ways to write details

Stockholm-icons / Home / Library Created with Sketch.
3:12 PM

To start a blog, think of a topic about and first brainstorm ways to write details

Stockholm-icons / Communication / Add-user Created with Sketch.
7:05 PM

To start a blog, think of a topic about and first brainstorm ways to write details

Privacy Settings:

After you log in, you will be asked for additional information to confirm your identity.

Security Settings:

After you log in, you will be asked for additional information to confirm your identity. For extra security, this requires you to confirm your email. Learn more.

Stockholm-icons / Navigation / Up-2 Created with Sketch.

Select A Demo

Demo 1
Demo 2
Demo 3
Demo 4
Demo 5
Demo 6
Demo 7
Demo 8
Demo 9