{"id":19935934,"url":"https://github.com/full-stack-web-developer-and-designer/bootstrapform","last_synced_at":"2026-04-21T10:05:08.392Z","repository":{"id":204599955,"uuid":"423046934","full_name":"full-stack-web-developer-and-designer/BootstrapForm","owner":"full-stack-web-developer-and-designer","description":"Contact Form created using Bootstrap 3","archived":false,"fork":false,"pushed_at":"2022-02-08T18:53:39.000Z","size":172,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-12T02:38:22.761Z","etag":null,"topics":["bootstrap","bootstrap3","css","forms","mirnesglamocic"],"latest_commit_sha":null,"homepage":"https://full-stack-web-developer-and-designer.github.io/BootstrapForm.html","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/full-stack-web-developer-and-designer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2021-10-31T03:53:12.000Z","updated_at":"2022-02-08T18:53:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"83674ab8-0f7a-4831-a588-ed4a4860c685","html_url":"https://github.com/full-stack-web-developer-and-designer/BootstrapForm","commit_stats":null,"previous_names":["full-stack-web-developer-and-designer/bootstrapform"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/full-stack-web-developer-and-designer%2FBootstrapForm","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/full-stack-web-developer-and-designer%2FBootstrapForm/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/full-stack-web-developer-and-designer%2FBootstrapForm/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/full-stack-web-developer-and-designer%2FBootstrapForm/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/full-stack-web-developer-and-designer","download_url":"https://codeload.github.com/full-stack-web-developer-and-designer/BootstrapForm/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241361927,"owners_count":19950472,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","bootstrap3","css","forms","mirnesglamocic"],"created_at":"2024-11-12T23:22:41.284Z","updated_at":"2026-04-21T10:05:08.379Z","avatar_url":"https://github.com/full-stack-web-developer-and-designer.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bootstrap Contact Form\n\nA clean and responsive **contact form** built with **Bootstrap** — perfect for collecting user details, messages, and preferences.  \nLive demo available here: https://full-stack-web-developer-and-designer.github.io/BootstrapForm/\n\n---\n\n## 🚀 About The Project\n\nThis project showcases a fully styled contact form using Bootstrap’s UI components and form validation patterns.  \nIt collects basic user information such as name, email address, select list choices, checkboxes, and comments — ideal for landing pages or portfolio sites.\n\n💡 Built as a front-end UI demo without backend processing.\n\n---\n\n## 🛠️ Built With\n\nThe following technologies were used to create this project:\n\n- **HTML5**\n- **Bootstrap 3** (CSS framework for responsive design)\n- **CSS** (Custom CSS)\n\n---\n\n## 📋 Features\n\n- Responsive layout that adapts to all screen sizes\n- Validated form fields (e.g., email, text)\n- Select dropdown and checkbox inputs\n- Styled submit button\n- Clean, minimal design ready for integration\n\n---\n\n## 📥 Live Demo\n\nYou can try the working form directly here:  \n👉 https://full-stack-web-developer-and-designer.github.io/BootstrapForm/\n\n---\n\n### 📷 Screenshot\n\n[![Mockup of project Bootstrap Contact Form by professional web developer and designer Mirnes Glamočić](/screenshot.png)](https://full-stack-web-developer-and-designer.github.io/BootstrapForm)\n\n---\n\n## 🔧 Getting Started\n\nTo run this project locally:\n\n### Prerequisites\n\nYou’ll need a modern web browser.\n\n### Clone the Repository\n\n```bash\ngit clone https://github.com/full-stack-web-developer-and-designer/BootstrapForm.git\n```\n\n### Open in Browser\n\nSimply navigate to the project folder and open:\n\n```diff\nindex.html\n```\n\n(or double-click the file to launch in your default browser)\n\n---\n\n### 📌 Usage\n\nUse this template as a starting point for:\n\n- Portfolio contact pages\n\n- Landing page lead capture\n\n- Form UI prototyping\n\nYou can connect the form to your backend or services like Formspree, Google Sheets, or custom APIs.\n\n---\n\n### 📂 Project Structure\n\n```graphql\nBootstrapForm/\n│── index.html                  # Main page containing Bootstrap Contact Form\n|\n│── css/\n|    │── bootstrap.min.css      # Bootstrap CSS\n|    └── style.css              # Custom CSS\n|\n|── fonts/*                     # glyphicons fonts\n|\n│── js/\n|    │── bootstrap.min.js       # Bootstrap JS\n|    └── jquery-2.1.4.min.js    # jQuery\n|\n│── LICENSE              # MIT LICENSE\n|\n│── README.md            # This documentation file\n|\n└── screenshot.png       # screenshot\n```\n---\n\n### 🤝 Contributing\n\nContributions are welcome! Here’s how you can help:\n\n1. Fork the repository\n\n2. Create your feature branch:\n    ```git\n    git checkout -b feature/YourFeature\n    ```\n3. Commit your changes:\n    ```git\n    git commit -m \"Add some feature\"\n    ```\n4. Push to your branch:\n    ```git\n    git push origin feature/YourFeature\n    ```\n5. Open a Pull Request\n\nFeel free to open issues for bugs or ideas too!\n\n---\n\n### 📄 License\n\nThis project is open source and available under the MIT License.\nSee the LICENSE file for details.\n\n---\n\n### 👤 Author\n\n#### Mirnes Glamočić\n🌐 https://mirnesglamocic.com\n\n📧 Contact available on the website\n\n---\n\n### ⭐ Acknowledgments\n\nThank you for trying Bootstrap Contact Form!\n\nFeel free to send suggestions or improvements.\n\n---\n\n### ⭐ If you find this project helpful, please give it a star!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffull-stack-web-developer-and-designer%2Fbootstrapform","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffull-stack-web-developer-and-designer%2Fbootstrapform","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffull-stack-web-developer-and-designer%2Fbootstrapform/lists"}