GitHub

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

Creative Contact Form