A sleek, modern website template with a green & black theme, featuring an animated background, Hero section, Shop, Blog, and Login modal. Built with TailwindCSS & vanilla JavaScript, fully responsive and ready to deploy! π
π Live Demo
Tailwindtemplate/
ββ index.html # Main HTML file
ββ style.css # Tailwind + custom CSS
ββ script.js # JS for modal & animations
ββ LICENSE # MIT License
ββ README.md # Project documentation
ββ pics/
β ββ images/ # Hero, product, blog images
- Fully responsive layout π±π»
- Hero section with animated background π
- Shop section with product cards π
- Blog section with card layout π
- Login modal popup π
- Modern green & black color scheme πΏπ€
- Smooth hover animations & transitions β¨
- TailwindCSS ready for customization π¨
- Clone the repository
git clone https://github.com/danialsource/Tailwindtemplate.git- Build Tailwind
npx tailwindcss -i ./style.css -o ./output.css --watchOpen index.html
open index.html. Edit index.html to change content βοΈ
. Update images in pics/images/ πΌ
Modify script.js for animations or modal behavior π¬
MIT License.