Stylish profile card with a hover effect

Related Examples

• 
  User Profile Card

  The card features a user's profile picture, name, location, and options for interactions. It has a clean and modern design with rounded edges and icons for user engagement. It also has support for dark mod:

  Author:
  Prashant

  3 years ago

  62.4k
• 
  User Profile Card

  Full-page Profile card

  Author:
  Prashant

  3 years ago

  18.6k
• 
  Basic Resume template

  simple and clean layout that provides a professional look.

  Author:
  R.P Ketan

  2 years ago

  26.5k
• 
  User profile card with Cover Image

  Author:
  Noob

  2 years ago

  30.1k
• 
  About me section with image

  Author:
  Kofi Osei

  2 years ago

  24.2k
• 
  Modern resume template

  modern resume template with data

  Author:
  Amit Pachange

  2 years ago

  21.2k
• 
  User profile card with social icons

  Showcases a user's profile information along with links to their various social media accounts.

  Author:
  Simon Scheffer

  2 years ago

  14.8k
• 
  Show user details

  Author:
  Lucas Martinez

  2 years ago

  24.6k
• 
  Avtar Cards

  this is cards, for the profile section

  Author:
  pablitodgb

  2 months ago

  136
• 
  Author card

  Author card for giving credit to the author of the Blog/Article. It has social media icons and user image

  Author:
  Prajwal Hallale

  1 year ago

  7.3k
• 
  Portfolio

  This responsive portfolio with dark mode support includes: 1. Fully responsive design that works on both desktop and mobile devices 2. Dark mode toggle with system preference detection and local storage persistence 3. Indigo-800 and Blue-900 color scheme for primary colors in light and dark modes 4. Beautiful animations and effects: 1. Fade-in and slide-up animations for sections using Intersection Observer 2. Hover effects on projects and buttons 3. Smooth scrolling for navigation 5. Mobile-friendly navigation with a toggle menu 6. Sections for About, Projects, and Contact 7. A contact form with styled inputs 8. Social media links in the footer 9. Accessibility considerations (proper heading structure, color contrast, focus styles, ARIA labels) Key features: - The color scheme uses Indigo-800 for light mode and orange-400 for dark mode as primary colors - Dark mode toggle in the header with a sun/moon icon - Sections fade in and slide up as they enter the viewport - Project cards have a hover effect with scaling and increased shadow - The contact form has animated focus states - Social media icons change color on hover - The layout is responsive, with a hamburger menu for mobile screens - Smooth scrolling behavior for navigation links - Dark mode preference is saved in local storage and syncs with system preference This implementation provides a visually appealing, accessible, and functional responsive portfolio with dark mode support, using HTML, Tailwind CSS, and vanilla JavaScript for the

  Author:
  nejaa badr

  10 months ago

  2.7k
• 
  profile

  user profile

  Author:
  gidy

  3 months ago

  415