{"id":2268,"date":"2023-09-15T18:10:41","date_gmt":"2023-09-15T18:10:41","guid":{"rendered":"https:\/\/bootstrapbrain.com\/?post_type=bsb_component&#038;p=2268"},"modified":"2024-07-05T14:47:27","modified_gmt":"2024-07-05T14:47:27","slug":"working-bootstrap-contact-form-example","status":"publish","type":"bsb_component","link":"https:\/\/bootstrapbrain.com\/component\/working-bootstrap-contact-form-example\/","title":{"rendered":"Working Bootstrap Contact Form Example"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull bsb-block-first-child is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignwide bsb-alignmedium is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-30778a02 wp-block-group-is-layout-flex\"><h1 style=\"font-style:normal;font-weight:700;\" class=\"has-text-align-center wp-block-post-title\">Working Bootstrap Contact Form Example<\/h1>\n\n<div class=\"wp-block-post-date__modified-date wp-block-post-date\"><time datetime=\"2024-07-05T14:47:27+00:00\">July 5, 2024<\/time><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-average-font-size\">Creating a working Bootstrap contact form involves several steps, including designing the form, adding validation, and configuring a server-side script to handle form submissions. Below is an overview of creating a Bootstrap contact form example that includes <a href=\"https:\/\/bootstrapbrain.com\/component\/\">front and backend components<\/a>.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alert alert-info is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-98bb686d wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-normal-font-size\" style=\"font-style:normal;font-weight:700\"><i class=\"bi-info-circle-fill me-1 bsb-primary-color\"><\/i> Bootstrap 5 Component Update<\/h2>\n\n\n\n<p>We have updated this Bootstrap component to Bootstrap 5.3.3 and BSB Framework 2.0.4. We have rechecked this Bootstrap snippet on May 3, 2024.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group alert alert-warning is-layout-constrained wp-container-core-group-is-layout-346627ba wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center has-normal-font-size\" style=\"font-style:normal;font-weight:700\"><i class=\"bi-megaphone-fill me-3 bsb-primary-color\"><\/i> Pro WordPress Themes<\/h2>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"https:\/\/bootstrapbrain.com\/out\/prowpthemes\" class=\"btn btn-danger text-decoration-none\" target=\"_blank\" rel=\"noreferrer noopener\">Browse Now<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group alert alert-warning is-layout-constrained wp-container-core-group-is-layout-346627ba wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center has-normal-font-size\" style=\"font-style:normal;font-weight:700\"><i class=\"bi-megaphone-fill me-3 bsb-primary-color\"><\/i> Free WordPress Themes<\/h2>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"https:\/\/bootstrapbrain.com\/out\/freewpthemes\" class=\"btn btn-danger text-decoration-none\" target=\"_blank\" rel=\"noreferrer noopener\">Download Now<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-allele-no-spacing py-4 py-md-6 py-xl-10 is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:38.33%\">\n<figure class=\"wp-block-image size-full is-style-allele-shadow\"><img data-dominant-color=\"fafafc\" data-has-transparency=\"false\" style=\"--dominant-color: #fafafc;\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-preview-jpg.webp\" alt=\"\" class=\"wp-image-2263 lazyload not-transparent\"\/><noscript><img data-dominant-color=\"fafafc\" data-has-transparency=\"false\" style=\"--dominant-color: #fafafc;\" decoding=\"async\" width=\"900\" height=\"960\" src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-preview-jpg.webp\" alt=\"\" class=\"wp-image-2263 lazyload not-transparent\" srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-preview-jpg.webp 900w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-preview-281x300.webp 281w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-preview-768x819.webp 768w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-preview-750x800.webp 750w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/noscript><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:61.7%\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:4vw\">\n<h2 class=\"wp-block-heading has-normal-font-size\" style=\"font-style:normal;font-weight:700\">Working Bootstrap Contact Form Example<\/h2>\n\n\n\n<p>This Bootstrap working Contact Form example uses <a href=\"https:\/\/bootstrapbrain.com\/component-tag\/php\/\">PHP<\/a> and <a href=\"https:\/\/bootstrapbrain.com\/component-tag\/ajax\/\">AJAX<\/a> for sending contact form inquiries. Using this Bootstrap working Contact Form template, you can collect user data easily.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns2268_af0a85-ec\"><a class=\"kb-button kt-button button kb-btn2268_5c3a79-6a kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-outline  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-kadence-singlebtn\" href=\"https:\/\/bootstrapbrain.com\/demo\/components-pro\/contacts-pro\/contact-4\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_eye kt-btn-icon-side-left\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/span><span class=\"kt-btn-inner-text\">Preview<\/span><\/a>\n\n<a class=\"kb-button kt-button button kb-btn2268_140bdb-47 kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-outline  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-kadence-singlebtn\" href=\"#code\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_code kt-btn-icon-side-left\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg><\/span><span class=\"kt-btn-inner-text\">Get Code<\/span><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns2268_92bd2c-15\"><a class=\"kb-button kt-button button kb-btn2268_91f55b-13 kt-btn-size-standard kt-btn-width-type-full kb-btn-global-outline  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-kadence-singlebtn\" href=\"#snippets\"><span class=\"kb-svg-icon-wrap kb-svg-icon-ic_wrench kt-btn-icon-side-left\"><svg viewBox=\"0 0 8 8\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M5.5 0c-1.38 0-2.5 1.12-2.5 2.5 0 .32.08.62.19.91l-2.91 2.88c-.39.39-.39 1.05 0 1.44.2.2.46.28.72.28.26 0 .52-.09.72-.28l2.88-2.91c.28.11.58.19.91.19 1.38 0 2.5-1.12 2.5-2.5 0-.16 0-.32-.03-.47l-.97.97h-2v-2l.97-.97c-.15-.03-.31-.03-.47-.03zm-4.5 6.5c.28 0 .5.22.5.5s-.22.5-.5.5-.5-.22-.5-.5.22-.5.5-.5z\"\/><\/svg><\/span><span class=\"kt-btn-inner-text\">More Snippets<\/span><\/a>\n\n<a class=\"kb-button kt-button button kb-btn2268_4541b0-4e kt-btn-size-standard kt-btn-width-type-full kb-btn-global-outline  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-kadence-singlebtn\" href=\"#pricing\"><span class=\"kb-svg-icon-wrap kb-svg-icon-ic_heart kt-btn-icon-side-left\"><svg viewBox=\"0 0 8 8\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M2 0c-.55 0-1.04.23-1.41.59-.36.36-.59.85-.59 1.41 0 .55.23 1.04.59 1.41l3.41 3.41 3.41-3.41c.36-.36.59-.85.59-1.41 0-.55-.23-1.04-.59-1.41-.36-.36-.85-.59-1.41-.59-.55 0-1.04.23-1.41.59-.36.36-.59.85-.59 1.41 0-.55-.23-1.04-.59-1.41-.36-.36-.85-.59-1.41-.59z\" transform=\"translate(0 1)\"\/><\/svg><\/span><span class=\"kt-btn-inner-text\">Join BS Brain<\/span><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-allele-no-spacing is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alert alert-light is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-98bb686d wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-normal-font-size\" style=\"font-style:normal;font-weight:700\"><i class=\"bi-palette-fill me-1 bsb-primary-color\"><\/i> Bootstrap 5 Templates<\/h2>\n\n\n\n<p><a href=\"https:\/\/bootstrapbrain.com\/template-tag\/one-page\/\">Bootstrap One Page Templates<\/a>, <a href=\"https:\/\/bootstrapbrain.com\/template-tag\/bootstrap-5\/\">Bootstrap 5 Templates<\/a>,&nbsp;<a href=\"https:\/\/bootstrapbrain.com\/template-category\/free\/\">Free Bootstrap Templates<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-style-allele-no-spacing py-4 py-md-6 py-xl-8X is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>This <a href=\"https:\/\/bootstrapbrain.com\/component-tag\/contact-forms\/\">Bootstrap Contact Form snippet<\/a> has a striking and contemporary layout. It displays an office address, phone number, email address, business working hours, and a working contact form. This Bootstrap Contact Form component has a <a href=\"https:\/\/bootstrapbrain.com\/component-tag\/responsive\/\">responsive layout<\/a>.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-large-font-size\">Features<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<ul class=\"bsb-list-grid wp-block-list\">\n<li>Bootstrap 5<\/li>\n\n\n\n<li>BSB Framework<\/li>\n\n\n\n<li>HTML5 &amp; CSS3<\/li>\n\n\n\n<li>AJAX Powered<\/li>\n\n\n\n<li>PHP Powered<\/li>\n\n\n\n<li>Client Side Validation<\/li>\n\n\n\n<li>SMTP or PHP mail() Function<\/li>\n\n\n\n<li>W3C Valid<\/li>\n\n\n\n<li>Clean Snippet<\/li>\n\n\n\n<li>Commented Code<\/li>\n\n\n\n<li>Responsive Layout<\/li>\n\n\n\n<li>Easy to Use<\/li>\n\n\n\n<li>SEO Optimized<\/li>\n\n\n\n<li>Cross Browser Compatible<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-large-font-size\">Tags<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"taxonomy-bsb_component_tag wp-block-post-terms\"><a href=\"https:\/\/bootstrapbrain.com\/component-tag\/ajax\/\" rel=\"tag\">AJAX<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/bootstrapbrain.com\/component-tag\/bootstrap-5\/\" rel=\"tag\">Bootstrap 5<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/bootstrapbrain.com\/component-tag\/clean\/\" rel=\"tag\">Clean<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/bootstrapbrain.com\/component-tag\/contact\/\" rel=\"tag\">Contact<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/bootstrapbrain.com\/component-tag\/contact-forms\/\" rel=\"tag\">Contact Forms<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/bootstrapbrain.com\/component-tag\/css3\/\" rel=\"tag\">CSS3<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/bootstrapbrain.com\/component-tag\/forms\/\" rel=\"tag\">Forms<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/bootstrapbrain.com\/component-tag\/html5\/\" rel=\"tag\">HTML5<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/bootstrapbrain.com\/component-tag\/multipurpose\/\" rel=\"tag\">Multipurpose<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/bootstrapbrain.com\/component-tag\/php\/\" rel=\"tag\">PHP<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/bootstrapbrain.com\/component-tag\/responsive\/\" rel=\"tag\">Responsive<\/a><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-allele-no-spacing is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alert alert-light is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-98bb686d wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-normal-font-size\" style=\"font-style:normal;font-weight:700\"><i class=\"bi-plugin me-1 bsb-primary-color\"><\/i> Bootstrap 5 Components<\/h2>\n\n\n\n<p><a href=\"https:\/\/bootstrapbrain.com\/component-tag\/login-forms\/\">Bootstrap Login Forms<\/a>,&nbsp;<a href=\"https:\/\/bootstrapbrain.com\/component-tag\/bootstrap-5\/\">Bootstrap 5 Snippets<\/a>,&nbsp;<a href=\"https:\/\/bootstrapbrain.com\/component-tag\/cards\/\">Bootstrap Cards<\/a>,&nbsp;<a href=\"https:\/\/bootstrapbrain.com\/component-tag\/carousel\/\">Bootstrap Carousels<\/a>,&nbsp;<a href=\"https:\/\/bootstrapbrain.com\/component-tag\/hero-banner\/\">Bootstrap Heroes<\/a>,&nbsp;<a href=\"https:\/\/bootstrapbrain.com\/component-tag\/footer\/\">Bootstrap Footers<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-allele-no-spacing py-4 py-md-6 py-xl-10 is-layout-constrained wp-block-group-is-layout-constrained\" id=\"code\">\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alert alert-warning is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-98bb686d wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-normal-font-size\" style=\"font-style:normal;font-weight:700\"><i class=\"bi-megaphone-fill me-1 bsb-primary-color\"><\/i> Bootstrap 5 Premium Component<\/h2>\n\n\n\n<p>This is a Bootstrap Premium Component. Please\u00a0<a href=\"#pricing\">Join BS Brain<\/a>\u00a0to get Premium Templates and Components.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-allele-no-spacing py-4 py-md-6 py-xl-10 has-background-secondary-background-color has-background is-layout-constrained wp-container-core-group-is-layout-d31693f3 wp-block-group-is-layout-constrained\" id=\"snippets\">\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center has-huge-font-size\" style=\"font-style:normal;font-weight:700\">Bootstrap 5 Contact Snippets<\/h3>\n\n\n\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-1140_418e05-67\"><div class=\"kt-block-spacer kt-block-spacer-halign-left\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<p class=\"has-text-align-center has-text-secondary-color has-text-color\">Browse our creative examples of Bootstrap 5 contact snippets. These Bootstrap contact components are straightforward to customize.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-query alignwide is-layout-constrained wp-block-query-is-layout-constrained\"><ul class=\"alignwide bsb-post-template-1 is-column-3X wp-block-post-template is-layout-flow wp-block-post-template-is-layout-flow\"><li class=\"wp-block-post post-11723 bsb_component type-bsb_component status-publish has-post-thumbnail hentry bsb_component_category-creative bsb_component_category-free bsb_component_category-portfolio bsb_component_tag-background-utility bsb_component_tag-bootstrap-5 bsb_component_tag-clean bsb_component_tag-contact bsb_component_tag-contact-forms bsb_component_tag-css3 bsb_component_tag-forms bsb_component_tag-html5 bsb_component_tag-margin-utility bsb_component_tag-multipurpose bsb_component_tag-overlay-utility bsb_component_tag-padding-utility bsb_component_tag-responsive\">\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address\/\" target=\"_self\"  ><img decoding=\"async\" width=\"1333\" height=\"800\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2024\/05\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address-1333x800.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Bootstrap Contact Us With Multiple Contact Methods (Phone, Email, Address)\" style=\"--dominant-color: #c3c6c8;object-fit:cover;\" data-srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2024\/05\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address-1333x800.webp 1333w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2024\/05\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address-300x180.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2024\/05\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address-1024x614.webp 1024w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2024\/05\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address-768x461.webp 768w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2024\/05\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address-1536x922.webp 1536w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2024\/05\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address-jpg.webp 1600w\" sizes=\"(max-width: 1333px) 100vw, 1333px\" data-has-transparency=\"false\" data-dominant-color=\"c3c6c8\" \/><noscript><img decoding=\"async\" width=\"1333\" height=\"800\" src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2024\/05\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address-1333x800.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Bootstrap Contact Us With Multiple Contact Methods (Phone, Email, Address)\" style=\"--dominant-color: #c3c6c8;object-fit:cover;\" srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2024\/05\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address-1333x800.webp 1333w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2024\/05\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address-300x180.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2024\/05\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address-1024x614.webp 1024w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2024\/05\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address-768x461.webp 768w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2024\/05\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address-1536x922.webp 1536w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2024\/05\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address-jpg.webp 1600w\" sizes=\"(max-width: 1333px) 100vw, 1333px\" data-has-transparency=\"false\" data-dominant-color=\"c3c6c8\" \/><\/noscript><\/a><\/figure>\n\n<h2 style=\"font-style:normal;font-weight:700;\" class=\"wp-block-post-title has-average-font-size\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-contact-us-with-multiple-contact-methods-phone-email-address\/\" target=\"_self\" >Bootstrap Contact Us With Multiple Contact Methods (Phone, Email, Address)<\/a><\/h2>\n<\/li><li class=\"wp-block-post post-2268 bsb_component type-bsb_component status-publish has-post-thumbnail hentry bsb_component_category-blog bsb_component_category-business bsb_component_category-creative bsb_component_category-pro bsb_component_category-startup bsb_component_tag-ajax bsb_component_tag-bootstrap-5 bsb_component_tag-clean bsb_component_tag-contact bsb_component_tag-contact-forms bsb_component_tag-css3 bsb_component_tag-forms bsb_component_tag-html5 bsb_component_tag-multipurpose bsb_component_tag-php bsb_component_tag-responsive\">\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/bootstrapbrain.com\/component\/working-bootstrap-contact-form-example\/\" target=\"_self\"  ><img decoding=\"async\" width=\"1200\" height=\"776\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-jpg.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Working Bootstrap Contact Form Example\" style=\"--dominant-color: #f7f8fa;object-fit:cover;\" data-srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-jpg.webp 1200w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-300x194.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-1024x662.webp 1024w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-768x497.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" data-has-transparency=\"false\" data-dominant-color=\"f7f8fa\" \/><noscript><img decoding=\"async\" width=\"1200\" height=\"776\" src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-jpg.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Working Bootstrap Contact Form Example\" style=\"--dominant-color: #f7f8fa;object-fit:cover;\" srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-jpg.webp 1200w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-300x194.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-1024x662.webp 1024w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-768x497.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" data-has-transparency=\"false\" data-dominant-color=\"f7f8fa\" \/><\/noscript><\/a><\/figure>\n\n<h2 style=\"font-style:normal;font-weight:700;\" class=\"wp-block-post-title has-average-font-size\"><a href=\"https:\/\/bootstrapbrain.com\/component\/working-bootstrap-contact-form-example\/\" target=\"_self\" >Working Bootstrap Contact Form Example<\/a><\/h2>\n<\/li><li class=\"wp-block-post post-2260 bsb_component type-bsb_component status-publish has-post-thumbnail hentry bsb_component_category-business bsb_component_category-creative bsb_component_category-free bsb_component_category-portfolio bsb_component_category-startup bsb_component_tag-bootstrap-5 bsb_component_tag-clean bsb_component_tag-contact bsb_component_tag-contact-forms bsb_component_tag-css3 bsb_component_tag-forms bsb_component_tag-html5 bsb_component_tag-icons bsb_component_tag-multipurpose bsb_component_tag-responsive\">\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-5-contact-form-example\/\" target=\"_self\"  ><img decoding=\"async\" width=\"1200\" height=\"776\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-jpg.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Bootstrap 5 Contact Form Example\" style=\"--dominant-color: #f7f8fa;object-fit:cover;\" data-srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-jpg.webp 1200w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-300x194.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-1024x662.webp 1024w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-768x497.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" data-has-transparency=\"false\" data-dominant-color=\"f7f8fa\" \/><noscript><img decoding=\"async\" width=\"1200\" height=\"776\" src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-jpg.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Bootstrap 5 Contact Form Example\" style=\"--dominant-color: #f7f8fa;object-fit:cover;\" srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-jpg.webp 1200w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-300x194.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-1024x662.webp 1024w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-768x497.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" data-has-transparency=\"false\" data-dominant-color=\"f7f8fa\" \/><\/noscript><\/a><\/figure>\n\n<h2 style=\"font-style:normal;font-weight:700;\" class=\"wp-block-post-title has-average-font-size\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-5-contact-form-example\/\" target=\"_self\" >Bootstrap 5 Contact Form Example<\/a><\/h2>\n<\/li><li class=\"wp-block-post post-1514 bsb_component type-bsb_component status-publish has-post-thumbnail hentry bsb_component_category-blog bsb_component_category-business bsb_component_category-creative bsb_component_category-pro bsb_component_category-startup bsb_component_tag-ajax bsb_component_tag-bootstrap-5 bsb_component_tag-clean bsb_component_tag-contact bsb_component_tag-contact-forms bsb_component_tag-css3 bsb_component_tag-forms bsb_component_tag-html5 bsb_component_tag-multipurpose bsb_component_tag-php bsb_component_tag-responsive\">\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-contact-form-template-with-ajax-and-php\/\" target=\"_self\"  ><img decoding=\"async\" width=\"1169\" height=\"800\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-1169x800.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Bootstrap 5 Contact Form Template with AJAX and PHP\" style=\"--dominant-color: #d2d4d5;object-fit:cover;\" data-srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-1169x800.webp 1169w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-300x205.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-1024x701.webp 1024w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-768x525.webp 768w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-jpg.webp 1200w\" sizes=\"(max-width: 1169px) 100vw, 1169px\" data-has-transparency=\"false\" data-dominant-color=\"d2d4d5\" \/><noscript><img decoding=\"async\" width=\"1169\" height=\"800\" src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-1169x800.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Bootstrap 5 Contact Form Template with AJAX and PHP\" style=\"--dominant-color: #d2d4d5;object-fit:cover;\" srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-1169x800.webp 1169w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-300x205.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-1024x701.webp 1024w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-768x525.webp 768w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-jpg.webp 1200w\" sizes=\"(max-width: 1169px) 100vw, 1169px\" data-has-transparency=\"false\" data-dominant-color=\"d2d4d5\" \/><\/noscript><\/a><\/figure>\n\n<h2 style=\"font-style:normal;font-weight:700;\" class=\"wp-block-post-title has-average-font-size\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-contact-form-template-with-ajax-and-php\/\" target=\"_self\" >Bootstrap 5 Contact Form Template with AJAX and PHP<\/a><\/h2>\n<\/li><li class=\"wp-block-post post-1506 bsb_component type-bsb_component status-publish has-post-thumbnail hentry bsb_component_category-business bsb_component_category-creative bsb_component_category-free bsb_component_category-portfolio bsb_component_category-startup bsb_component_tag-bootstrap-5 bsb_component_tag-clean bsb_component_tag-contact bsb_component_tag-contact-forms bsb_component_tag-css3 bsb_component_tag-forms bsb_component_tag-html5 bsb_component_tag-icons bsb_component_tag-multipurpose bsb_component_tag-responsive\">\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-contact-form-template-example\/\" target=\"_self\"  ><img decoding=\"async\" width=\"1169\" height=\"800\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-1169x800.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Bootstrap 5 Contact Form Template Example\" style=\"--dominant-color: #d2d4d5;object-fit:cover;\" data-srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-1169x800.webp 1169w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-300x205.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-1024x701.webp 1024w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-768x525.webp 768w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-jpg.webp 1200w\" sizes=\"(max-width: 1169px) 100vw, 1169px\" data-has-transparency=\"false\" data-dominant-color=\"d2d4d5\" \/><noscript><img decoding=\"async\" width=\"1169\" height=\"800\" src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-1169x800.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Bootstrap 5 Contact Form Template Example\" style=\"--dominant-color: #d2d4d5;object-fit:cover;\" srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-1169x800.webp 1169w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-300x205.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-1024x701.webp 1024w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-768x525.webp 768w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/03\/bootstrap-contact-form-template-example-jpg.webp 1200w\" sizes=\"(max-width: 1169px) 100vw, 1169px\" data-has-transparency=\"false\" data-dominant-color=\"d2d4d5\" \/><\/noscript><\/a><\/figure>\n\n<h2 style=\"font-style:normal;font-weight:700;\" class=\"wp-block-post-title has-average-font-size\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-contact-form-template-example\/\" target=\"_self\" >Bootstrap 5 Contact Form Template Example<\/a><\/h2>\n<\/li><li class=\"wp-block-post post-1311 bsb_component type-bsb_component status-publish has-post-thumbnail hentry bsb_component_category-blog bsb_component_category-creative bsb_component_category-pro bsb_component_tag-ajax bsb_component_tag-bootstrap-5 bsb_component_tag-clean bsb_component_tag-contact bsb_component_tag-contact-forms bsb_component_tag-css3 bsb_component_tag-forms bsb_component_tag-html5 bsb_component_tag-multipurpose bsb_component_tag-php bsb_component_tag-responsive\">\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/bootstrapbrain.com\/component\/working-bootstrap-html-php-contact-form\/\" target=\"_self\"  ><img decoding=\"async\" width=\"900\" height=\"534\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-jpg.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Working Bootstrap 5 HTML &#038; PHP Contact Form\" style=\"--dominant-color: #f3f5f7;object-fit:cover;\" data-srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-jpg.webp 900w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-300x178.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-768x456.webp 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" data-has-transparency=\"false\" data-dominant-color=\"f3f5f7\" \/><noscript><img decoding=\"async\" width=\"900\" height=\"534\" src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-jpg.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Working Bootstrap 5 HTML &#038; PHP Contact Form\" style=\"--dominant-color: #f3f5f7;object-fit:cover;\" srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-jpg.webp 900w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-300x178.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-768x456.webp 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" data-has-transparency=\"false\" data-dominant-color=\"f3f5f7\" \/><\/noscript><\/a><\/figure>\n\n<h2 style=\"font-style:normal;font-weight:700;\" class=\"wp-block-post-title has-average-font-size\"><a href=\"https:\/\/bootstrapbrain.com\/component\/working-bootstrap-html-php-contact-form\/\" target=\"_self\" >Working Bootstrap 5 HTML &#038; PHP Contact Form<\/a><\/h2>\n<\/li><li class=\"wp-block-post post-1304 bsb_component type-bsb_component status-publish has-post-thumbnail hentry bsb_component_category-creative bsb_component_category-free bsb_component_category-portfolio bsb_component_tag-bootstrap-5 bsb_component_tag-clean bsb_component_tag-contact bsb_component_tag-contact-forms bsb_component_tag-css3 bsb_component_tag-forms bsb_component_tag-html5 bsb_component_tag-icons bsb_component_tag-multipurpose bsb_component_tag-responsive\">\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-contact-form-code-snippet-example\/\" target=\"_self\"  ><img decoding=\"async\" width=\"900\" height=\"534\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-jpg.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Bootstrap 5 Contact Form Code Snippet Example\" style=\"--dominant-color: #f3f5f7;object-fit:cover;\" data-srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-jpg.webp 900w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-300x178.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-768x456.webp 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" data-has-transparency=\"false\" data-dominant-color=\"f3f5f7\" \/><noscript><img decoding=\"async\" width=\"900\" height=\"534\" src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-jpg.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Bootstrap 5 Contact Form Code Snippet Example\" style=\"--dominant-color: #f3f5f7;object-fit:cover;\" srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-jpg.webp 900w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-300x178.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-contact-form-code-snippet-example-768x456.webp 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" data-has-transparency=\"false\" data-dominant-color=\"f3f5f7\" \/><\/noscript><\/a><\/figure>\n\n<h2 style=\"font-style:normal;font-weight:700;\" class=\"wp-block-post-title has-average-font-size\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-contact-form-code-snippet-example\/\" target=\"_self\" >Bootstrap 5 Contact Form Code Snippet Example<\/a><\/h2>\n<\/li><li class=\"wp-block-post post-1146 bsb_component type-bsb_component status-publish has-post-thumbnail hentry bsb_component_category-creative bsb_component_category-free bsb_component_category-portfolio bsb_component_tag-bootstrap-5 bsb_component_tag-clean bsb_component_tag-contact bsb_component_tag-css3 bsb_component_tag-forms bsb_component_tag-html5 bsb_component_tag-icons bsb_component_tag-multipurpose bsb_component_tag-responsive\">\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-5-contact-us-section-snippet\/\" target=\"_self\"  ><img decoding=\"async\" width=\"900\" height=\"546\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-5-contact-us-section-snippet-featured-jpg.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Bootstrap 5 Contact Us Section Snippet\" style=\"--dominant-color: #d6d2d0;object-fit:cover;\" data-srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-5-contact-us-section-snippet-featured-jpg.webp 900w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-5-contact-us-section-snippet-featured-300x182.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-5-contact-us-section-snippet-featured-768x466.webp 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" data-has-transparency=\"false\" data-dominant-color=\"d6d2d0\" \/><noscript><img decoding=\"async\" width=\"900\" height=\"546\" src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-5-contact-us-section-snippet-featured-jpg.webp\" class=\"attachment-post-thumbnail size-post-thumbnail not-transparent wp-post-image lazyload\" alt=\"Bootstrap 5 Contact Us Section Snippet\" style=\"--dominant-color: #d6d2d0;object-fit:cover;\" srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-5-contact-us-section-snippet-featured-jpg.webp 900w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-5-contact-us-section-snippet-featured-300x182.webp 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/02\/bootstrap-5-contact-us-section-snippet-featured-768x466.webp 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" data-has-transparency=\"false\" data-dominant-color=\"d6d2d0\" \/><\/noscript><\/a><\/figure>\n\n<h2 style=\"font-style:normal;font-weight:700;\" class=\"wp-block-post-title has-average-font-size\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-5-contact-us-section-snippet\/\" target=\"_self\" >Bootstrap 5 Contact Us Section Snippet<\/a><\/h2>\n<\/li><li class=\"wp-block-post post-544 bsb_component type-bsb_component status-publish has-post-thumbnail hentry bsb_component_category-creative bsb_component_category-free bsb_component_category-portfolio bsb_component_tag-bootstrap-5 bsb_component_tag-clean bsb_component_tag-contact bsb_component_tag-contact-forms bsb_component_tag-css3 bsb_component_tag-forms bsb_component_tag-html5 bsb_component_tag-multipurpose bsb_component_tag-responsive\">\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-5-simple-contact-form-example\/\" target=\"_self\"  ><img decoding=\"async\" width=\"900\" height=\"697\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image lazyload\" alt=\"Bootstrap 5 Simple Contact Form Example\" style=\"object-fit:cover;\" data-srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component.jpg 900w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component-300x232.jpg 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component-768x595.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><noscript><img decoding=\"async\" width=\"900\" height=\"697\" src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image lazyload\" alt=\"Bootstrap 5 Simple Contact Form Example\" style=\"object-fit:cover;\" srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component.jpg 900w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component-300x232.jpg 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component-768x595.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/noscript><\/a><\/figure>\n\n<h2 style=\"font-style:normal;font-weight:700;\" class=\"wp-block-post-title has-average-font-size\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-5-simple-contact-form-example\/\" target=\"_self\" >Bootstrap 5 Simple Contact Form Example<\/a><\/h2>\n<\/li><li class=\"wp-block-post post-456 bsb_component type-bsb_component status-publish has-post-thumbnail hentry bsb_component_category-blog bsb_component_category-creative bsb_component_category-pro bsb_component_tag-ajax bsb_component_tag-bootstrap-5 bsb_component_tag-clean bsb_component_tag-contact bsb_component_tag-contact-forms bsb_component_tag-css3 bsb_component_tag-forms bsb_component_tag-html5 bsb_component_tag-multipurpose bsb_component_tag-php bsb_component_tag-responsive\">\n<figure class=\"wp-block-post-featured-image\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-5-contact-form-with-php-and-ajax\/\" target=\"_self\"  ><img decoding=\"async\" width=\"900\" height=\"697\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image lazyload\" alt=\"Bootstrap 5 Contact Form with PHP and Ajax\" style=\"object-fit:cover;\" data-srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component.jpg 900w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component-300x232.jpg 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component-768x595.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><noscript><img decoding=\"async\" width=\"900\" height=\"697\" src=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image lazyload\" alt=\"Bootstrap 5 Contact Form with PHP and Ajax\" style=\"object-fit:cover;\" srcset=\"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component.jpg 900w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component-300x232.jpg 300w, https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/contact-php-ajax-bootstrap-component-768x595.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/noscript><\/a><\/figure>\n\n<h2 style=\"font-style:normal;font-weight:700;\" class=\"wp-block-post-title has-average-font-size\"><a href=\"https:\/\/bootstrapbrain.com\/component\/bootstrap-5-contact-form-with-php-and-ajax\/\" target=\"_self\" >Bootstrap 5 Contact Form with PHP and Ajax<\/a><\/h2>\n<\/li><\/ul><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-allele-no-spacing py-4 py-md-6 py-xl-10 is-layout-constrained wp-block-group-is-layout-constrained\" id=\"pricing\">\n<div class=\"wp-block-group alignwide is-style-allele-no-spacing is-layout-flow wp-block-group-is-layout-flow\"><div class=\"pricing-1 bg-white bg-lightX bg-light-100X py-5X py-xl-8X bsb-body\">\n  <div class=\"container\">\n    <div class=\"row gx-xl-1\">\n      <div class=\"col-12 col-xl-3 d-none d-xl-block\">\n        <div class=\"pricing-features border-top border-bottom\">\n          <ul class=\"list-group list-group-flush\">\n            <li class=\"list-group-item bg-blue-1 d-flex align-items-center justify-content-between\">\n              <span>Use in personal projects<\/span>\n              <span data-bs-toggle=\"tooltip\" data-bs-title=\"Allows you to use the template(s) to create personal or commercial websites for yourself.\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" viewBox=\"0 0 16 16\">\n                  <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\" \/>\n                  <path d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" \/>\n                <\/svg>\n              <\/span>\n            <\/li>\n            <li class=\"list-group-item bg-blue-2 d-flex align-items-center justify-content-between\">\n              <span>Customize the template files<\/span>\n              <span data-bs-toggle=\"tooltip\" data-bs-title=\"You can modify and customize the template files to fit your needs.\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" viewBox=\"0 0 16 16\">\n                  <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\" \/>\n                  <path d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" \/>\n                <\/svg>\n              <\/span>\n            <\/li>\n            <li class=\"list-group-item bg-blue-1 d-flex align-items-center justify-content-between\">\n              <span>Number of websites\/domains<\/span>\n              <span data-bs-toggle=\"tooltip\" data-bs-title=\"How many domains\/websites can you use the template(s)?\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" viewBox=\"0 0 16 16\">\n                  <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\" \/>\n                  <path d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" \/>\n                <\/svg>\n              <\/span>\n            <\/li>\n            <li class=\"list-group-item bg-blue-2 d-flex align-items-center justify-content-between\">\n              <span>Create websites for clients<\/span>\n              <span data-bs-toggle=\"tooltip\" data-bs-title=\"Allows you to use the template(s) to create websites for your clients and charge them as much as you want for your work.\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" viewBox=\"0 0 16 16\">\n                  <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\" \/>\n                  <path d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" \/>\n                <\/svg>\n              <\/span>\n            <\/li>\n            <li class=\"list-group-item bg-blue-1 d-flex align-items-center justify-content-between\">\n              <span>Remove footer credit link<\/span>\n              <span data-bs-toggle=\"tooltip\" data-bs-title=\"Allows you to remove the footer credit link and any other reference to BootstrapBrain.\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" viewBox=\"0 0 16 16\">\n                  <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\" \/>\n                  <path d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" \/>\n                <\/svg>\n              <\/span>\n            <\/li>\n            <li class=\"list-group-item bg-blue-1 d-flex align-items-center justify-content-between\">\n              <span>Working <a href=\"https:\/\/bootstrapbrain.com\/php-ajax-email-form\/\" class=\"text-decoration-none\">PHP\/AJAX contact form<\/a><\/span>\n              <span data-bs-toggle=\"tooltip\" data-bs-title=\"A working PHP\/Ajax contact form script that lets you receive messages from the contact form to your e-mail inbox.\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" viewBox=\"0 0 16 16\">\n                  <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\" \/>\n                  <path d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" \/>\n                <\/svg>\n              <\/span>\n            <\/li>\n            <li class=\"list-group-item bg-blue-2 d-flex align-items-center justify-content-between\">\n              <span>Sass\/SCSS Files<\/span>\n              <span data-bs-toggle=\"tooltip\" data-bs-title=\"Access the Sass\/SCSS source files.\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" viewBox=\"0 0 16 16\">\n                  <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\" \/>\n                  <path d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" \/>\n                <\/svg>\n              <\/span>\n            <\/li>\n            <li class=\"list-group-item bg-blue-1 d-flex align-items-center justify-content-between\">\n              <span>JS Source Files<\/span>\n              <span data-bs-toggle=\"tooltip\" data-bs-title=\"Access the JS source files.\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" viewBox=\"0 0 16 16\">\n                  <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\" \/>\n                  <path d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" \/>\n                <\/svg>\n              <\/span>\n            <\/li>\n            <li class=\"list-group-item bg-blue-2 d-flex align-items-center justify-content-between\">\n              <span>Premium support via Email<\/span>\n              <span data-bs-toggle=\"tooltip\" data-bs-title=\"You will get a response at priority in 24 hours during business days.\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" viewBox=\"0 0 16 16\">\n                  <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\" \/>\n                  <path d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" \/>\n                <\/svg>\n              <\/span>\n            <\/li>\n            <li class=\"list-group-item bg-blue-1 d-flex align-items-center justify-content-between\">\n              <span>Forum support<\/span>\n              <span data-bs-toggle=\"tooltip\" data-bs-title=\"You will get forum support.\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" viewBox=\"0 0 16 16\">\n                  <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\" \/>\n                  <path d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" \/>\n                <\/svg>\n              <\/span>\n            <\/li>\n            <li class=\"list-group-item bg-blue-2 d-flex align-items-center justify-content-between\">\n              <span>Free Updates<\/span>\n              <span data-bs-toggle=\"tooltip\" data-bs-title=\"You have free access to our new templates and updates during your membership. After that period, You need to purchase the membership again to get free updates. You can use our products lifetime without renewing the membership.\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" viewBox=\"0 0 16 16\">\n                  <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\" \/>\n                  <path d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" \/>\n                <\/svg>\n              <\/span>\n            <\/li>\n            <li class=\"list-group-item bg-blue-1 d-flex align-items-center justify-content-between\">\n              <span>Access to all <strong>8<\/strong> Pro Templates<\/span>\n              <span data-bs-toggle=\"tooltip\" data-bs-title=\"Access all our available Pro templates and New templates released during your membership.\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" viewBox=\"0 0 16 16\">\n                  <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\" \/>\n                  <path d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" \/>\n                <\/svg>\n              <\/span>\n            <\/li>\n            <li class=\"list-group-item bg-blue-2 d-flex align-items-center justify-content-between\">\n              <span>Access to all <strong>51<\/strong> Pro Components<\/span>\n              <span data-bs-toggle=\"tooltip\" data-bs-title=\"Access all our available Pro components and New components released during your membership.\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" viewBox=\"0 0 16 16\">\n                  <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\" \/>\n                  <path d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" \/>\n                <\/svg>\n              <\/span>\n            <\/li>\n            <li class=\"list-group-item bg-blue-1 d-flex align-items-center justify-content-between\">\n              <span>Use in SaaS<\/span>\n              <span data-bs-toggle=\"tooltip\" data-bs-title=\"You can use our products to create an application where the end-user pays a monthly\/annual subscription plan (SaaS - Software as a Service).\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" viewBox=\"0 0 16 16\">\n                  <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\" \/>\n                  <path d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" \/>\n                <\/svg>\n              <\/span>\n            <\/li>\n            <li class=\"list-group-item bg-blue-2 d-flex align-items-center justify-content-between\">\n              <span>Resell & Redistribute<\/span>\n              <span data-bs-toggle=\"tooltip\" data-bs-title=\"You cannot resell, redistribute, license, or sub-license any files or code found on BootstrapBrain.com without permission from BootstrapBrain.com.\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-info-circle\" viewBox=\"0 0 16 16\">\n                  <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\" \/>\n                  <path d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" \/>\n                <\/svg>\n              <\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"col-12 col-xl-9\">\n        <div class=\"row gx-lg-1 gy-4 gy-lg-0\">\n          <div class=\"col-12 col-lg-6\">\n            <div class=\"pricing-title bg-blue-4 py-3 border-bottom d-flex flex-column align-items-center justify-content-center\">\n              <h4 class=\"m-0\">BB Startup<\/h4>\n              <p class=\"m-0 fs-7 text-secondary\">Freelancer<\/p>\n            <\/div>\n            <div class=\"pricing-amount bg-blue-2 py-3 border-bottom d-flex flex-column align-items-center justify-content-center\">\n              <h4 class=\"m-2 display-4 fw-bold\"><sup>$<\/sup>49<\/h4>\n            <\/div>\n            <div class=\"pricing-highlight bg-blue-3 py-3 border-bottom d-flex flex-column align-items-center justify-content-center\">\n              <p class=\"m-0 fs-7 text-secondary\"><strong>3<\/strong> Months Access<\/p>\n              <p class=\"m-0 fs-7 text-secondary\"><strong>8<\/strong> Pro BS Templates<\/p>\n              <p class=\"m-0 fs-7 text-secondary\"><strong>51<\/strong> Pro BS Components<\/p>\n            <\/div>\n            <div class=\"pricing-detail\">\n              <ul class=\"list-group list-group-flush\">\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Use in personal projects<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-2 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Customize the template files<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <span>Unlimited<\/span>\n                  <span class=\"text-center text-secondary d-xl-none\">Number of websites\/domains<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-2 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Create websites for clients<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Remove footer credit link<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Working <a href=\"https:\/\/bootstrapbrain.com\/php-ajax-email-form\/\" class=\"text-decoration-none\">PHP\/AJAX contact form<\/a><\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-2 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Sass\/SCSS Files<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">JS Source Files<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-2 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Premium support via Email<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Forum support<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-2 d-flex flex-column align-items-center justify-content-center\">\n                  <span>3 Months<\/span>\n                  <span class=\"text-center text-secondary d-xl-none\">Free Updates<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Access to all our <strong>8<\/strong> Pro Templates<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-2 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Access to all our <strong>51<\/strong> Pro Components<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-x text-danger\" viewBox=\"0 0 16 16\">\n                    <path d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\"><s>Use in SaaS<\/s><\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-2 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-x text-danger\" viewBox=\"0 0 16 16\">\n                    <path d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\"><s>Resell & Redistribute<\/s><\/span>\n                <\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"pricing-action bg-blue-4 p-3 border-top border-bottom d-grid\">\n              <a href=\"https:\/\/designorbital.market\/checkout?edd_action=add_to_cart&amp;download_id=11570\" class=\"btn btn-lgx btn-danger text-decoration-none\" role=\"button\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-cart\" viewBox=\"0 0 16 16\">\n                  <path d=\"M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z\" \/>\n                <\/svg>\n                <span>Buy Now<\/span>\n              <\/a>\n            <\/div>\n          <\/div>\n          <div class=\"col-12 col-lg-6\">\n            <div class=\"pricing-title bg-blue-4 py-3 border-bottom d-flex flex-column align-items-center justify-content-center\">\n              <h4 class=\"m-0\">BB Club<\/h4>\n              <p class=\"m-0 fs-7 text-secondary\">Agency<\/p>\n            <\/div>\n            <div class=\"pricing-amount bg-blue-2 py-3 border-bottom d-flex flex-column align-items-center justify-content-center\">\n              <h4 class=\"m-2 display-4 fw-bold\"><sup>$<\/sup>149<\/h4>\n            <\/div>\n            <div class=\"pricing-highlight bg-blue-3 py-3 border-bottom d-flex flex-column align-items-center justify-content-center\">\n              <p class=\"m-0 fs-7 text-secondary\"><strong>12<\/strong> Months Access<\/p>\n              <p class=\"m-0 fs-7 text-secondary\"><strong>8<\/strong> Pro BS Templates<\/p>\n              <p class=\"m-0 fs-7 text-secondary\"><strong>51<\/strong> Pro BS Components<\/p>\n            <\/div>\n            <div class=\"pricing-detail\">\n              <ul class=\"list-group list-group-flush\">\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Use in personal projects<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-2 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Customize the template files<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <span>Unlimited<\/span>\n                  <span class=\"text-center text-secondary d-xl-none\">Number of websites\/domains<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-2 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Create websites for clients<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Remove footer credit link<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Working <a href=\"https:\/\/bootstrapbrain.com\/php-ajax-email-form\/\" class=\"text-decoration-none\">PHP\/AJAX contact form<\/a><\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-2 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Sass\/SCSS Files<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">JS Source Files<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-2 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Premium support via Email<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Forum support<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-2 d-flex flex-column align-items-center justify-content-center\">\n                  <span>12 Months<\/span>\n                  <span class=\"text-center text-secondary d-xl-none\">Free Updates<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Access to all our <strong>8<\/strong> Pro Templates<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-2 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Access to all our <strong>51<\/strong> Pro Components<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-1 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-check text-success\" viewBox=\"0 0 16 16\">\n                    <path d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\">Use in SaaS<\/span>\n                <\/li>\n                <li class=\"list-group-item bg-blue-2 d-flex flex-column align-items-center justify-content-center\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"currentColor\" class=\"bi bi-x text-danger\" viewBox=\"0 0 16 16\">\n                    <path d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z\" \/>\n                  <\/svg>\n                  <span class=\"text-center text-secondary d-xl-none\"><s>Resell & Redistribute<\/s><\/span>\n                <\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"pricing-action bg-blue-4 p-3 border-top border-bottom d-grid\">\n              <a href=\"https:\/\/designorbital.market\/checkout?edd_action=add_to_cart&amp;download_id=11573\" class=\"btn btn-lgx btn-danger text-decoration-none\" role=\"button\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-cart\" viewBox=\"0 0 16 16\">\n                  <path d=\"M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z\" \/>\n                <\/svg>\n                <span>Buy Now<\/span>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Creating a working Bootstrap contact form involves several steps, including designing the form, adding validation, and configuring a [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2262,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"bsb_component_category":[78,188,59,58,189],"bsb_component_tag":[70,61,66,133,116,65,115,64,62,69,63],"class_list":["post-2268","bsb_component","type-bsb_component","status-publish","has-post-thumbnail","hentry","bsb_component_category-blog","bsb_component_category-business","bsb_component_category-creative","bsb_component_category-pro","bsb_component_category-startup","bsb_component_tag-ajax","bsb_component_tag-bootstrap-5","bsb_component_tag-clean","bsb_component_tag-contact","bsb_component_tag-contact-forms","bsb_component_tag-css3","bsb_component_tag-forms","bsb_component_tag-html5","bsb_component_tag-multipurpose","bsb_component_tag-php","bsb_component_tag-responsive"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Working Bootstrap Contact Form Example - BootstrapBrain<\/title>\n<meta name=\"description\" content=\"Download this working Bootstrap Contact Form template to merge into Bootstrap templates. This Bootstrap contact form has a modern and sleek design.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bootstrapbrain.com\/component\/working-bootstrap-contact-form-example\/\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bootstrapbrain.com\\\/component\\\/working-bootstrap-contact-form-example\\\/\",\"url\":\"https:\\\/\\\/bootstrapbrain.com\\\/component\\\/working-bootstrap-contact-form-example\\\/\",\"name\":\"Working Bootstrap Contact Form Example - BootstrapBrain\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bootstrapbrain.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bootstrapbrain.com\\\/component\\\/working-bootstrap-contact-form-example\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bootstrapbrain.com\\\/component\\\/working-bootstrap-contact-form-example\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bootstrapbrain.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/bootstrap-5-contact-form-example-jpg.webp\",\"datePublished\":\"2023-09-15T18:10:41+00:00\",\"dateModified\":\"2024-07-05T14:47:27+00:00\",\"description\":\"Download this working Bootstrap Contact Form template to merge into Bootstrap templates. This Bootstrap contact form has a modern and sleek design.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bootstrapbrain.com\\\/component\\\/working-bootstrap-contact-form-example\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bootstrapbrain.com\\\/component\\\/working-bootstrap-contact-form-example\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bootstrapbrain.com\\\/component\\\/working-bootstrap-contact-form-example\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bootstrapbrain.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/bootstrap-5-contact-form-example-jpg.webp\",\"contentUrl\":\"https:\\\/\\\/bootstrapbrain.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/bootstrap-5-contact-form-example-jpg.webp\",\"width\":1200,\"height\":776},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bootstrapbrain.com\\\/component\\\/working-bootstrap-contact-form-example\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bootstrapbrain.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BS Components\",\"item\":\"https:\\\/\\\/bootstrapbrain.com\\\/component\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Working Bootstrap Contact Form Example\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bootstrapbrain.com\\\/#website\",\"url\":\"https:\\\/\\\/bootstrapbrain.com\\\/\",\"name\":\"BootstrapBrain\",\"description\":\"Free Bootstrap Templates, Components and Snippets\",\"publisher\":{\"@id\":\"https:\\\/\\\/bootstrapbrain.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bootstrapbrain.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bootstrapbrain.com\\\/#organization\",\"name\":\"BootstrapBrain\",\"url\":\"https:\\\/\\\/bootstrapbrain.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bootstrapbrain.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bootstrapbrain.com\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/bootstrapbrain-logo.svg\",\"contentUrl\":\"https:\\\/\\\/bootstrapbrain.com\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/bootstrapbrain-logo.svg\",\"caption\":\"BootstrapBrain\"},\"image\":{\"@id\":\"https:\\\/\\\/bootstrapbrain.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Working Bootstrap Contact Form Example - BootstrapBrain","description":"Download this working Bootstrap Contact Form template to merge into Bootstrap templates. This Bootstrap contact form has a modern and sleek design.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bootstrapbrain.com\/component\/working-bootstrap-contact-form-example\/","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bootstrapbrain.com\/component\/working-bootstrap-contact-form-example\/","url":"https:\/\/bootstrapbrain.com\/component\/working-bootstrap-contact-form-example\/","name":"Working Bootstrap Contact Form Example - BootstrapBrain","isPartOf":{"@id":"https:\/\/bootstrapbrain.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bootstrapbrain.com\/component\/working-bootstrap-contact-form-example\/#primaryimage"},"image":{"@id":"https:\/\/bootstrapbrain.com\/component\/working-bootstrap-contact-form-example\/#primaryimage"},"thumbnailUrl":"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-jpg.webp","datePublished":"2023-09-15T18:10:41+00:00","dateModified":"2024-07-05T14:47:27+00:00","description":"Download this working Bootstrap Contact Form template to merge into Bootstrap templates. This Bootstrap contact form has a modern and sleek design.","breadcrumb":{"@id":"https:\/\/bootstrapbrain.com\/component\/working-bootstrap-contact-form-example\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bootstrapbrain.com\/component\/working-bootstrap-contact-form-example\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bootstrapbrain.com\/component\/working-bootstrap-contact-form-example\/#primaryimage","url":"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-jpg.webp","contentUrl":"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2023\/09\/bootstrap-5-contact-form-example-jpg.webp","width":1200,"height":776},{"@type":"BreadcrumbList","@id":"https:\/\/bootstrapbrain.com\/component\/working-bootstrap-contact-form-example\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bootstrapbrain.com\/"},{"@type":"ListItem","position":2,"name":"BS Components","item":"https:\/\/bootstrapbrain.com\/component\/"},{"@type":"ListItem","position":3,"name":"Working Bootstrap Contact Form Example"}]},{"@type":"WebSite","@id":"https:\/\/bootstrapbrain.com\/#website","url":"https:\/\/bootstrapbrain.com\/","name":"BootstrapBrain","description":"Free Bootstrap Templates, Components and Snippets","publisher":{"@id":"https:\/\/bootstrapbrain.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bootstrapbrain.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bootstrapbrain.com\/#organization","name":"BootstrapBrain","url":"https:\/\/bootstrapbrain.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bootstrapbrain.com\/#\/schema\/logo\/image\/","url":"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/bootstrapbrain-logo.svg","contentUrl":"https:\/\/bootstrapbrain.com\/wp-content\/uploads\/2022\/11\/bootstrapbrain-logo.svg","caption":"BootstrapBrain"},"image":{"@id":"https:\/\/bootstrapbrain.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/bootstrapbrain.com\/wp-json\/wp\/v2\/bsb_component\/2268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bootstrapbrain.com\/wp-json\/wp\/v2\/bsb_component"}],"about":[{"href":"https:\/\/bootstrapbrain.com\/wp-json\/wp\/v2\/types\/bsb_component"}],"author":[{"embeddable":true,"href":"https:\/\/bootstrapbrain.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bootstrapbrain.com\/wp-json\/wp\/v2\/comments?post=2268"}],"version-history":[{"count":0,"href":"https:\/\/bootstrapbrain.com\/wp-json\/wp\/v2\/bsb_component\/2268\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bootstrapbrain.com\/wp-json\/wp\/v2\/media\/2262"}],"wp:attachment":[{"href":"https:\/\/bootstrapbrain.com\/wp-json\/wp\/v2\/media?parent=2268"}],"wp:term":[{"taxonomy":"bsb_component_category","embeddable":true,"href":"https:\/\/bootstrapbrain.com\/wp-json\/wp\/v2\/bsb_component_category?post=2268"},{"taxonomy":"bsb_component_tag","embeddable":true,"href":"https:\/\/bootstrapbrain.com\/wp-json\/wp\/v2\/bsb_component_tag?post=2268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}