dawn-html

byMANGESH SAYMOTE

<!DOCTYPE html><html lang="mr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Control Panel</title> <script src="https://cdn.tailwindcss.com"></script> <style> html { scroll-behavior: smooth; } .clickable { cursor: pointer; } </style> </head> <body class="bg-gray-900 text-white font-sans"> <!-- HEADER --> <header class="p-4 bg-gray-800 flex justify-between items-center"> <h1 class="text-xl font-bold">⚙️ My Personal Control Panel</h1> <button onclick="toggleTheme()" class="bg-blue-600 px-4 py-2 rounded-lg clickable">Theme</button> </header> <!-- MAIN --> <main class="p-6 grid grid-cols-1 md:grid-cols-2 gap-6"><!-- PROFILE SETTINGS --> <div class="bg-gray-800 p-5 rounded-2xl shadow-xl"> <h2 class="text-lg font-semibold mb-3">Profile Settings</h2> <input id="name" type="text" placeholder="Your Name" class="w-full p-2 mb-2 rounded bg-gray-700"> <input id="email" type="email" placeholder="Your Email" class="w-full p-2 mb-2 rounded bg-gray-700"> <button onclick="saveProfile()" class="bg-green-600 px-4 py-2 rounded clickable">Save</button> </div> <!-- WEBSITE SETTINGS --> <div class="bg-gray-800 p-5 rounded-2xl shadow-xl"> <h2 class="text-lg font-semibold mb-3">Website Settings</h2> <input id="title" type="text" placeholder="Website Title" class="w-full p-2 mb-2 rounded bg-gray-700"> <textarea id="description" placeholder="Description" class="w-full p-2 mb-2 rounded bg-gray-700"></textarea> <button onclick="saveWebsite()" class="bg-green-600 px-4 py-2 rounded clickable">Save</button> </div> <!-- QUICK ACTIONS --> <div class="bg-gray-800 p-5 rounded-2xl shadow-xl"> <h2 class="text-lg font-semibold mb-3">Quick Actions</h2> <button onclick="alert('Feature 1')" class="bg-purple-600 px-4 py-2 m-1 rounded clickable">Feature 1</button> <button onclick="alert('Feature 2')" class="bg-purple-600 px-4 py-2 m-1 rounded clickable">Feature 2</button> </div> <!-- DATA STORAGE --> <div class="bg-gray-800 p-5 rounded-2xl shadow-xl"> <h2 class="text-lg font-semibold mb-3">Local Data</h2> <button onclick="clearData()" class="bg-red-600 px-4 py-2 rounded clickable">Clear Data</button> </div> </main> <!-- FOOTER --> <footer class="p-4 text-center text-gray-400"> © 2026 My Control Panel </footer> <script> // Smooth click response document.querySelectorAll('.clickable').forEach(btn => { btn.addEventListener('touchstart', () => btn.click()); }); function saveProfile() { const name = document.getElementById('name').value; const email = document.getElementById('email').value; localStorage.setItem('profile', JSON.stringify({ name, email })); alert('Profile Saved'); } function saveWebsite() { const title = document.getElementById('title').value; const description = document.getElementById('description').value; localStorage.setItem('website', JSON.stringify({ title, description })); alert('Website Settings Saved'); } function clearData() { localStorage.clear(); alert('All Data Cleared'); } function toggleTheme() { document.body.classList.toggle('bg-white'); document.body.classList.toggle('text-black'); } // Load saved data window.onload = () => { const profile = JSON.parse(localStorage.getItem('profile')); if (profile) { document.getElementById

Home
Home

Comments (0)

No comments yet. Be the first!

Home design preview
Login: Sign In
Dashboard: View Reports
Orders: Manage Orders
Users: Manage Accounts
Catalog: Update Templates
Catalog: Add Material
Orders: Update Status