htmlcss1

Related Examples

• 
  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

  1 year ago

  2.9k
• 
  Full HTML Version

  What's Included: Title*: Required input Description: Optional textarea Fully responsive and dark mode ready Simple validation (required on title)

  Author:
  Code Master(Mfuranziza Dusabe Hamza)

  5 months ago

  416
• 
  Sticky fullpage pages / slides

  Sticky full page

  Author:
  harinandana

  3 weeks ago

  139
• 
  responsive home page

  the best home page

  Author:
  irahoza daniel

  5 months ago

  876
• 
  rotate card

  rotate card

  Author:
  Tanvir Hasan Bappy (Tanvir)

  11 months ago

  1.5k
• 
  AutoTrade

  Browse thousands of quality used cars from trusted sellers. Great prices and easy financing options available

  Author:
  INGRIDE MUZIRANENGE

  5 months ago

  359
• 
  button animation

  button animation big

  Author:
  QQ-VVN

  6 months ago

  539
• 
  Card KPI

  Targetas ahora con un grafico

  Author:
  Raul antonio de la cruz hernandez

  3 days ago

  22
• 
  Responsive Light Mode Footer Component

  This is a fully responsive and reusable light-mode footer component designed by ABNahid Agency. Built with a clean structure and optimized for modern web applications, this footer features essential sections, including About, Services, Contact, and Social Links. Ideal for personal portfolios, business websites, or startup platforms—plug and play in your React or HTML project.

  Author:
  Abdul Jabbar Al Nahid

  3 months ago

  408
• 
  Powerful Website Features

  Open Layout Design: No traditional boxes - content flows naturally Gradient Accents: Vibrant color gradients for visual interest Animated Icons: Subtle floating animations on feature icons Hover Effects: Soft glow backgrounds appear on hover Tag System: Color-coded tags for each feature's attributes Dark Theme: Sophisticated dark background with perfect contrast

  Author:
  KULDEEP

  4 months ago

  705
• 
  Todo List with Dark theme

  Todo List with Dark theme

  Author:
  Muzammil Riaz

  5 months ago

  746
• 
  invoice 02

  product invoice

  Author:
  Tanvir Hasan Bappy (Tanvir)

  6 months ago

  565