#### Project Info

Form Actions On Top Left.

To add form actions on top of the form add a div with `.form-actions` class to begin the form. Add `.top` class to add border below form actions.

#### Personal Info

First Name
Last Name
E-mail
Contact Number

#### Requirements

Company
Interested in
Budget
Select File
About Project

#### User Profile

Form Actions On Bottom Right.

To add form actions on bottom of the form add a div with `.form-actions` class to end the form. This is the default position for form actions. We have added `.right` class to move buttons on the right side.

#### About User

Fist Name
Last Name
Username
Nick Name

#### Contact Info & Bio

Email
Website
Contact Number
Bio

#### Issue Tracking

Form Actions On Top And Bottom Left.

To add form actions on top and bottom of the form add a div with `.form-actions` class to start and end the form.

Issue Title
Opened By
Date Opened
Date Fixed
Priority
Status
Comments

#### Timesheet

Form Actions On Top And Bottom Right.

To add form actions on top and bottom of the form add a div with `.form-actions` class to start and end the form. Add `.right` class to align the form action buttons to right.

Employee Name
Project Name
Date
Rate Per Hour
$
.00
Start Time
End Time
Notes

#### Complaint Form

Form Actions On Center With Dropdown Form Action.

To add form actions on bottom of the form add a div with `.form-actions` class to end the form. Add `.center` class to align the form action buttons to center. We can also add more form action using dropdown button to the top right corner of the form.

Company Name
Employee Name
Date of Complaint
Supervisor's Name
Complaint Details
Signature

#### Donation

Form Actions On Center With Search Form Action.

To add form actions on bottom of the form add a div with `.form-actions` class to end the form. Add `.center` class to align the form action buttons to center. We can also search bar action of the form.

Full Name
Email
Contact Number
Dontaion Type
Amount
$
.00
Comments

#### Event Registration

Multiple Form Actions On Top And Bottom.

To add form actions on top and bottom of the form add a div with `.form-actions` class to start and end the form. Add `.buttons-group` class along with `.float-*` class to pull the buttons group to either left or right.

Full Name
Title
Company
Email
Contact Number
Existing Customer
Yes
No

#### Event Registration

Form Actions On Top And Bottom Center.

To add form actions on top and bottom of the form add a div with `.form-actions` class to start and end the form. Add `.center` class to align the form action buttons to center.

Full Name
Title
Company
Email
Contact Number
Existing Customer
Yes
No