Horizontal Layouts - Forms | Sneat - Bootstrap 5 HTML Admin Template

- English
- French
- Arabic
- German
Shortcuts

Calendar Appointments

Invoice App Manage Accounts

User App Manage Users

Role Management Permission

Dashboard User Profile

Setting Account Settings

FAQs FAQs & Articles

Modals Useful Popups
- Light
- Dark
- System
5
- Notification
- - Congratulation Lettie 🎉
    
    Won the monthly best seller gold badge
    1h ago
  - CF
    
    Charles Franklin
    
    Accepted your connection
    12hr ago
  - New Message ✉️
    
    You have new message from Natalie
    1h ago
  - Whoo! You have new order 🛒
    
    ACME Inc. made new order $1,154
    1 day ago
  - Application has been approved 🚀
    
    Your ABC project application has been approved.
    2 days ago
  - Monthly report is generated
    
    July monthly financial report is generated
    3 days ago
  - Send connection request
    
    Peter sent you connection request
    4 days ago
  - New message from Jane
    
    Your have new message from Jane
    5 days ago
  - CPU is running high
    
    CPU Utilization Percent is currently at 88.63%,
    5 days ago
- John Doe Admin
- My Profile
- Settings
- Billing 4
- FAQ
- Pricing
- Log Out

Forms/ Horizontal Layouts

Basic Layout

Default label

Basic with Icons

Merged input group

Name

Company

@example.com

You can use letters, numbers & periods

Phone No

Message

Form Separator

1. Account Details

Username

@example.com

Password

2. Personal Info

Full Name

Country

Language

Birth Date

Phone No

Form Label Alignment

1. Account Details

Username

@example.com

Password

2. Personal Info

Full Name

Country

Language

Birth Date

Phone No

Collapsible Section

Full Name

Phone No

Address

Pincode

Landmark

City

State

Address Type

Home (All day delivery)

Office (Delivery between 10 AM - 5 PM)

Standard 3-5 Days Free Friday, 15 Nov - Monday, 18 Nov

Express $5.00 Friday, 15 Nov - Sunday, 17 Nov

Overnight $10.00 Friday, 15 Nov - Saturday, 16 Nov

Credit/Debit/ATM Card

Cash On Delivery

Card Number

Name

Exp. Date

CVV Code

Form with Tabs

First Name

Last Name

Country

Language

Birth Date

Phone No

Username

@example.com

Password

Confirm

Forms/ Horizontal Layouts

Basic Layout

Basic with Icons

Form Separator

1. Account Details

2. Personal Info

Form Label Alignment

1. Account Details

2. Personal Info

Collapsible Section

Form with Tabs

Form Alignment

Sign In

Congratulation Lettie 🎉

Charles Franklin

New Message ✉️

Whoo! You have new order 🛒

Application has been approved 🚀

Monthly report is generated

Send connection request

New message from Jane

CPU is running high

Forms/ Horizontal Layouts

Basic Layout

Basic with Icons

Form Separator

1. Account Details

2. Personal Info

Form Label Alignment

1. Account Details

2. Personal Info

Collapsible Section

Delivery Address

Delivery Options

Payment Method

Form with Tabs

Form Alignment

Sign In