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!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

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