https://github.com/full-stack-web-developer-and-designer/bootstrapform
Contact Form created using Bootstrap 3
https://github.com/full-stack-web-developer-and-designer/bootstrapform
bootstrap bootstrap3 css forms mirnesglamocic
Last synced: 2 months ago
JSON representation
Contact Form created using Bootstrap 3
- Host: GitHub
- URL: https://github.com/full-stack-web-developer-and-designer/bootstrapform
- Owner: full-stack-web-developer-and-designer
- License: mit
- Created: 2021-10-31T03:53:12.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-02-08T18:53:39.000Z (over 4 years ago)
- Last Synced: 2025-01-12T02:38:22.761Z (over 1 year ago)
- Topics: bootstrap, bootstrap3, css, forms, mirnesglamocic
- Language: HTML
- Homepage: https://full-stack-web-developer-and-designer.github.io/BootstrapForm.html
- Size: 168 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Bootstrap Contact Form
A clean and responsive **contact form** built with **Bootstrap** β perfect for collecting user details, messages, and preferences.
Live demo available here: https://full-stack-web-developer-and-designer.github.io/BootstrapForm/
---
## π About The Project
This project showcases a fully styled contact form using Bootstrapβs UI components and form validation patterns.
It collects basic user information such as name, email address, select list choices, checkboxes, and comments β ideal for landing pages or portfolio sites.
π‘ Built as a front-end UI demo without backend processing.
---
## π οΈ Built With
The following technologies were used to create this project:
- **HTML5**
- **Bootstrap 3** (CSS framework for responsive design)
- **CSS** (Custom CSS)
---
## π Features
- Responsive layout that adapts to all screen sizes
- Validated form fields (e.g., email, text)
- Select dropdown and checkbox inputs
- Styled submit button
- Clean, minimal design ready for integration
---
## π₯ Live Demo
You can try the working form directly here:
π https://full-stack-web-developer-and-designer.github.io/BootstrapForm/
---
### π· Screenshot
[](https://full-stack-web-developer-and-designer.github.io/BootstrapForm)
---
## π§ Getting Started
To run this project locally:
### Prerequisites
Youβll need a modern web browser.
### Clone the Repository
```bash
git clone https://github.com/full-stack-web-developer-and-designer/BootstrapForm.git
```
### Open in Browser
Simply navigate to the project folder and open:
```diff
index.html
```
(or double-click the file to launch in your default browser)
---
### π Usage
Use this template as a starting point for:
- Portfolio contact pages
- Landing page lead capture
- Form UI prototyping
You can connect the form to your backend or services like Formspree, Google Sheets, or custom APIs.
---
### π Project Structure
```graphql
BootstrapForm/
βββ index.html # Main page containing Bootstrap Contact Form
|
βββ css/
| βββ bootstrap.min.css # Bootstrap CSS
| βββ style.css # Custom CSS
|
|ββ fonts/* # glyphicons fonts
|
βββ js/
| βββ bootstrap.min.js # Bootstrap JS
| βββ jquery-2.1.4.min.js # jQuery
|
βββ LICENSE # MIT LICENSE
|
βββ README.md # This documentation file
|
βββ screenshot.png # screenshot
```
---
### π€ Contributing
Contributions are welcome! Hereβs how you can help:
1. Fork the repository
2. Create your feature branch:
```git
git checkout -b feature/YourFeature
```
3. Commit your changes:
```git
git commit -m "Add some feature"
```
4. Push to your branch:
```git
git push origin feature/YourFeature
```
5. Open a Pull Request
Feel free to open issues for bugs or ideas too!
---
### π License
This project is open source and available under the MIT License.
See the LICENSE file for details.
---
### π€ Author
#### Mirnes GlamoΔiΔ
π https://mirnesglamocic.com
π§ Contact available on the website
---
### β Acknowledgments
Thank you for trying Bootstrap Contact Form!
Feel free to send suggestions or improvements.
---
### β If you find this project helpful, please give it a star!