htmlcss0

Related Examples

• 
  Forgot password?

  you can change password an time

  Author:
  gidy

  2 months ago

  387
• 
  Checkbox models

  Tailwind Checkbox models

  Author:
  QQ-VVN

  3 months ago

  470
• 
  Responsive fullscreen youtube video

  Author:
  Anonymous

  1 year ago

  8.6k
• 
  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

  9 months ago

  2.6k
• 
  Verify OTP

  verification code

  Author:
  gidy

  2 months ago

  165
• 
  authentication form terminal

  authentication form with zsh on mac terminal looks

  Author:
  ardianhu

  1 year ago

  2.3k
• 
  Skill showcase section for resume / porfolio website

  show skill progression

  Author:
  Ava Brown

  2 years ago

  13.1k
• Typewriter animation effect

  Build using only Tailwind CSS; no JavaScript is required. This is a continuous typing effect. If you want to stop it after the text is typed for the first time, then you can remove 'infinite' from [typing: 'typing 2s steps(20) infinite alternate, blink .7s infinite'] from the config file.

  Author:
  Samuel Dawson

  2 years ago

  19.6k
• 
  simple responsive blog layout with sidebar

  Author:
  Isabella Kowalski

  2 years ago

  9.1k
• 
  invoice 02

  product invoice

  Author:
  Tanvir Hasan Bappy (Tanvir)

  3 months ago

  287
• 
  Live Chat Component using Tailwind Alpine JS

  Live Chat Component using Tailwind Alpine JS

  Author:
  Ahita Bisma Adlula

  5 months ago

  366
• 
  Hero Section

  Responsive Hero Section for you Project Background Image: A stunning, high-quality Unsplash photo that creates a unique visual impact. Overlay: Semi-transparent black overlay with blur effect for readability and a modern aesthetic. Content Area: Centered with a gradient background overlay for contrast, bold headline, engaging subtext. Buttons: Vibrant gradient and clean border with smooth hover animations to draw attention. Responsive Design: Looks great on all screen sizes with adaptable padding and font sizes.

  Author:
  KULDEEP

  1 month ago

  438