Are you struggling to collect and organize customer feedback on your website? Look no further, because in this article, we will show you how to create a customer feedback section in HTML. Your customers’ opinions are crucial to the success of your business, and having a dedicated feedback section can greatly improve their experience. So, read on to learn how you can easily gather and utilize valuable feedback from your customers.

Why is Customer Feedback Important?

Why is Customer Feedback Important? Customer feedback is essential for understanding and meeting consumer needs, enhancing products, and improving services. It offers valuable insights into customer satisfaction, identifies areas for improvement, and promotes loyalty through engagement. Furthermore, it aids in the development of a customer-centric approach, fostering lasting relationships, and increasing brand advocacy.

A pro-tip for utilizing customer feedback effectively: actively listen to feedback, respond promptly, and use it to drive meaningful changes.

What is HTML?

HTML, or Hypertext Markup Language, is the standard language used to create and design web pages. It defines the structure and layout of a webpage by using various tags and attributes to present content such as text, images, and multimedia. Additionally, HTML allows the incorporation of hyperlinks, enabling seamless navigation across different web pages.

When exploring the concept of What is HTML?, it’s crucial to understand the fundamental tags and their functions. For example, the

tag is used to define the most important heading, while the

tag denotes a paragraph within the content.

How to Create a Customer Feedback Section in HTML?

In today’s digital age, customer feedback is crucial for businesses to understand the needs and satisfaction of their customers. In this section, we will walk you through the steps of creating a customer feedback section in HTML. From creating a form for feedback to styling the section with CSS, we will cover all the essential elements needed to gather valuable feedback from your customers. Let’s get started!

1. Create a Form for Feedback

• Create a new HTML document and use the
  
  tag to create a form for feedback.
