Download Free Responsive Contact Form Snippets

Download a responsive Bootstrap contact form template for free! This HTML contact form is mobile-friendly and perfect for personal or business websites. Customize easily and boost engagement with this sleek form snippet.

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_3 {
     text-align: left;
     padding: 50px 0;
     background-color: #efefef;
     color: #000;
}
 .fw_form_3 .heading h2 {
     text-transform: capitalize;
     font-weight: 700;
     margin-bottom: 30px;
     font-size: 1.5rem;
}
 .fw_form_3 form input {
     border-radius: 0px;
     box-shadow: none;
     padding: 10px 0px;
     height: auto;
     color: #000;
     background-color: transparent;
     border-width: 0;
     border-bottom-width: 1px;
}
 .fw_form_3 form input::placeholder, .fw_form_3 form textarea::placeholder {
     color: #333;
     text-transform: capitalize;
     opacity: .7;
}
 .fw_form_3 form textarea {
     border-radius: 0px;
     box-shadow: none;
     color: #333;
     background-color: transparent;
     border-width: 0;
     border-bottom-width: 1px;
     padding: 0;
}
 .fw_form_3 form input:focus, .fw_form_3 form textarea:focus {
     box-shadow: none;
     background-color: transparent;
     color: #333;
}
 .fw_form_3 form{
     background: #fff;
     height: 100%;
     padding: 40px;
}
 .fw_form_3 form .btn {
     border-radius: 0px;
     padding: 10px 25px;
}
 .fw_form_3 .content p{
     color: #333;
     margin-bottom: 20px;
}
 .fw_form_3 .content > a{
     margin-bottom: 5px;
}
 .fw_form_3 .content a{
     color: #b2b2b2;
     text-decoration: none;
     text-transform: capitalize;
     transition: all .4s;
}
 .fw_form_3 .content a:hover{
     color: #fff;
}
 .fw_form_3 .content h3{
     color: #dc3545;
     margin-bottom: 10px;
     font-size: 22px;
     margin-top: 20px;
     font-weight: 700;
}
 .fw_form_3 .content ul{
     padding: 0;
     margin: 0;
     list-style: none;
}
 .fw_form_3 .content ul li{
     display: inline-block;
     margin-right: 15px;
}
 .fw_form_3 .map iframe{
     filter: grayscale(95%) invert(95%) contrast(90%);
}
 @media (max-width: 767.9px){
     .fw_form_3 form{
         margin-bottom: 50px;
    }
     .fw_form_3 .map iframe{
         height: 400px;
    }
}

JS

Width:

Height:

Looking for a responsive and easy-to-use contact form for your website? Our free Bootstrap contact form template is perfect for any personal or business site. This sleek HTML form is mobile-friendly, fully customizable, and includes fields for name, email, phone, subject, and message. The modern design ensures a professional look, and the form is simple to implement into your project.

Features:

▹ Responsive design optimized for all devices

▹ Bootstrap-based for a clean and modern UI

▹Free to download and customize

▹ Integrates smoothly into any website

Enhance user engagement with this free contact form download and streamline communication with your visitors. Ideal for developers, businesses, and individuals looking for a quick and professional solution.