Home
Maxim
Age verification 18+

Age verification 18+

This tailwind example is contributed by Maxim, on 31-Dec-2024. Component is made with Tailwind CSS v3. It is responsive.

Form Other

Author Maxim

439

Fork Fullscreen

<div id="age" class="fixed z-[9998] top-0 right-0 left-0 bottom-0 w-full h-full bg-black bg-opacity-70 backdrop-blur-lg text-white font-sans p-5 hidden">
  <div class="max-w-md mx-auto pt-20 text-center">
	<h2 class="text-white font-bold text-2xl mb-4">Aldersbekræftelse</h2>
	<p class="mb-4">Dette websted er beregnet for personer på 18 år og derover. Bekræft venligst din alder for at få adgang til indholdet, eller forlad webstedet, hvis du ikke er myndig.</p>
	<button class="bg-green-600 text-white border-0 py-2 px-4 mt-2 w-full cursor-pointer plausible-event-name=over21" onclick="acceptCookie()">Ja, jeg er over 18 år</button>
	<br>
	<a href="https://www.responsibility.org/" ref="nofollow" class="text-white">
	  <button class="bg-indigo-600 text-white border-0 py-2 px-4 mt-2 w-full">Afslut</button>
	</a>
  </div>
</div>

<div>Hello</div>

Related Examples

Glassmorphism form

Author:
Sophia Baker

2 years ago

16.3k
Glassmorphism form

Author:
Geoffrey Callaghan

1 year ago

6k
authentication form terminal
authentication form with zsh on mac terminal looks

Author:
ardianhu

9 months ago

1.8k
Chat Bot
Simulation of a chat bot that can be used for conversations as a sketch idea

Author:
Ameth Galarcio

8 months ago

2.3k
Responsive Sign-Up Form with TailwindCSS
Create a visually appealing and fully responsive sign-up form using TailwindCSS. This form includes input fields for full name, mobile number, email, password, and confirm password, along with a gradient sign-up button. Designed with simplicity and flexibility, it is perfect for modern web applications and easy to integrate into any project.

Author:
SHARIFUL ISLAM

2 months ago

207
Get in Touch – Let's Connect! Responsive Contact Section Using TailwindCSS
Need a website, have a project idea, or just want to say hello? Feel free to reach out! My Contact Section is built with Tailwind CSS, ensuring a clean, responsive, and user-friendly experience. Drop me a message, and let's create something amazing together!

Author:
Abdul Baset Bappy

2 weeks ago

97
Calculator
A Basic Calculator

Author:
Debbie F

8 months ago

986
Payment form (Alpine JS)

Author:
Mr Robot

2 years ago

9.4k
Sticky fullpage pages / slides

Author:
Laurits

1 year ago

14.2k
Form
form

Author:
Aman kumar

9 months ago

1.3k
google clone page
This HTML page includes: The Google logo with the correct colors A search input field with microphone and camera icons "Google Search" and "Win Freeing Lucky" buttons The text "With new The ZGS Breakthrough Plus cabinets today's where business ?" Footer with all the links shown in the image: Advertising, Business, New Search works, Privacy, Terms, Settings The climate action text in the footer The layout is responsive and uses Tailwind CSS for styling. The colors match Google's brand colors, and the overall structure matches what's shown in the image.

Author:
Bishnu Thapa

1 day ago

9
User registration form with Instructions

Author:
Fagundo67

2 years ago

23.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components