Profile Picture
Akshay Joshi

Estatein Kit – Property Form

Section with bricks form using some js code for design
Copy component
Download JSON
{"id":2590,"name":"property-form","title":"Property form","date":"2025-07-24 20:11:55","date_formatted":"July 24, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/property-form\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"639cd3","name":"section","parent":0,"children":["fa1d58"],"settings":{"_cssGlobalClasses":["qcvyzw"]},"label":"Property form "},{"id":"fa1d58","name":"container","parent":"639cd3","children":["17eb7a","5d73c5"],"settings":{"_cssGlobalClasses":["vcwyzs","wglmeq"],"_direction":"column"}},{"id":"17eb7a","name":"form","parent":"fa1d58","children":[],"settings":{"fields":[{"type":"text","id":"razyza","placeholder":"Search For Property"},{"type":"select","placeholder":"Location","id":"idbvuv","options":"Example 1\nExample 2\nExample 3","width:mobile_landscape":"100","width:tablet_portrait":"50","width":"20"},{"type":"select","placeholder":"Property Type","id":"geqmvt","options":"Example 1\nExample 2\nExample 3","width":"20","width:mobile_landscape":"100","width:tablet_portrait":"50"},{"type":"select","placeholder":"Pricing Range","id":"slqkrp","options":"Example 1\nExample 2\nExample 3","width:mobile_landscape":"100","width:tablet_portrait":"50","width":"20"},{"type":"select","placeholder":"Property Size","id":"tkbahw","options":"Example 1\nExample 2\nExample 3","width":"20","width:mobile_landscape":"100","width:tablet_portrait":"50"},{"type":"select","placeholder":"Build Year","id":"pqqjhr","options":"Example 1\nExample 2\nExample 3","width":"20","width:mobile_landscape":"100","width:tablet_portrait":"50"}],"submitButtonStyle":"primary","actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"AK Developer","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","_cssGlobalClasses":["rmudwr","bszcpc"],"showLabels":true,"submitButtonText":"Send Your Message","submitButtonMargin":{"left":"-15","top":"16.5"},"_flexDirection":"row","submitButtonWidth":"100"},"themeStyles":[]},{"id":"5d73c5","name":"code","parent":"fa1d58","children":[],"settings":{"javascriptCode":"\/\/ Search input\nconst searchInput = document.querySelector('input[name=\"form-field-razyza\"]');\nif (searchInput) {\n searchInput.parentElement.classList.add('cust_property-input-search-icon');\n}\n\n\/\/ Location select\nconst locationSelect = document.querySelector('select[name=\"form-field-idbvuv\"]');\nif (locationSelect) {\n locationSelect.parentElement.classList.add('cust_property-input-location-icon');\n}\n\n\/\/ Property Type select\nconst propertyTypeSelect = document.querySelector('select[name=\"form-field-geqmvt\"]');\nif (propertyTypeSelect) {\n propertyTypeSelect.parentElement.classList.add('cust_property-input-property-type-icon');\n}\n\n\/\/ Pricing Range select\nconst pricingRangeSelect = document.querySelector('select[name=\"form-field-slqkrp\"]');\nif (pricingRangeSelect) {\n pricingRangeSelect.parentElement.classList.add('cust_property-input-pricing-range-icon');\n}\n\n\/\/ Property Size select\nconst propertySizeSelect = document.querySelector('select[name=\"form-field-tkbahw\"]');\nif (propertySizeSelect) {\n propertySizeSelect.parentElement.classList.add('cust_property-input-property-size-icon');\n}\n\n\/\/ Build Year select\nconst buildYearSelect = document.querySelector('select[name=\"form-field-pqqjhr\"]');\nif (buildYearSelect) {\n buildYearSelect.parentElement.classList.add('cust_property-input-build-year-icon');\n}","executeCode":true,"cssCode":"\/* Search input icon *\/\n.cust_property-input-search-icon input {\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-1.svg) no-repeat left center !important;\n background-size: 20px !important;\n \n background-repeat: no-repeat !important;\n background-position-x: 10px !important;\n background-color: #000000 !important;\n}\n\n\/* Location select icon *\/\n.cust_property-input-location-icon select {\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-7-1.svg) no-repeat left center !important;\n background-size: 20px !important;\n padding-left: 40px;\n background-repeat: no-repeat !important;\n background-position-x: 10px !important;\n background-color: #000000 !important;\n}\n\n\/* Property Type select icon *\/\n.cust_property-input-property-type-icon select {\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-8.svg) no-repeat left center !important;\n background-size: 20px !important;\n padding-left: 40px;\n background-repeat: no-repeat !important;\n background-position-x: 10px !important;\n background-color: #000000 !important;\n}\n\n\/* Pricing Range select icon *\/\n.cust_property-input-pricing-range-icon select {\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-9.svg) no-repeat left center !important;\n background-size: 20px !important;\n padding-left: 40px;\n background-repeat: no-repeat !important;\n background-position-x: 10px !important;\n background-color: #000000 !important;\n}\n\n\/* Property Size select icon *\/\n.cust_property-input-property-size-icon select {\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-10.svg) no-repeat left center !important;\n background-size: 20px !important;\n padding-left: 40px;\n background-repeat: no-repeat !important;\n background-position-x: 10px !important;\n background-color: #000000 !important;\n}\n\n\/* Build Year select icon *\/\n.cust_property-input-build-year-icon select {\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-11.svg) no-repeat left center !important;\n background-size: 20px !important;\n padding-left: 40px;\n background-repeat: no-repeat !important;\n background-position-x: 10px !important;\n background-color: #000000 !important;\n}\n\n\/************\/\n\/**submit**\/\n.estatein-poperty-search__form .form-group.submit-button-wrapper {\n position: absolute;\n width: max-content !important;\n top: 18px;\n right: calc(11% + 20px);\n}\n.estatein-poperty-search__form .form-group.submit-button-wrapper button.bricks-button {\n line-height: 36px;\n}\n\/* Search input form group background *\/\n\n.form-group.cust_property-input-search-icon input {\n width: 80%;\n border: 10px solid #1a1a1a !important;\n margin-bottom: -10px;\n border-radius: 20px 20px 0 0 !important;\n padding-top: 20px !important;\n padding-bottom: 20px !important;\n}\n\n.form-group.cust_property-input-search-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\/* Location select form group background *\/\n.form-group.cust_property-input-location-icon {\n background: #1a1a1a;\n border-radius: 20px 0 0 20px;\n}\n\n\n\/* Property Type select form group background *\/\n.form-group.cust_property-input-property-type-icon {\n background: #1a1a1a;\n}\n\n\/* Pricing Range select form group background *\/\n.form-group.cust_property-input-pricing-range-icon {\n background: #1a1a1a;\n}\n\n\/* Property Size select form group background *\/\n.form-group.cust_property-input-property-size-icon {\n background: #1a1a1a;\n}\n\n\/* Build Year select form group background *\/\n.form-group.cust_property-input-build-year-icon {\n background: #1a1a1a;\n border-radius: 0 20px 20px 0;\n}\nCopilot said: Ah, I understand! You want the search\nAh, I understand! You want the search icon to be visible on all screen sizes (both mobile and desktop). Here's the corrected CSS:\n\nCSS\n\/* Show both icon and text on all screen sizes for submit button *\/\n.estatein-poperty-search__form .form-group.submit-button-wrapper button {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.estatein-poperty-search__form .form-group.submit-button-wrapper button::before {\n content: \"\";\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-12.svg) no-repeat center center;\n background-size: 20px 20px;\n width: 20px;\n height: 20px;\n display: inline-block;\n}\n\n.estatein-poperty-search__form .form-group.submit-button-wrapper button .text {\n display: inline-block;\n}\n@media only screen and (max-width:767px){\n.form-group.cust_property-input-search-icon input {\n width: 100%;\n border: 3px solid #1a1a1a !important;\n margin-bottom: -10px;\n border-radius: 20px!important;\n}\n .estatein-poperty-search__form .form-group.submit-button-wrapper {\n right: calc(0% + 20px);\n top:2px;\n}\n .form-group.cust_property-input-search-icon {\n margin-bottom: 30px;\n padding: 0 !important;\n} \n .form-group.cust_property-input-location-icon {\n \n border-radius: 20px 20px 0 0px;\n}\n .form-group.cust_property-input-build-year-icon {\n \n border-radius: 0 0px 20px 20px;\n }\n \/***btn***\/\n .estatein-poperty-search__form .form-group.submit-button-wrapper button .text {\n display: none;\n }\n \n .estatein-poperty-search__form .form-group.submit-button-wrapper button {\n position: relative;\n }\n \n .estatein-poperty-search__form .form-group.submit-button-wrapper button::before {\n content: \"\";\n background: url(https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Icon-12.svg) no-repeat center center;\n background-size: 20px 20px;\n width: 20px;\n height: 20px;\n display: inline-block;\n vertical-align: middle;\n }\n .estatein-poperty-search__form .form-group.submit-button-wrapper button.bricks-button {\n min-height: 51px;\n min-width: 56px;\n}\n}"},"label":"Js code to add class on input ","themeStyles":[]}],"templateType":"section","global_classes":[{"id":"qcvyzw","name":"estatein-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"8%","right":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","left":"5%","right":"5%"},"_background":{"color":{"hex":"#141414"}}},"modified":1749740692,"user_id":1},{"id":"wglmeq","name":"estatein-default-container","settings":{"_direction:mobile_landscape":"row","_width":"1596"},"modified":1749711177,"user_id":1},{"id":"vcwyzs","name":"statein-property-banner__other-filters","settings":[],"modified":1753360173,"user_id":1},{"id":"rmudwr","name":"estatein-property__form","settings":{"fieldBackgroundColor":{"hex":"#000000"},"fieldBorder":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#262626"},"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"labelTypography":{"color":{"hex":"#ffffff"},"font-size":"clamp(15px, calc(15px + 5 * ((100vw - 1440px) \/ 480)), 20px);","text-transform":"none"},"placeholderTypography":{"color":{"hex":"#666666"},"font-size":"clamp(14px, calc(14px + 4 * ((100vw - 1440px) \/ 480)), 18px);"},"submitButtonBackgroundColor":{"hex":"#703bf7"},"submitButtonTypography":{"color":{"hex":"#ffffff"}},"labelTypography:mobile_landscape":{"font-size":"16"},"placeholderTypography:mobile_landscape":{"font-size":"14"},"fieldPadding":{"top":"5","bottom":"5"},"fieldMargin":{"left":"clamp(15px, calc(15px + 15 * ((100vw - 992px) \/ 928)), 30px);","right":"clamp(15px, calc(15px + 15 * ((100vw - 992px) \/ 928)), 30px);","bottom":"40"},"submitButtonBorder":{"radius":{"right":"6","top":"6","bottom":"6","left":"6"}},"_cssCustom:mobile_landscape":".estatein-property__form button.bricks-button.bricks-background-primary {\n font-size:14px;\n}\n.estatein-property__form .form-group.submit-button-wrapper {\n width: 100%;\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n margin-left: 20px;\n}\n.estatein-property__form button.bricks-button.bricks-background-primary {\n\n margin-right: 0;\n}","fieldMargin:mobile_landscape":{"bottom":"20"},"fieldMargin:mobile_portrait":{"bottom":"15"}},"modified":1752828436,"user_id":1},{"id":"bszcpc","name":"estatein-poperty-search__form","settings":{"fieldMargin":{"left":"10","right":"10","bottom":"10","top":"10"},"fieldPadding":{"top":"10","bottom":"10"},"_position":"relative"}}]}

Similar components

Profile Picture
Akshay Joshi

Positivus Contact us

Simple 2-column layout contact section
View now
Copy now
{"id":5786,"name":"positivus-contact-us","title":"Positivus Contact us","date":"2026-02-04 11:48:44","date_formatted":"February 4, 2026","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/positivus-contact-us\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"ae6a9a","name":"section","parent":0,"children":["c77c54","5c97f0"],"settings":{"_cssGlobalClasses":["uccubh"]},"label":"Contact us"},{"id":"c77c54","name":"container","parent":"ae6a9a","children":["48a3da","616da7"],"settings":{"_cssGlobalClasses":["hrzclm"]}},{"id":"48a3da","name":"heading","parent":"c77c54","children":[],"settings":{"text":"Contact us","tag":"h2","_cssGlobalClasses":["fdzxgz"]}},{"id":"616da7","name":"text-basic","parent":"c77c54","children":[],"settings":{"text":"Let's Discuss Your Digital Marketing Needs","_cssGlobalClasses":["kwlwwz"]}},{"id":"5c97f0","name":"container","parent":"ae6a9a","children":["642b4b","30a7ac"],"settings":{"_cssGlobalClasses":["cvktcg"]}},{"id":"642b4b","name":"block","parent":"5c97f0","children":["1920ab"],"settings":{"_cssGlobalClasses":["yzuarb"]}},{"id":"1920ab","name":"form","parent":"642b4b","children":[],"settings":{"fields":[{"type":"radio","id":"frcbfc","options":"Say Hi\nGet a Quote"},{"type":"text","label":"Name","placeholder":"Name","id":"d71ed7"},{"type":"email","label":"Email","placeholder":"Email","required":true,"id":"b4986b"},{"type":"textarea","label":"Message","placeholder":"Message","required":true,"id":"26d9be"}],"submitButtonStyle":"primary","actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"AK Developer","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","_cssGlobalClasses":["ljymab"],"showLabels":true,"submitButtonSize":"lg","submitButtonText":"Send Message"},"themeStyles":[]},{"id":"30a7ac","name":"image","parent":"5c97f0","children":[],"settings":{"image":{"id":5704,"filename":"Illustration-4.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/01\/Illustration-4.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/01\/Illustration-4.webp"},"_cssGlobalClasses":["jymrjs"]},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"hrzclm","name":"positivus_container","settings":{"_direction":"row","_alignItems":"center","_columnGap":"30","_rowGap":"30"}},{"id":"kwlwwz","name":"positivus_text","settings":{"_typography":{"font-size":"18","font-family":"Space Grotesk"}}},{"id":"uccubh","name":"positivus_section","settings":{"_padding":{"top":"80","bottom":"80","right":"5%","left":"5%"},"_columnGap":"40","_rowGap":"40","_padding:mobile_landscape":{"top":"40","bottom":"40"},"_widthMax":"1240","_width":"100%"},"modified":1768212992,"user_id":1},{"id":"fdzxgz","name":"positivus_h2","settings":{"_typography":{"font-size":"40","font-family":"Space Grotesk","text-transform":"capitalize","line-height":"1.2"},"_typography:mobile_landscape":{"font-size":"30"},"_background":{"color":{"hex":"#b9ff66"}},"_border":{"radius":{"top":"7","right":"7","bottom":"7","left":"7"}},"_padding":{"top":"2","right":"8","bottom":"2","left":"8"}},"modified":1768214699,"user_id":1},{"id":"cvktcg","name":"positivus_container--contact","settings":{"_direction":"row","_background":{"color":{"hex":"#f3f3f3"}},"_columnGap":"40","_rowGap":"40","_padding":{"left":"60","top":"60","bottom":"60"},"_border":{"radius":{"top":"45","right":"45","bottom":"45","left":"45"}},"_padding:mobile_landscape":{"right":"30","bottom":"0","left":"30","top":"30"},"_alignItems:mobile_landscape":"center","_justifyContent:mobile_landscape":"center","_overflow:mobile_landscape":"hidden","_alignItems":"center"}},{"id":"yzuarb","name":"positivus_container--form-block","settings":{"_width":"50%","_width:mobile_landscape":"100%"}},{"id":"ljymab","name":"positivus_container--form","settings":{"_cssCustom":".positivus_container--form .options-wrapper {\ndisplay: flex;\ngap:10px;\n}","labelTypography":{"font-size":"16","color":{"hex":"#000000"},"font-family":"Space Grotesk","font-weight":"400"},"fieldBorder":{"width":{"top":"1","bottom":"1","right":"1","left":"1"},"style":"solid","color":{"hex":"#000000"},"radius":{"top":"14","right":"14","bottom":"14","left":"14"}},"fieldPadding":{"top":"3","bottom":"3"},"submitButtonWidth":"100","submitButtonTypography":{"font-family":"Space Grotesk","color":{"hex":"#ffffff"},"line-height":"1.8"},"submitButtonBackgroundColor":{"hex":"#000000"},"submitButtonBorder":{"radius":{"top":"14","right":"14","bottom":"14","left":"14"}}}},{"id":"jymrjs","name":"positivus_container--form-img","settings":{"_width":"50%","_width:mobile_landscape":"100%","_transform:mobile_landscape":{"rotateZ":"90"},"_objectFit":"cover","_margin:mobile_landscape":{"top":"-100"}},"modified":1767968582,"user_id":1}]}
Profile Picture
Akshay Joshi

Solus Newsletter Section

Simple newsletter section
View now
Copy now
{"id":5681,"name":"solus-newsletter-section","title":"Solus Newsletter Section","date":"2026-01-08 14:07:31","date_formatted":"January 8, 2026","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/solus-newsletter-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"06cf1a","name":"section","parent":0,"children":["4e4b96"],"settings":{"_cssGlobalClasses":["vffzhb"]},"label":"Solus Newsletter Section"},{"id":"4e4b96","name":"container","parent":"06cf1a","children":["fc1276","099244"],"settings":{"_cssGlobalClasses":["jgqnkg","envpaa"],"_alignItems":"flex-end"}},{"id":"fc1276","name":"block","parent":"4e4b96","children":["b1b6aa","faef27","2665a5"],"settings":{"_cssGlobalClasses":["wovqpq"],"_padding":{"bottom":"40"}}},{"id":"b1b6aa","name":"heading","parent":"fc1276","children":[],"settings":{"_cssGlobalClasses":["tossnn"],"text":"Subscribe Newsletter","tag":"h2"}},{"id":"faef27","name":"text","parent":"fc1276","children":[],"settings":{"_cssGlobalClasses":["xpmxxa"],"text":"Personalized guidance to help you build healthier habits, manage stress, and achieve balance in all areas of your life.Our wellness coaches support you in creating sustainable routines for mental, emotional, and physical well-being."}},{"id":"2665a5","name":"form","parent":"fc1276","children":[],"settings":{"_cssGlobalClasses":["vbfprz"],"fields":[{"type":"email","label":"Email","required":true,"id":"cfd947","placeholder":"Email "}],"submitButtonStyle":"primary","actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"AK Developer","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","submitButtonText":"Send Message"},"themeStyles":[]},{"id":"099244","name":"image","parent":"4e4b96","children":[],"settings":{"_cssGlobalClasses":["pkynua"],"image":{"id":5279,"filename":"Illustration_11.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/12\/Illustration_11.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/12\/Illustration_11.png"}},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"vffzhb","name":"solus_section","settings":{"_padding":{"top":"50","bottom":"50","left":"5%","right":"5%"},"_background":{"color":{"hex":"#f7f6f4"}},"_columnGap":"40","_rowGap":"40","_padding:mobile_landscape":{"top":"30","bottom":"30"}},"modified":1765878401,"user_id":1},{"id":"envpaa","name":"solus_container","settings":{"_width":"1240","_widthMax":"100%"},"modified":1766556661,"user_id":1},{"id":"tossnn","name":"solus_h2","settings":{"_typography:tablet_portrait":{"font-size":"35"},"_typography:mobile_landscape":{"font-size":"28"},"_typography":{"font-family":"Bricolage Grotesque","font-size":"48","color":{"hex":"#00373e","id":"xghynq","name":"Color #4"}}},"modified":1767711168,"user_id":1},{"id":"xpmxxa","name":"solus-p-text","settings":{"_typography":{"font-family":"Bricolage Grotesque","font-size":"18","color":{"hex":"#00373e"}},"_typography:tablet_portrait":{"font-size":"16"}},"modified":1766556234,"user_id":1},{"id":"jgqnkg","name":"solus_container-v2--service","settings":{"_padding":{"top":"30","left":"40"},"_direction":"row","_alignItems":"stretch","_background":{"color":{"hex":"#ffffff"}},"_border":{"radius":{"top":"60","right":"60","bottom":"60","left":"60"}},"_overflow":"hidden","_direction:mobile_landscape":"column"}},{"id":"wovqpq","name":"solus_content--service","settings":{"_columnGap":"30","_rowGap":"30","_width":"50%","_width:mobile_landscape":"100%","_padding":{"bottom":"30"},"_padding:mobile_landscape":{"right":"30"},"_justifyContent":"center"}},{"id":"pkynua","name":"solus-wellness-cta--image","settings":{"_width":"50%","_width:mobile_landscape":"100%"}},{"id":"vbfprz","name":"solus_bricks-form","settings":{"_background":{"color":{"hex":"#fdf7f1"}},"_padding":{"top":"40","bottom":"40","right":"40","left":"40"},"fieldBorder":{"width":{"top":"0","right":"0","left":"0","bottom":"1"},"style":"solid","color":{"hex":"#00373e","id":"xghynq","name":"Color #4"}},"fieldBackgroundColor":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0)","hsl":"hsla(0, 0%, 0%, 0)"},"submitButtonWidth":"100","submitButtonBackgroundColor":{"hex":"#00373e","id":"xghynq","name":"Color #4"},"submitButtonTypography":{"color":{"hex":"#ffffff"},"font-family":"Bricolage Grotesque","font-size":"16","font-weight":"500","line-height":"1.8"},"submitButtonBorder":{"radius":{"top":"100","right":"100","bottom":"100","left":"100"}},"labelTypography":{"font-family":"Bricolage Grotesque","font-size":"18"},"placeholderTypography":{"font-family":"Bricolage Grotesque","font-size":"16","color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.72)","hsl":"hsla(0, 0%, 0%, 0.72)"}},"_border":{"radius":{"top":"40","right":"40","bottom":"40","left":"40"}},"_typography":{"font-size":"20"},"labelTypography:mobile_landscape":{"font-size":"18"},"placeholderTypography:mobile_landscape":{"font-size":"16"},"_padding:mobile_portrait":{"left":"20","right":"20"}}}]}
Profile Picture
Akshay Joshi

Solus Form CTA Section

A card-style form with contact details and social icons
View now
Copy now
{"id":5685,"name":"solus-form-cta-section","title":"Solus Form CTA Section","date":"2026-01-08 14:09:43","date_formatted":"January 8, 2026","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/solus-form-cta-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"38855b","name":"section","parent":0,"children":["816517","1fb72f"],"settings":{"_cssGlobalClasses":["vffzhb"]},"label":"Solus Form CTA Section"},{"id":"816517","name":"container","parent":"38855b","children":["672640"],"settings":{"_cssGlobalClasses":["envpaa"]}},{"id":"672640","name":"block","parent":"816517","children":["d73333","c0f2eb","1f4132"],"settings":{"_cssGlobalClasses":["ckfulm"]},"label":"heading content"},{"id":"d73333","name":"heading","parent":"672640","children":[],"settings":{"text":"Get in Touch","tag":"custom","customTag":"span","_cssGlobalClasses":["yzbksu","evkkxw"]},"label":"sub heading"},{"id":"c0f2eb","name":"heading","parent":"672640","children":[],"settings":{"text":"We\u2019re Here to Support You","tag":"h2","_cssGlobalClasses":["tossnn"],"_typography":{"font-family":"Bricolage Grotesque"}},"label":"h2"},{"id":"1f4132","name":"text-basic","parent":"672640","children":[],"settings":{"text":"Whether you have questions, need help getting started, or want to learn more \u2014 reach out anytime.","_cssGlobalClasses":["uvnbjg"]},"label":"text"},{"id":"1fb72f","name":"container","parent":"38855b","children":["f3c7cb","40152d"],"settings":{"_cssGlobalClasses":["tykizk","envpaa"]}},{"id":"f3c7cb","name":"block","parent":"1fb72f","children":["3155e9","b811b6"],"settings":{"_cssGlobalClasses":["pmwuex"]}},{"id":"3155e9","name":"block","parent":"f3c7cb","children":["7bc750","d3b751","ba79f5"],"settings":{"_cssGlobalClasses":["ovkxqu"]}},{"id":"7bc750","name":"heading","parent":"3155e9","children":[],"settings":{"text":"Contact Details:","_cssGlobalClasses":["adynuf"]}},{"id":"d3b751","name":"list","parent":"3155e9","children":[],"settings":{"_cssGlobalClasses":["cjzzle"],"items":[{"title":"Email:","meta":"support@solus.com","id":"doyvnp"},{"title":"Phone:","meta":"+1 (123) 456-7890","id":"uhflxa"},{"title":"Address:","meta":"123 Wellness Way, Calm City, CA 90210","id":"gatzql"}],"separatorDisable":true},"themeStyles":[]},{"id":"ba79f5","name":"social-icons","parent":"3155e9","children":[],"settings":{"_cssGlobalClasses":["zjqpsj"],"_padding":{"top":"0","right":"0","bottom":15,"left":15},"_typography":{"color":{"hex":"#ffffff"}},"icons":[{"icon":{"library":"fontawesomeBrands","icon":"fab fa-linkedin"},"id":"qpqnzn"},{"icon":{"library":"fontawesomeBrands","icon":"fab fa-facebook"},"id":"lojglv"},{"icon":{"library":"fontawesomeBrands","icon":"fab fa-instagram"},"id":"piirlg"},{"icon":{"library":"fontawesomeBrands","icon":"fab fa-whatsapp"},"id":"lyzimp"}]},"themeStyles":[]},{"id":"b811b6","name":"text-basic","parent":"f3c7cb","children":[],"settings":{"text":"We typically respond within 12 hours.","_cssGlobalClasses":["byoqgw"]}},{"id":"40152d","name":"block","parent":"1fb72f","children":["ffbc75","18dea1"],"settings":{"_cssGlobalClasses":["hzxujt"]}},{"id":"ffbc75","name":"heading","parent":"40152d","children":[],"settings":{"_cssGlobalClasses":["adynuf"],"text":"Send Us a Message"}},{"id":"18dea1","name":"form","parent":"40152d","children":[],"settings":{"_cssGlobalClasses":["vbfprz"],"fields":[{"type":"email","label":"Email","required":true,"id":"cfd947"},{"type":"textarea","label":"Message","required":true,"id":"18b5c4"}],"submitButtonStyle":"primary","actions":["email"],"successMessage":"Message successfully sent. We will get back to you as soon as possible.","emailSubject":"Contact form request","emailTo":"admin_email","fromName":"AK Developer","emailErrorMessage":"Submission failed. Please reload the page and try to submit the form again.","htmlEmail":true,"mailchimpPendingMessage":"Please check your email to confirm your subscription.","mailchimpErrorMessage":"Sorry, but we could not subscribe you.","sendgridErrorMessage":"Sorry, but we could not subscribe you.","showLabels":true,"submitButtonText":"Send Message"},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"vffzhb","name":"solus_section","settings":{"_padding":{"top":"50","bottom":"50","left":"5%","right":"5%"},"_background":{"color":{"hex":"#f7f6f4"}},"_columnGap":"40","_rowGap":"40","_padding:mobile_landscape":{"top":"30","bottom":"30"}},"modified":1765878401,"user_id":1},{"id":"envpaa","name":"solus_container","settings":{"_width":"1240","_widthMax":"100%"},"modified":1766556661,"user_id":1},{"id":"uvnbjg","name":"solus_text","settings":{"_typography":{"font-family":"Bricolage Grotesque","font-size":"18","color":{"hex":"#00373e","id":"xghynq","name":"Color #4"}},"_typography:tablet_portrait":{"font-size":"16"}},"modified":1765880235,"user_id":1},{"id":"tossnn","name":"solus_h2","settings":{"_typography:tablet_portrait":{"font-size":"35"},"_typography:mobile_landscape":{"font-size":"28"},"_typography":{"font-family":"Bricolage Grotesque","font-size":"48","color":{"hex":"#00373e","id":"xghynq","name":"Color #4"}}},"modified":1767711168,"user_id":1},{"id":"yzbksu","name":"solus_sub-heading","settings":{"_typography":{"font-size":"14","font-family":"Bricolage Grotesque","text-transform":"uppercase"},"_typography:mobile_landscape":{"text-transform":"uppercase"}}},{"id":"evkkxw","name":"solus-u-text-center","settings":{"_typography":{"text-align":"center"}},"modified":1767711168,"user_id":1},{"id":"pmwuex","name":"solus-contact-inner--block","settings":{"_rowGap":"30","_width":"50%","_display":"flex","_justifyContent":"space-between","_width:mobile_landscape":"100%","_justifyContent:mobile_portrait":"center","_alignItems:mobile_portrait":"center"}},{"id":"tykizk","name":"solus_contact--container","settings":{"_border":{"radius":{"top":"60","right":"60","bottom":"60","left":"60"}},"_background":{"color":{"hex":"#ffffff"}},"_padding":{"top":"40","bottom":"40","right":"40","left":"40"},"_direction":"row","_rowGap":"40","_columnGap":"40","_alignItems":"stretch","_justifyContent:mobile_landscape":"center","_alignItems:mobile_landscape":"center","_padding:mobile_portrait":{"left":"20","right":"20"}},"modified":1766758224,"user_id":1},{"id":"cjzzle","name":"solus-contact-inner--block-list","settings":{"itemJustifyContent":"flex-start","titleTypography":{"font-weight":"700","color":{"hex":"#00373e","id":"xghynq","name":"Color #4"}},"itemMargin":{"bottom":"20"},"_typography":{"font-family":"Bricolage Grotesque"},"itemAlignItems:mobile_portrait":"center"},"modified":1767621154,"user_id":1},{"id":"zjqpsj","name":"solus_contact--icons","settings":{"iconColor":{"hex":"#00373e","id":"xghynq","name":"Color #4"},"iconSize":"20","_padding":{"right":"0","top":"0"}},"modified":1766753959,"user_id":1},{"id":"ovkxqu","name":"solus_contact-social","settings":{"_rowGap":"20","_justifyContent:mobile_portrait":"center","_alignItems:mobile_portrait":"center"}},{"id":"hzxujt","name":"solus-contact-inner--form-block","settings":{"_width":"50%","_rowGap":"30","_width:mobile_landscape":"100%","_alignItems:mobile_portrait":"center"}},{"id":"vbfprz","name":"solus_bricks-form","settings":{"_background":{"color":{"hex":"#fdf7f1"}},"_padding":{"top":"40","bottom":"40","right":"40","left":"40"},"fieldBorder":{"width":{"top":"0","right":"0","left":"0","bottom":"1"},"style":"solid","color":{"hex":"#00373e","id":"xghynq","name":"Color #4"}},"fieldBackgroundColor":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0)","hsl":"hsla(0, 0%, 0%, 0)"},"submitButtonWidth":"100","submitButtonBackgroundColor":{"hex":"#00373e","id":"xghynq","name":"Color #4"},"submitButtonTypography":{"color":{"hex":"#ffffff"},"font-family":"Bricolage Grotesque","font-size":"16","font-weight":"500","line-height":"1.8"},"submitButtonBorder":{"radius":{"top":"100","right":"100","bottom":"100","left":"100"}},"labelTypography":{"font-family":"Bricolage Grotesque","font-size":"18"},"placeholderTypography":{"font-family":"Bricolage Grotesque","font-size":"16","color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.72)","hsl":"hsla(0, 0%, 0%, 0.72)"}},"_border":{"radius":{"top":"40","right":"40","bottom":"40","left":"40"}},"_typography":{"font-size":"20"},"labelTypography:mobile_landscape":{"font-size":"18"},"placeholderTypography:mobile_landscape":{"font-size":"16"},"_padding:mobile_portrait":{"left":"20","right":"20"}}},{"id":"adynuf","name":"solus_h3","settings":{"_typography":{"font-size":"26","font-family":"Bricolage Grotesque"},"_typography:mobile_landscape":{"font-size":"24"}}},{"id":"byoqgw","name":"solus-contact-content--note","settings":{"_typography:mobile_portrait":{"text-align":"center"}}},{"id":"ckfulm","name":"solus_heading-content","settings":{"_alignSelf":"center","_justifyContent":"center","_alignItems":"center","_rowGap":"20"},"modified":1767796378,"user_id":1}]}

Categories

Forms

Nice, you've downloaded this template! Now let's get it on your website...

To use this component, go to your 'Templates', click 'Import', and upload the file you just downloaded! It's that simple. You can then copy/paste it to other sections of your website.
Close & continue

Nice, you've copied this component! Now let's paste it...

To paste this component, simply go to any Bricks page or component and click paste! Simple as that.
Close & continue