Skip to content

Latest commit

 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

Responsive Testimonial Card

A modern and responsive testimonial card built using HTML5 and CSS3. This project features a premium dark theme, smooth hover animations, responsive design, and clean UI components suitable for modern websites and landing pages.


📸 Preview

Responsive Testimonial Card


✨ Features

  • ⭐ Responsive Design
  • ⭐ Premium Dark UI
  • ⭐ Semantic HTML5
  • ⭐ CSS Variables
  • ⭐ Flexbox Layout
  • ⭐ Google Fonts (Poppins)
  • ⭐ Font Awesome Icons
  • ⭐ Smooth Hover Effects
  • ⭐ Mobile Friendly
  • ⭐ Clean & Modern Design

🛠️ Technologies Used

  • HTML5
  • CSS3
  • Google Fonts
  • Font Awesome

📂 Folder Structure

responsive-testimonial-card
│
├── index.html
├── style.css
├── README.md
└── images
    ├── profile.png
    └── screenshot.png

🚀 Live Preview

Clone the repository and open index.html in your browser.

git clone https://github.com/codingwithvignesh/responsive-testimonial-card.git

📚 What I Learned

  • Semantic HTML Structure
  • CSS Variables
  • Flexbox Layout
  • Responsive Web Design
  • Hover Animations
  • CSS Transitions
  • Modern UI Design
  • Card Component Design

🎯 Project Goal

This project is part of my 10-Day HTML & CSS Challenge, where I build one responsive project every day to improve my frontend development skills and create a strong GitHub portfolio.


👨‍💻 Author

Vignesh Govindaraj

UI/UX Designer • Front-End Developer

GitHub: https://github.com/codingwithvignesh


📅 Challenge Progress

  • ✅ Day 1 – Responsive Profile Card
  • ✅ Day 2 – Responsive Login Page
  • ✅ Day 3 – Responsive Product Card
  • ✅ Day 4 – Responsive Pricing Card
  • ✅ Day 5 – Responsive Testimonial Card

⭐ If you like this project, consider giving it a Star!

About

Day 5 - Responsive Testimonial Card

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages