Navbar with two CTA buttons

Related Examples

• 
  Tailwind Sidebar Layout (improved)

  Improved Tailwind Sidebar Layout. - Responsive sidebar working - Close responsive sidebar working - Positioning menu-toggle correctly - Added some fresh icons - Added sub-items - showing on click - Added animation and swap on icons using 'peer'

  Author:
  Hielke Brandsma

  8 months ago

  2.6k
• 
  REGISTER - CTA - SECTION animation

  Author:
  ABDO-SY

  3 months ago

  217
• 
  Navigation Bar Responsive

  Author:
  SAI BENDE

  1 year ago

  9.1k
• 
  Portfolio Hero Section 5

  Author:
  $@(\/)(\/)Y

  3 months ago

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

  3 weeks ago

  148
• 
  Login page

  Login and register page, you can reuse both

  Author:
  Abhiraj

  5 months ago

  1.2k
• 
  Navbar

  This navbar implementation includes: 1. Responsive design that works on both desktop and mobile 2. Indigo-800 and Blue-900 color scheme for the background and accents 3. Dark mode support with a toggle button 4. Beautiful animations and effects: 1. Fade-in animation for menu items with staggered delays 2. Hover effects on menu items with underline animation 3. Smooth color transitions 4. Mobile menu slide-down animation 5. SVG icons for the dark mode toggle and mobile menu button 6. "Sign Up" call-to-action button 7. Mobile-friendly dropdown menu 8. Accessibility considerations (proper heading structure, color contrast, focus styles) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The navbar has a white background in light mode and dark gray in dark mode - Text colors are adjusted for readability in both light and dark modes - Menu items have hover effects with color changes and underline animations - The dark mode toggle changes its icon based on the current mode - The mobile menu slides down with a smooth animation when toggled - Desktop menu items fade in with a staggered delay for a smooth entrance - Dark mode is automatically applied based on system preferences - The layout is responsive, with a hamburger menu for mobile screens This implementation provides a visually appealing and functional navbar with various animations and effects, using HTML, Tailwind CSS, and vanilla JavaScript for the interactions.

  Author:
  nejaa badr

  8 months ago

  3.7k
• Animated Drawer

  Collapsible sidebar navigation that allows users to access additional menu options. It is designed for efficient space utilization and can be easily expanded and collapsed.

  Author:
  Eamon Carter

  1 year ago

  25.6k
• 
  Semi transparent navbar

  Author:
  Laurits

  2 years ago

  15.2k
• 
  chair

  by salvator

  Author:
  Baraka Salvator

  1 month ago

  313
• 
  Promotion Block

  It features a large, centered title, a brief description, and a prominent CTA button, all centered within a visually appealing layout.

  Author:
  Computer guy

  1 year ago

  7k
• 
  ArtoGallery

  Explore a curated selection of contemporary and classic artwork, connecting collectors and creators in an inspiring online space.

  Author:
  ORGIN_DREAMS

  1 month ago

  187