• Inside the form, add input fields for the user’s name and email address using the tag.
• Next, create a textarea using the tag</b> to allow users to input their feedback message.</li> <li>Afterward, include a submit button within the form using the <input> tag with the type attribute set to ‘submit’.</li> <li>Lastly, save the HTML file and open it in a web browser to view the feedback form.</li> </ul> <h3>2. Add Input Fields for Name and Email</h3> <ol> <li>Create a form element in the HTML code to gather feedback.</li> <li>Add input fields for name and email within the form using the <input> tag with the type attribute set to ‘text’ for name and ’email’ for email address.</li> </ol> <h3>3. Create a Textarea for Feedback Message</h3> <ol> <li>Create a textarea element in the HTML form to allow users to input their feedback messages.</li> </ol> <h3>4. Add a Submit Button</h3> <ol> <li>Create a button element within the form tags.</li> <li>Use the type attribute to specify ‘submit’ for the button.</li> <li>Add the text or icon for the button using the button element.</li> <li>Apply styling using CSS to enhance the button’s appearance.</li> </ol> <p>Fact: A well-designed submit button can increase user engagement on a feedback form by up to 20%.</p> <h3>5. Use CSS to Style the Feedback Section</h3> <ul> <li>Define the layout of the feedback section using CSS, including setting the width, height, and alignment.</li> <li>Select styling elements such as fonts, colors, and backgrounds to enhance the visual appeal.</li> <li>Implement CSS to create borders, padding, and margins for a well-defined and aesthetically pleasing feedback section.</li> <li>Incorporate CSS to add hover effects or animations for a more interactive user experience.</li> <li>Ensure optimal responsiveness by utilizing media queries to adapt the section’s style across various devices.</li> </ul> <h2>What are the Best Practices for Creating a Customer Feedback Section?</h2> <p>When it comes to gathering feedback from customers, having a dedicated section on your website can be incredibly valuable. However, creating a customer feedback section is not as simple as just adding a form to your page. To ensure that your feedback section is effective and beneficial for both you and your customers, there are some best practices to keep in mind. In this section, we will discuss the top tips for creating a customer feedback section, including keeping it user-friendly, offering incentives, responding promptly, and using feedback to improve your business. </p> <h3>1. Keep it Simple and User-Friendly</h3> <ul> <li>Minimal Design: Create an uncluttered layout with intuitive navigation.</li> <li>Clear Instructions: Use straightforward language and easy-to-understand prompts.</li> <li>Reduce Steps: Minimize the number of actions required to submit feedback.</li> </ul> <p>In the early 2000s, the renowned tech company Apple revolutionized the user experience by introducing the iPod. With its simple and user-friendly interface, it transformed the way people interacted with music on the go. The iPod’s design and instructions were straightforward, making it easy for users to navigate and submit feedback with minimal steps. This revolutionized the user experience and set a standard for keeping things simple and user-friendly.</p> <h3>2. Offer Incentives for Feedback</h3> <ul> <li>Provide discounts or coupons for future purchases to customers who leave feedback.</li> <li>Enter participating customers into a raffle for a chance to win a prize.</li> <li>Offer loyalty points or rewards for each feedback submission.</li> <li>Give early access to new products or features as an incentive for feedback.</li> </ul> <p>Engage customers by showing appreciation for their feedback and make the process rewarding for them. Incentives not only encourage more feedback but also foster customer loyalty.</p> <h3>3. Respond to Feedback Promptly</h3> <ol> <li>Set up a system to regularly monitor incoming feedback.</li> <li>Establish a timeframe for acknowledging and addressing feedback, aiming for within 24-48 hours.</li> <li>Utilize email templates or automated responses for swift initial acknowledgment.</li> <li>Assign dedicated team members to handle different types of feedback promptly and respond to it in a timely manner.</li> </ol> <h3>4. Use Feedback to Improve and Grow</h3> <ul> <li>Review feedback for recurring themes and patterns.</li> <li>Implement changes based on valuable feedback.</li> <li>Monitor the impact of changes on customer satisfaction and engagement.</li> <li>Continuously refine and adapt based on ongoing feedback.</li> </ul> <p><b>Pro-tip:</b> Embrace feedback as a catalyst for evolution, fostering a culture of continuous improvement and customer-centricity. Use feedback to improve and grow your business.</p> <h2>How to Analyze and Utilize Customer Feedback?</h2> <p>Customer feedback is a valuable tool for businesses to gather insights and improve their products or services. However, simply collecting feedback is not enough. In this section, we will discuss how to analyze and utilize customer feedback effectively. By following these steps, you can make the most out of the feedback you receive and use it to make meaningful changes and improvements. From categorizing and organizing feedback to expressing gratitude to your customers, we’ll cover all the necessary aspects of utilizing customer feedback in your business. </p> <h3>1. Categorize and Organize Feedback</h3> <ul> <li>Sort feedback into different categories such as product, customer service, and website experience.</li> <li>Organize feedback by priority, distinguishing critical issues from general suggestions.</li> <li>Utilize feedback management tools to efficiently categorize and organize the feedback received.</li> </ul> <h3>2. Look for Common Themes and Issues</h3> <ul> <li>Review Feedback: Analyze customer comments to identify recurring topics or problems.</li> <li>Identify Patterns: Look for common themes and issues that multiple customers mention, such as slow response times.</li> <li>Categorize Feedback: Organize feedback into different categories to understand the scope of each issue.</li> <li>Quantify Concerns: Keep track of how frequently specific issues or suggestions are raised.</li> <li>Utilize Insights: Use identified themes and issues to drive improvements and address customer concerns, such as addressing slow response times.</li> </ul> <p>A company implemented a feedback system and consistently noticed customer mentions about <b>slow response times</b>. By addressing this, customer satisfaction significantly improved.</p> <h3>3. Use Feedback to Make Changes and Improvements</h3> <ol> <li>Analyze feedback data to identify recurring issues or suggestions.</li> <li>Implement changes based on the feedback received.</li> <li>Monitor the impact of the implemented changes through ongoing feedback analysis.</li> <li>Continuously iterate and improve based on the feedback received.</li> </ol> <p>Fact: Utilizing customer feedback can lead to a 10-15% increase in customer satisfaction rates.</p> <h3>4. Thank Customers for Their Feedback</h3> <ul> <li>Send personalized thank-you emails to customers who provided feedback.</li> <li>Offer exclusive discounts or promotions to customers who took the time to share their thoughts.</li> <li>Implement feedback-driven changes and updates, demonstrating the value placed on customer input.</li> <li>Express gratitude publicly on social media platforms, showcasing customer appreciation.</li> </ul> <p>Did you know that showing appreciation to customers for their feedback can improve customer loyalty and satisfaction?</p> <p><div></div> </div> </div> <div class="px-6 w-full lg:w-4/12 mt-16 pb-32"> <div class="mt-2 sticky top-36"> <a class="psTrackButton" href="https://www.process.st/"> <img class="rounded-lg" src="https://www.process.st/wp-content/themes/koombea/images/demand/ai-banner-demand.png" /> </a> <a href="https://app.process.st/sign-up" title="Try Process Street for free" class="ga4-get-started lg:!block mt-8 ps-btn ps-btn-blue ps-btn-xl ps-btn-px-0 w-full mr-5">Start your free trial now</a> <p style="text-align:center; margin-top:8px; color:#888; margin-bottom:40px;">No credit card required</p> </div> </div> </div> <div class="pt-12 pb-20 ps-bg-gradient-darkblue"> <div class="md:container mx-auto"> <h2 class="px-6 mb-5 text-3xl md:text-4xl !text-white text-center mt-4"> Your projects are processes, <br class="hidden md:block"> Take control of them today. </h2> <div class="w-full sm:w-11/12 mx-auto flex flex-col md:flex-row justify-center items-center"> <div class="flex-col md:flex-row flex w-11/12 justify-center"> <a href="https://app.process.st/sign-up" title="Get started - Process Street" class="ga4-get-started mt-3 ps-btn ps-btn-white !no-underline ps-btn-text-darkblue ps-btn-hover-text-darkblue ps-btn-2xl">Get started</a> <a href="#" title="Request a Process Street demo" class="ga4-contact-sales ps-calendly-start ps-btn-2xl ps-btn-shadow-dark md:ml-5 mt-3 text-center !no-underline">Request demo</a> </div> </div> </div> </div> <div class="lg:container mx-auto justify-center sm:justify-between grid sm:grid-cols-2 md:grid-cols-5 pt-12 pb-26"> <div class="sm:pl-6 lg:pl-12 pt-12"> <div class="uppercase mb-6 text-base">process.st</div> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/product/">Features</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/platform/ai/">Process AI</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/pricing/">Pricing</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/templates/">Template library</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/blog/">Blog</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/jobs/">Careers</a> </div> <div class="sm:pl-6 lg:pl-12 pt-12"> <div class="uppercase mb-6 text-base">Industries</div> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/industries/asset-management/">Asset management</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/industries/fintech/">Fintech</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/industries/property-management/">Property management</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/industries/healthcare/">Healthcare</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/industries/consulting/">Professional services</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/industries/tech/">Tech</a> </div> <div class="sm:pl-6 lg:pl-12 pt-12"> <div class="uppercase mb-6 text-base">Teams</div> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/teams/operations/">Operations</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/teams/human-resources/">Human resources</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/teams/compliance/">Compliance</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/teams/customer-management/">Customer management</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/teams/it/">Information technology</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/teams/investor-relations/">Investor relations</a> </div> <div class="sm:pl-6 lg:pl-12 pt-12"> <div class="uppercase mb-6 text-base">Use cases</div> <a class="mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/workflow-software/">Workflow software</a> <a class="mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/business-process-management-software/">BPM software</a> <a class="mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/onboarding-software/">Onboarding software</a> <a class="mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/standard-operating-procedure-software/">SOP software</a> <a class="mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/approval-software/">Approval software</a> <a class="mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/customers/">More use cases</a> </div> <div class="sm:pl-6 lg:pl-12 pt-12"> <div class="uppercase mb-6 text-base">For customers</div> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/enterprise/">Enterprise solution</a> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/process-partners-program/">Partners</a> <div class="mt-2"> <a class="no-underline hover:underline text-base text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/help/">Help</a> & <a class="no-underline hover:underline text-base text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/help/docs/process-street-api/">API docs</a> </div> <div class="mt-2"> <a class="no-underline hover:underline text-base text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/security/">Security</a> & <a class="no-underline hover:underline text-base text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/compliance/">Compliance</a> </div> <div class="mt-2"> <a class="no-underline hover:underline text-base text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/terms/">Terms</a> & <a class="no-underline hover:underline text-base text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/privacy/">Privacy</a> </div> <a class="no-underline hover:underline mt-2 text-base block text-lightgray ps-btn-hover-text-darkblue" href="https://www.process.st/sitemap/">Sitemap</a> </div> </div> <div class="bg-white pt-24"> <div class="border-t border-t-whitesmoke lg:container flex flex-col sm:flex-row sm:justify-between sm:items-center sm:mx-auto px-6 py-6"> <div class="text-center sm:text-left text-sm text-black"> <a href="https://www.process.st/" class="inline-block opacity-40 grayscale hover:opacity-100 hover:grayscale-0 relative top-1"> <img src="https://www.process.st/wp-content/themes/koombea/images/logo-process-street.svg" style="width:130px;" alt="Process Street" title="Process Street"> </a> </div> <div> <ul class="flex justify-center sm:justify-end mt-4 sm:mt-0 pl-2"> <li> <a target="_blank" href="https://www.process.st/slack/authorize"><i class="mx-[6px] opacity-60 hover:opacity-100 text-lightgray fa-brands fa-slack"></i></a> </li> <li> <a target="_blank" href="https://appsource.microsoft.com/product/office/WA200003933"><i class="mx-[6px] opacity-60 hover:opacity-100 text-lightgray fa-brands fa-microsoft"></i></a> </li> <li> <a target="_blank" href="https://play.google.com/store/apps/details?id=st.process.mobile"><i class="mx-[6px] opacity-60 hover:opacity-100 text-lightgray fa-brands fa-google-play"></i></a> </li> <li> <a target="_blank" href="https://apps.apple.com/us/app/id1523499559"><i class="mx-[6px] opacity-60 hover:opacity-100 text-lightgray fa-brands fa-apple"></i></a> </li> <li> <a target="_blank" href="https://www.tiktok.com/@process.st"><i class="mx-[6px] opacity-60 hover:opacity-100 text-lightgray fa-brands fa-tiktok"></i></a> </li> <li> <a target="_blank" href="https://www.instagram.com/processstreet"><i class="mx-[6px] opacity-60 hover:opacity-100 text-lightgray fa-brands fa-instagram"></i></a> </li> <li><a target="_blank" href="https://www.facebook.com/processstreet/"><i class="mx-[6px] opacity-60 hover:opacity-100 text-lightgray fa-brands fa-facebook"></i></a> </li> <li><a target="_blank" href="https://twitter.com/ProcessStreet"><i class="mx-[6px] opacity-60 hover:opacity-100 text-lightgray fa-brands fa-x-twitter"></i></a> </li> <li><a target="_blank" href="https://www.youtube.com/@process-street"><i class="mx-[6px] opacity-60 hover:opacity-100 text-lightgray fa-brands fa-youtube"></i></a> </li> <li><a target="_blank" href="https://www.linkedin.com/company/process-street/"><i class="mx-[6px] opacity-60 hover:opacity-100 text-lightgray fa-brands fa-linkedin"></i></a> </li> </ul> </div> </div> </div> <div id="ps-calendly-widget"></div> <script type='text/javascript'>document.addEventListener('DOMContentLoaded',function(){var wpacuLinkTag1001=document.createElement('link');wpacuLinkTag1001.rel='stylesheet';wpacuLinkTag1001.href='https://assets.calendly.com/assets/external/widget.css?ver=222111335';wpacuLinkTag1001.type='text/css';wpacuLinkTag1001.media='all';wpacuLinkTag1001.property='stylesheet';var wpacuUa=window.navigator.userAgent;if((wpacuUa.indexOf('MSIE ')>0||wpacuUa.indexOf('https://www.process.st/how-to/create-a-customer-feedback-section-in-html/Trident/')>0||wpacuUa.indexOf('https://www.process.st/how-to/create-a-customer-feedback-section-in-html/Edge/')>0)||typeof document.documentMode!=='undefined'){document.body.appendChild(wpacuLinkTag1001)}else{document.body.prepend(wpacuLinkTag1001)}})</script><noscript></noscript> <script type='text/javascript'>document.addEventListener('DOMContentLoaded',function(){var wpacuLinkTag1002=document.createElement('link');wpacuLinkTag1002.rel='stylesheet';wpacuLinkTag1002.href='https://fonts.googleapis.com/css2?family=Cabin%3Awght%40400%3B700&display=swap&ver=6.6.1';wpacuLinkTag1002.type='text/css';wpacuLinkTag1002.media='all';wpacuLinkTag1002.property='stylesheet';var wpacuUa=window.navigator.userAgent;if((wpacuUa.indexOf('MSIE ')>0||wpacuUa.indexOf('https://www.process.st/how-to/create-a-customer-feedback-section-in-html/Trident/')>0||wpacuUa.indexOf('https://www.process.st/how-to/create-a-customer-feedback-section-in-html/Edge/')>0)||typeof document.documentMode!=='undefined'){document.body.appendChild(wpacuLinkTag1002)}else{document.body.prepend(wpacuLinkTag1002)}})</script><noscript></noscript> <script type='text/javascript'>document.addEventListener('DOMContentLoaded',function(){var wpacuLinkTag1003=document.createElement('link');wpacuLinkTag1003.rel='stylesheet';wpacuLinkTag1003.href='https://www.process.st/wp-content/themes/koombea/styles/swiper.min.css?ver=222111335';wpacuLinkTag1003.type='text/css';wpacuLinkTag1003.media='all';wpacuLinkTag1003.property='stylesheet';var wpacuUa=window.navigator.userAgent;if((wpacuUa.indexOf('MSIE ')>0||wpacuUa.indexOf('https://www.process.st/how-to/create-a-customer-feedback-section-in-html/Trident/')>0||wpacuUa.indexOf('https://www.process.st/how-to/create-a-customer-feedback-section-in-html/Edge/')>0)||typeof document.documentMode!=='undefined'){document.body.appendChild(wpacuLinkTag1003)}else{document.body.prepend(wpacuLinkTag1003)}})</script><noscript></noscript> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <script data-minify="1" type="text/javascript" defer='defer' src="https://www.process.st/wp-content/cache/min/1/npm/js-cookie@2.2.1/src/js.cookie.js?ver=1721732171" id="js-cookie-js"></script> <script data-minify="1" type="text/javascript" defer='defer' src="https://www.process.st/wp-content/cache/min/1/wp-content/themes/koombea/scripts/pookie.js?ver=1721732171" id="pookie-js"></script> <script type="text/javascript" defer='defer' src="https://www.process.st/wp-content/themes/koombea/scripts/swiper.min.js?ver=222111335" id="swiper-js"></script> <script data-minify="1" type="text/javascript" defer='defer' src="https://www.process.st/wp-content/cache/min/1/assets/external/widget.js?ver=1721732171" id="calendly-js"></script> <script data-minify="1" type="text/javascript" defer='defer' src="https://www.process.st/wp-content/cache/min/1/wp-content/themes/koombea/scripts/calendly.js?ver=1721732171" id="calendly-custom-js"></script> <script type="text/javascript" id="main-js-extra"> /* <![CDATA[ */ var wp = {"theme_url":"https:\/\/www.process.st\/wp-content\/themes\/koombea"}; /* ]]> */ </script> <script data-minify="1" type="text/javascript" defer='defer' src="https://www.process.st/wp-content/cache/min/1/wp-content/themes/koombea/scripts/main.js?ver=1721732171" id="main-js"></script> </div> <script data-wpacu-to-be-preloaded-basic='1' id='wpacu_hardcoded_script_src_c2647a9c2a67267000c09ca9d2410e91ea2a8110-js' async='async' defer='defer' src="https://kit.fontawesome.com/acf8c29be6.js" crossorigin="anonymous" defer></script> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> </body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1722301402 -->