a month ago
Build a responsive site header for a local electrician service website using Tailwind CSS in HTML format. This should be mobile-first with a professional design. Use HTML with Tailwind 4.1.1 ONLY. Do not use React Required Elements Logo/Brand: "ElectricPro Services" with electrical icon Navigation Menu: Home, Services, About, Contact Phone Number: Click-to-call button with (555) 123-4567 Responsive Behavior Mobile Show hamburger menu button on left Show prominent click-to-call phone button on right Hide logo and navigation menu Phone button should be large and easily tappable - centered and taking up most of the space Tablet Logo on left Show hamburger menu button on left Phone number button on right All elements in single horizontal row Desktop: Logo on left Navigation menu in center Phone number button on right All elements in single horizontal row Design Requirements Professional blue/yellow/white color scheme for electrical services Clean, modern design that builds trust Hover effects on interactive elements Phone button should look like a call-to-action with phone icon that bounces Include proper accessibility features Technical Requirements Use only Tailwind CSS utility classes Mobile-first responsive approach Semantic HTML structure Phone number should use tel: protocol for click-to-call
Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs
Start building stunning tailwind UIs!
