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

ETA Contact Section

A simple two-column contact section with a form on one side and contact details with icons on the other.
View now
Copy now
{"id":7326,"name":"eta-contact-section","title":"ETA Contact Section","date":"2026-04-16 18:49:37","date_formatted":"April 16, 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\/eta-contact-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"d0ed30","name":"section","parent":0,"children":["ab071f"],"settings":{"_cssGlobalClasses":["eta__contact-section"]},"label":"ETA Contact Section"},{"id":"ab071f","name":"container","parent":"d0ed30","children":["429a51","c771c6"],"settings":{"_cssGlobalClasses":["eta__contact-inner"]},"label":"Contact Inner"},{"id":"429a51","name":"block","parent":"ab071f","children":["680a88","ea4ccc","b89c32","d6dd39","ab017b"],"settings":{"_cssGlobalClasses":["eta__contact-left","eta__anim-fadein-left"]},"label":"Left Col"},{"id":"680a88","name":"heading","parent":"429a51","children":[],"settings":{"text":"GET IN TOUCH","tag":"h2","_cssGlobalClasses":["eta__h2","eta__h2--white"]},"label":"H2"},{"id":"ea4ccc","name":"text-basic","parent":"429a51","children":[],"settings":{"text":"Ready to start your tennis journey? Whether you have a question about our programs, facilities or membership \u2014 we want to hear from you.","tag":"p","_cssGlobalClasses":["eta__body","eta__body--white"]},"label":"Body"},{"id":"b89c32","name":"block","parent":"429a51","children":["2322c2","0b5d10","8d8c78"],"settings":{"_cssGlobalClasses":["eta__contact-item"]},"label":"Info Call Us"},{"id":"2322c2","name":"icon","parent":"b89c32","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-phone"},"_cssGlobalClasses":["eta__contact-icon"]},"label":"Icon Call Us","themeStyles":[]},{"id":"0b5d10","name":"text-basic","parent":"b89c32","children":[],"settings":{"text":"Call Us","tag":"span","_cssGlobalClasses":["eta__label","eta__label--lime"]},"label":"Label"},{"id":"8d8c78","name":"text-basic","parent":"b89c32","children":[],"settings":{"text":"(+1) 800 ETA TENNIS","tag":"span","_cssGlobalClasses":["eta__body","eta__body--white"]},"label":"Value"},{"id":"d6dd39","name":"block","parent":"429a51","children":["eef5db","b02068","aa366b"],"settings":{"_cssGlobalClasses":["eta__contact-item"]},"label":"Info Email Us"},{"id":"eef5db","name":"icon","parent":"d6dd39","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-envelope"},"_cssGlobalClasses":["eta__contact-icon"]},"label":"Icon Email Us","themeStyles":[]},{"id":"b02068","name":"text-basic","parent":"d6dd39","children":[],"settings":{"text":"Email Us","tag":"span","_cssGlobalClasses":["eta__label","eta__label--lime"]},"label":"Label"},{"id":"aa366b","name":"text-basic","parent":"d6dd39","children":[],"settings":{"text":"hello@elysiantennis.com","tag":"span","_cssGlobalClasses":["eta__body","eta__body--white"]},"label":"Value"},{"id":"ab017b","name":"block","parent":"429a51","children":["94151f","089e02","a0807a"],"settings":{"_cssGlobalClasses":["eta__contact-item"]},"label":"Info Find Us"},{"id":"94151f","name":"icon","parent":"ab017b","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-location-dot"},"_cssGlobalClasses":["eta__contact-icon"]},"label":"Icon Find Us","themeStyles":[]},{"id":"089e02","name":"text-basic","parent":"ab017b","children":[],"settings":{"text":"Find Us","tag":"span","_cssGlobalClasses":["eta__label","eta__label--lime"]},"label":"Label"},{"id":"a0807a","name":"text-basic","parent":"ab017b","children":[],"settings":{"text":"123 Court Lane, New York, NY 10001","tag":"span","_cssGlobalClasses":["eta__body","eta__body--white"]},"label":"Value"},{"id":"c771c6","name":"block","parent":"ab071f","children":["ff48b2"],"settings":{"_cssGlobalClasses":["eta__contact-right","eta__anim-fadein-right"]},"label":"Right Col"},{"id":"ff48b2","name":"form","parent":"c771c6","children":[],"settings":{"_cssGlobalClasses":["eta__contact-form"],"fields":[{"id":"399e1b","type":"text","label":"Full Name","placeholder":"e.g. John Smith","required":"1","width":"100"},{"id":"d5d9c1","type":"email","label":"Email Address","placeholder":"john@example.com","required":"1","width":"100"},{"id":"d9dc83","type":"text","label":"Subject","placeholder":"e.g. Junior coaching enquiry","required":"","width":"100"},{"id":"303815","type":"textarea","label":"Message","placeholder":"Tell us how we can help...","required":"1","width":"100"}],"submitButton":{"text":"SEND MESSAGE","style":"primary"},"actions":["email"]},"label":"Contact Form"}],"templateType":"section","global_classes":[{"id":"eta__h2","name":"eta__h2","settings":{"_typography":{"font-family":"Reddit Sans Condensed","font-size":"48","font-weight":"600","color":{"hex":"#0a0a0a"},"text-transform":"uppercase","line-height":"1.2"},"_typography:tablet_portrait":{"font-size":"36"}}},{"id":"eta__body","name":"eta__body","settings":{"_typography":{"font-family":"Asta Sans","font-size":"16","font-weight":"400","color":{"hex":"#0a0a0a"},"line-height":"1.6"}}},{"id":"eta__h2--white","name":"eta__h2--white","settings":{"_typography":{"color":{"hex":"#ffffff"}}}},{"id":"eta__body--white","name":"eta__body--white","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"id":"eta__anim-fadein-left","name":"eta__anim-fadein-left","settings":{"_interactions":[{"id":"d4f80a","trigger":"enterView","action":"startAnimation","animationType":"fadeInLeft","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"eta__anim-fadein-right","name":"eta__anim-fadein-right","settings":{"_interactions":[{"id":"4b14ae","trigger":"enterView","action":"startAnimation","animationType":"fadeInRight","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"eta__contact-section","name":"eta__contact-section","settings":{"_background":{"color":{"hex":"#0d0d0d"}},"_padding":{"top":"100","bottom":"100","left":"64","right":"64"},"_padding:tablet_portrait":{"top":"60","bottom":"60","left":"32","right":"32"}}},{"id":"eta__contact-inner","name":"eta__contact-inner","settings":{"_display":"grid","_gridTemplateColumns":"1fr 1fr","_columnGap":"80","_alignItems":"start","_widthMax":"100%","_width":"1300","_gridTemplateColumns:tablet_portrait":"1fr","_rowGap:tablet_portrait":"56"}},{"id":"eta__contact-left","name":"eta__contact-left","settings":{"_display":"flex","_direction":"column","_rowGap":"36","_alignItems":"flex-start","_interactions":[{"id":"9bb9f4","trigger":"enterView","action":"startAnimation","animationType":"fadeInLeft","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"eta__contact-item","name":"eta__contact-item","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_columnGap":"20"}},{"id":"eta__contact-icon","name":"eta__contact-icon","settings":{"_width":"48","_height":"48","_flexShrink":"0","_background":{"color":{"hex":"#C5F135"}},"_border":{"radius":{"top":"14","right":"14","bottom":"14","left":"14"}},"_display":"flex","_alignItems":"center","_justifyContent":"center","_typography":{"font-size":"18","color":{"hex":"#0a0a0a"}}}},{"id":"eta__contact-right","name":"eta__contact-right","settings":{"_interactions":[{"id":"d8adee","trigger":"enterView","action":"startAnimation","animationType":"fadeInRight","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"eta__contact-form","name":"eta__contact-form","settings":{"_background":{"color":{"hex":"#ffffff"}},"_border":{"radius":{"top":"24","right":"24","bottom":"24","left":"24"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"24","blur":"64","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.3)"}},"_padding":{"top":"48","bottom":"48","left":"48","right":"48"},"_cssCustom":".eta__contact-form .brxe-form{display:flex;flex-direction:column;gap:20px;}.eta__contact-form label{font-family:Oswald,sans-serif;font-size:12px;font-weight:600; letter-spacing:.08em;text-transform:uppercase;color:#0a0a0a;margin-bottom:6px;display:block;}.eta__contact-form input[type=text],.eta__contact-form input[type=email],.eta__contact-form textarea{ width:100%;padding:14px 16px; border:1px solid #e8e8e8;border-radius:10px; font-family:Poppins,sans-serif;font-size:14px;color:#0a0a0a; background:#fafafa;outline:none;transition:border-color ease .2s;resize:vertical;}.eta__contact-form input:focus,.eta__contact-form textarea:focus{ border-color:#C5F135;background:#fff;box-shadow:0 0 0 3px rgba(197,241,53,.15);}.eta__contact-form textarea{min-height:120px;}.eta__contact-form button[type=submit]{ width:100%;padding:16px;background:#C5F135; font-family:Oswald,sans-serif;font-size:14px;font-weight:700; letter-spacing:.1em;text-transform:uppercase;color:#0a0a0a; border:none;border-radius:10px;cursor:pointer;transition:background ease .25s;}.eta__contact-form button[type=submit]:hover{background:#d4f030;}","_padding:mobile_landscape":{"top":"20","bottom":"20","right":"20","left":"20"},"placeholderTypography":{"color":{"raw":"hsl(0, 0%, 65%)"}},"submitButtonTypography":{"font-family":"Asta Sans"}},"modified":1776331675,"user_id":1},{"id":"eta__label","name":"eta__label","settings":{"_typography":{"font-family":"Asta Sans","font-size":"14","font-weight":"400","color":{"hex":"#888888"},"letter-spacing":"0.12em","text-transform":"uppercase"}}},{"id":"eta__label--lime","name":"eta__label--lime","settings":{"_typography":{"color":{"hex":"#C5F135"}}}}]}
Profile Picture
Akshay Joshi

Jagoo Contact

A two-column contact section with icons, combining contact details on one side and a form on the other.
View now
Copy now
{"id":7304,"name":"jagoo-contact-2","title":"Jagoo Contact","date":"2026-04-16 16:39:58","date_formatted":"April 16, 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\/jagoo-contact-2\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"ac54c6","name":"section","parent":0,"children":["4b44c6","541247"],"settings":{"_cssGlobalClasses":["jadoo__section","jadoo__contact-section"]},"label":"Jagoo Contact"},{"id":"4b44c6","name":"container","parent":"ac54c6","children":["90fe38"],"settings":{"_cssGlobalClasses":["jadoo__inner"]},"label":"Inner"},{"id":"90fe38","name":"block","parent":"4b44c6","children":["62e902","933199","e0be88"],"settings":{"_cssGlobalClasses":["jadoo__section-header","jadoo__anim-fadein-up"]},"label":"Header"},{"id":"62e902","name":"text-basic","parent":"90fe38","children":[],"settings":{"_cssGlobalClasses":["jadoo__label","jadoo__label--orange"],"text":"GET IN TOUCH"},"label":"Label"},{"id":"933199","name":"heading","parent":"90fe38","children":[],"settings":{"_cssGlobalClasses":["jadoo__h2"],"text":"Plan Your Dream Trip","tag":"h2"},"label":"H2"},{"id":"e0be88","name":"text-basic","parent":"90fe38","children":[],"settings":{"_cssGlobalClasses":["jadoo__body"],"text":"Have a destination in mind? Tell us and we will plan every detail.","tag":"p"},"label":"Sub"},{"id":"541247","name":"block","parent":"ac54c6","children":["48059f","f92d9c"],"settings":{"_cssGlobalClasses":["jadoo__contact-grid","jadoo__inner"]},"label":"Grid"},{"id":"48059f","name":"block","parent":"541247","children":["d5b36a"],"settings":{"_cssGlobalClasses":["jadoo__contact-left","jadoo__anim-fadein-left"]},"label":"Left"},{"id":"d5b36a","name":"block","parent":"48059f","children":["7b765a","850b90","013b96"],"settings":{"_cssGlobalClasses":["jadoo__contact-info-list"]},"label":"Info List"},{"id":"7b765a","name":"block","parent":"d5b36a","children":["00e529","e7a638"],"settings":{"_cssGlobalClasses":["jadoo__contact-info-item"]},"label":"Info Call Us Directly"},{"id":"00e529","name":"icon","parent":"7b765a","children":[],"settings":{"_cssGlobalClasses":["jadoo__contact-icon"],"icon":{"library":"fontawesomeSolid","icon":"fas fa-phone"}},"label":"Icon","themeStyles":[]},{"id":"e7a638","name":"block","parent":"7b765a","children":["6deaa5","b838f7"],"settings":{"_cssGlobalClasses":["jadoo__contact-text-col"]},"label":"Text"},{"id":"6deaa5","name":"text-basic","parent":"e7a638","children":[],"settings":{"text":"Call Us Directly","tag":"span","_cssGlobalClasses":["jadoo__label"]},"label":"Label"},{"id":"b838f7","name":"text-basic","parent":"e7a638","children":[],"settings":{"_cssGlobalClasses":["jadoo__body--sm"],"text":"+1 (555) 123-4567","tag":"span"},"label":"Value"},{"id":"850b90","name":"block","parent":"d5b36a","children":["575bc9","540c63"],"settings":{"_cssGlobalClasses":["jadoo__contact-info-item"]},"label":"Info Send an Email"},{"id":"575bc9","name":"icon","parent":"850b90","children":[],"settings":{"_cssGlobalClasses":["jadoo__contact-icon"],"icon":{"library":"fontawesomeSolid","icon":"fas fa-envelope"}},"label":"Icon","themeStyles":[]},{"id":"540c63","name":"block","parent":"850b90","children":["659229","bba7f4"],"settings":{"_cssGlobalClasses":["jadoo__contact-text-col"]},"label":"Text"},{"id":"659229","name":"text-basic","parent":"540c63","children":[],"settings":{"_cssGlobalClasses":["jadoo__label"],"text":"Send an Email","tag":"span"},"label":"Label"},{"id":"bba7f4","name":"text-basic","parent":"540c63","children":[],"settings":{"_cssGlobalClasses":["jadoo__body--sm"],"text":"hello@jadootravel.com","tag":"span"},"label":"Value"},{"id":"013b96","name":"block","parent":"d5b36a","children":["456242","e9f36f"],"settings":{"_cssGlobalClasses":["jadoo__contact-info-item"]},"label":"Info Visit Our Office"},{"id":"456242","name":"icon","parent":"013b96","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-location-dot"},"_cssGlobalClasses":["jadoo__contact-icon"]},"label":"Icon","themeStyles":[]},{"id":"e9f36f","name":"block","parent":"013b96","children":["4cfec1","ea77a2"],"settings":{"_cssGlobalClasses":["jadoo__contact-text-col"]},"label":"Text"},{"id":"4cfec1","name":"text-basic","parent":"e9f36f","children":[],"settings":{"_cssGlobalClasses":["jadoo__label"],"text":"Visit Our Office","tag":"span"},"label":"Label"},{"id":"ea77a2","name":"text-basic","parent":"e9f36f","children":[],"settings":{"text":"123 Wanderlust Ave, New York, NY","tag":"span","_cssGlobalClasses":["jadoo__body--sm"]},"label":"Value"},{"id":"f92d9c","name":"block","parent":"541247","children":["6e8dfb"],"settings":{"_cssGlobalClasses":["jadoo__contact-right","jadoo__anim-fadein-right"]},"label":"Right"},{"id":"6e8dfb","name":"form","parent":"f92d9c","children":[],"settings":{"_cssGlobalClasses":["jadoo__contact-form"],"fields":[{"id":"d63e27","type":"text","label":"Your Name","placeholder":"John Smith","required":"1","width":"100"},{"id":"6580f5","type":"email","label":"Email Address","placeholder":"john@example.com","required":"1","width":"100"},{"id":"80285c","type":"text","label":"Dream Destination","placeholder":"e.g. Bali, Tokyo, Paris","required":"","width":"100"}],"submitButton":{"text":"Send Message","style":"primary"},"actions":["email"]},"label":"Contact Form","themeStyles":[]}],"templateType":"section","global_classes":[{"id":"jadoo__section","name":"jadoo__section","settings":{"_background":{"color":{"hex":"#FFFDF7"}},"_padding":{"top":"80","bottom":"80","left":"80","right":"80"},"_padding:tablet_portrait":{"top":"60","bottom":"60","left":"32","right":"32"}}},{"id":"jadoo__inner","name":"jadoo__inner","settings":{"_display":"flex","_direction":"column","_rowGap":"48","_widthMax":"100%","_width":"1200"}},{"id":"jadoo__h2","name":"jadoo__h2","settings":{"_typography":{"font-family":"Volkhov","font-size":"50","font-weight":"700","color":{"hex":"#14183E"},"line-height":"1.2"},"_typography:tablet_portrait":{"font-size":"36"},"_typography:mobile_portrait":{"font-size":"28"}},"modified":1775559655,"user_id":1},{"id":"jadoo__body","name":"jadoo__body","settings":{"_typography":{"font-family":"Poppins","font-size":"16","font-weight":"400","color":{"hex":"#5E6282"},"line-height":"1.7"}}},{"id":"jadoo__body--sm","name":"jadoo__body--sm","settings":{"_typography":{"font-family":"Poppins","font-size":"14","font-weight":"400","color":{"hex":"#5E6282"},"line-height":"1.6"}}},{"id":"jadoo__label","name":"jadoo__label","settings":{"_typography":{"font-family":"Poppins","font-size":"13","font-weight":"600","color":{"hex":"#5E6282"},"letter-spacing":"0.06em","text-transform":"uppercase"}}},{"id":"jadoo__label--orange","name":"jadoo__label--orange","settings":{"_typography":{"color":{"hex":"#DF6951"}}}},{"id":"jadoo__section-header","name":"jadoo__section-header","settings":{"_display":"flex","_direction":"column","_textAlign":"center","_alignItems":"center","_rowGap":"20"},"modified":1775559655,"user_id":1},{"id":"jadoo__anim-fadein-up","name":"jadoo__anim-fadein-up","settings":{"_interactions":[{"id":"939d0c","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.6s","animationDelay":"0s","target":"self"}]}},{"id":"jadoo__anim-fadein-right","name":"jadoo__anim-fadein-right","settings":{"_interactions":[{"id":"9c0b7e","trigger":"enterView","action":"startAnimation","animationType":"fadeInRight","animationDuration":"0.6s","animationDelay":"0s","target":"self"}]}},{"id":"jadoo__anim-fadein-left","name":"jadoo__anim-fadein-left","settings":{"_interactions":[{"id":"45ce49","trigger":"enterView","action":"startAnimation","animationType":"fadeInLeft","animationDuration":"0.6s","animationDelay":"0s","target":"self"}]}},{"id":"jadoo__contact-section","name":"jadoo__contact-section","settings":{"_background":{"color":{"hex":"#F5F5F5"}},"_columnGap":"80","_rowGap":"80"},"_exists":false},{"id":"jadoo__contact-grid","name":"jadoo__contact-grid","settings":{"_gridTemplateColumns":"1fr 1fr","_columnGap":"80","_alignItems":"start","_gridTemplateColumns:tablet_portrait":"1fr","_rowGap":"48","_display":"flex","_direction":"row"},"_exists":false},{"id":"jadoo__contact-left","name":"jadoo__contact-left","settings":{"_display":"flex","_direction":"column","_rowGap":"40","_alignItems":"flex-start","_interactions":[{"id":"99f5fb","trigger":"enterView","action":"startAnimation","animationType":"fadeInLeft","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]},"_exists":false},{"id":"jadoo__contact-info-list","name":"jadoo__contact-info-list","settings":{"_display":"flex","_direction":"column","_rowGap":"28"},"_exists":false},{"id":"jadoo__contact-info-item","name":"jadoo__contact-info-item","settings":{"_display":"flex","_direction":"row","_alignItems":"flex-start","_columnGap":"20"},"_exists":false},{"id":"jadoo__contact-icon","name":"jadoo__contact-icon","settings":{"_width":"48","_height":"48","_flexShrink":"0","_background":{"color":{"hex":"#F1A501"}},"_border":{"radius":{"top":"14","right":"14","bottom":"14","left":"14"}},"_display":"flex","_alignItems":"center","_justifyContent":"center","_typography":{"font-size":"18","color":{"hex":"#ffffff"}},"_margin:mobile_landscape":{"bottom":"10"}},"_exists":false},{"id":"jadoo__contact-text-col","name":"jadoo__contact-text-col","settings":{"_display":"flex","_direction":"column","_rowGap":"4"},"_exists":false},{"id":"jadoo__contact-right","name":"jadoo__contact-right","settings":{"_interactions":[{"id":"e8d04b","trigger":"enterView","action":"startAnimation","animationType":"fadeInRight","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]},"_exists":false},{"id":"jadoo__contact-form","name":"jadoo__contact-form","settings":{"_background":{"color":{"hex":"#ffffff"}},"_border":{"radius":{"top":"24","right":"24","bottom":"24","left":"24"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"8","blur":"32","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.06)"}},"_padding":{"top":"40","bottom":"40","left":"40","right":"40"},"_cssCustom":".jadoo__contact-form .brxe-form { display:flex; flex-direction:column; gap:20px; }.jadoo__contact-form label { font-family:Poppins,sans-serif; font-size:13px; font-weight:600; color:#14183E; margin-bottom:6px; display:block; letter-spacing:0.02em;}.jadoo__contact-form input[type='text'],.jadoo__contact-form input[type='email'],.jadoo__contact-form textarea { width:100%; padding:14px 16px; border:1px solid #E8E8E8; border-radius:10px; font-family:Poppins,sans-serif; font-size:14px; color:#5E6282; background:#FAFAFA; outline:none; transition:border-color ease .2s; resize:vertical;}.jadoo__contact-form input:focus,.jadoo__contact-form textarea:focus { border-color:#F1A501; background:#ffffff; box-shadow:0 0 0 3px rgba(241,165,1,0.12);}.jadoo__contact-form textarea { min-height:120px; }.jadoo__contact-form button[type='submit'] { width:100%; padding:16px; background:#F1A501; color:#ffffff; font-family:Poppins,sans-serif; font-size:16px; font-weight:600; border:none; border-radius:10px; cursor:pointer; transition:background ease .25s;}.jadoo__contact-form button[type='submit']:hover { background:#d99200; }","placeholderTypography":{"color":{"raw":"hsla(46, 6%, 18%, 0.43)"}}},"_exists":false}]}
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}]}

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