Material
Tailwind
Beta
Docs
Pro
Blocks
Book
Resources
Sign In
0
Waitlist
Docs
Pro
Blocks
Book
Resources
Sign In
0
Waitlist
v1.0
"
add background <section class="bg-white dark:bg-gray-800"> <div class="max-w-screen-xl px-4 py-16 mx-auto lg:h-screen lg:items-center lg:flex"> <div class="max-w-3xl mx-auto text-center"> <h1 class="text-4xl font-extrabold text-gray-900 dark:text-white sm:text-5xl"> Welcome to HonorQR </h1> <p class="mt-4 text-lg text-gray-600 dark:text-gray-400"> Streamline your digital identity with HonorQR. Generate custom QR codes, track activities, and enhance your online presence effortlessly. </p> <div class="mt-8"> <a href="#features" class="inline-block px-8 py-3 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700"> Features </a> </div> </div> </div> </section>
"
magic-ai
/
welcome-section-xgbi0wmow7xfwb6h85x
Dependencies:
1. Run "
npm i @material-tailwind/react @material-tailwind/html
"
2. Copy the code below and paste it in your project and run it.
TailwindCSS
soon
React
soon
Angular
Preview
Code
Copy
Feedback
React
Tailwind CSS
Figma