Bootstrap Form Snippet Template Download | HTML Form Design

Download a free, responsive contact form template designed with Bootstrap. This easy-to-use HTML form is customizable and perfect for personal or business websites. Get your free form snippet today!

HTML

CSS

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
 body {
     font-family: "Nunito", sans-serif;
}
 .fw_form_2 {
     text-align: left;
     padding: 50px 0;
     background-color: #111;
     color: #fff;
}
 .fw_form_2 .heading h2 {
     text-transform: capitalize;
     font-weight: 700;
     margin-bottom: 30px;
     font-size: 1.5rem;
}
 .fw_form_2 form input {
     border-radius: 5px;
     box-shadow: none;
     padding: 10px 15px;
     height: auto;
     color: #fff;
     background-color: transparent;
}
 .fw_form_2 form input::placeholder, .fw_form_2 form textarea::placeholder {
     color: #fff;
     text-transform: capitalize;
     opacity: .7;
}
 .fw_form_2 form textarea {
     border-radius: 5px;
     box-shadow: none;
     color: #fff;
     background-color: transparent;
}
 .fw_form_2 form input:focus, .fw_form_2 form textarea:focus {
     box-shadow: none;
     background-color: transparent;
     color: #fff;
}
 .fw_form_2 form .btn {
     border-radius: 5px;
     padding: 10px 25px;
}
 .fw_form_2 .content p{
     color: #b2b2b2;
     margin-bottom: 20px;
}
 .fw_form_2 .content > a{
     margin-bottom: 5px;
}
 .fw_form_2 .content a{
     color: #b2b2b2;
     text-decoration: none;
     text-transform: capitalize;
     transition: all .4s;
}
 .fw_form_2 .content a:hover{
     color: #fff;
}
 .fw_form_2 .content h3{
     color: #dc3545;
     margin-bottom: 10px;
     font-size: 22px;
     margin-top: 20px;
     font-weight: 700;
}
 .fw_form_2 .content ul{
     padding: 0;
     margin: 0;
     list-style: none;
}
 .fw_form_2 .content ul li{
     display: inline-block;
     margin-right: 15px;
}
 @media (max-width: 767.9px){
     .fw_form_2 form{
         margin-bottom: 50px;
    }
}

JS

Width:

Height:

Are you looking for a free, responsive contact form for your website? This Bootstrap HTML contact form template is the perfect solution! Designed with a modern look and optimized for all devices, this form allows seamless communication between you and your site visitors. With fields for name, email, phone, and message, it's simple yet effective for businesses and personal websites alike.

Features of this form snippet include:

▹ Responsive design to look great on any device

▹ Built with Bootstrap ensuring a sleek, mobile-friendly interface

▹ Easy to customize: and integrate into your site

▹ download and use immediately

Improve your website's user experience with this free contact form download. Perfect for developers or anyone looking for a quick and easy solution to add a contact form to their website.