Creative Contact Form

Build a modern and stylish contact form section based on the provided design. The layout should include a left information panel with heading, contact details, and social icons, alongside a right form panel with service selection tags, text inputs, and a send button. Use HTML for structure, CSS for styling, and JavaScript for frontend interactions such as selecting interest tags, focus effects, and basic form behavior. The final result should focus on strong typography, split layout, clean spacing, form styling, and responsive design.

Core Build

Project Requirements

Build the full contact form layout based on the provided design
Use semantic HTML5 structure
Style the full interface using CSS
Use JavaScript for frontend interactions
Create a two-column split layout
Build a left section with heading, email, phone number, address, and social icons
Create a right form card with selectable service or interest tags
Allow users to activate and deactivate interest tags using JavaScript
Add input fields for name, email, and message
Style input fields with bottom-border design
Create a send message button with icon
Add hover and active states for tags, inputs, button, and social icons
Make the layout responsive for tablet and mobile devices
Keep code clean and organized across HTML, CSS, and JavaScript files

Submission Open

Ready to submit your solution?

Upload your project for mentor review and showcase your structure, polish, and implementation quality.

120+ developers joined

Login Required

You need to be logged in to submit your solution for this challenge.