https://github.com/shahadot99999/freshwave-cleaners

Freshwave Cleaners: A responsive and visually appealing frontend design for a cleaning service website. Built with HTML, CSS, and Tailwind CSS, featuring a modern navbar, image overlays, grid layouts, styled input fields, and a well-crafted footer.
https://github.com/shahadot99999/freshwave-cleaners

html-css tailwind tailwindcss

Last synced: 25 days ago
JSON representation

Freshwave Cleaners: A responsive and visually appealing frontend design for a cleaning service website. Built with HTML, CSS, and Tailwind CSS, featuring a modern navbar, image overlays, grid layouts, styled input fields, and a well-crafted footer.

• Host: GitHub
• URL: https://github.com/shahadot99999/freshwave-cleaners
• Owner: shahadot99999
• Created: 2024-08-21T09:47:17.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-23T10:05:18.000Z (5 months ago)
• Last Synced: 2024-11-03T20:42:26.457Z (2 months ago)
• Topics: html-css, tailwind, tailwindcss
• Language: HTML
• Homepage: https://freshwave-cleaners.netlify.app/
• Size: 9.42 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Freshwave Cleaners - Frontend Development with Tailwind CSS, HTML, and CSS

Overview

Freshwave Cleaners is a modern, user-friendly web interface designed to enhance the user experience for a cleaning service website. This project demonstrates my proficiency in frontend development using HTML, CSS, and Tailwind CSS to create responsive, visually appealing, and functional layouts.

live link: https://freshwave-cleaners.netlify.app/

git link: https://github.com/shahadot99999/freshwave-cleaners

Features Implemented

1. Navbar Design

A fully responsive navigation bar tailored for the Freshwave Cleaners site.

Includes dropdown menus, hover effects, and smooth transitions.

Styled using Tailwind CSS for a clean and professional appearance.

2. Image Overlay with Header Button

Craft stunning image overlays featuring compelling text and call-to-action buttons.

Ideal for hero sections or promotional banners.

3. Grid Column Layouts

Implement dynamic grid layouts that adapt to different screen sizes.

Tailored for showcasing services, testimonials, or gallery sections.

4. Custom Input Fields

Design and style input fields, including First Name and Last Name fields.

Use Tailwind CSS for consistent and accessible form design.

5. Column Styling

Apply different styles to columns for diverse sections like pricing, services, or feature highlights.

Ensure consistency and visual harmony across the site.

6. Footer Design

A responsive and aesthetically pleasing footer with essential links and contact information.

Designed to align with the overall theme and branding of Freshwave Cleaners.

Technologies Used:

HTML

CSS

Tailwind CSS