Project1 Documentation

Getting Started

<!-- Include Tailwind CSS -->
<script src="/tailwindcss.js"></script>

<!-- Basic Component Example -->
<div class="p-4 bg-blue-500 rounded-lg text-white">
  Hello from Project1!
</div>

HTML Components

Cards


<div class="p-4 rounded-lg bg-white/10 backdrop-blur-sm">
  Your content here
</div>

Example

Card Content

Buttons


<button class="px-6 py-3 bg-gradient-to-r from-green-500 to-blue-500 rounded-lg text-white font-bold shadow-lg 
              hover:shadow-xl transform hover:-translate-y-1 transition-all">
  Click Me
</button>

Example

JavaScript API

Toggle Component


// JavaScript Toggle Example
document.getElementById('myButton').addEventListener('click', function() {
  const target = document.getElementById('content');
  target.classList.toggle('hidden');
});

Project1 Docs 📘

Getting Started

HTML Components

Cards

Example

Buttons

Example

JavaScript API

Toggle Component

Live Demo