Posts

Showing posts with the label web design

🔥 Responsive Card Grid Using Flexbox | Modern UI Design with Hover Effect

Image
Demo : Click Video ðŸ‘‡ðŸ‘‡ðŸ‘‡ 🎯 Features: ✅ Fully responsive on all devices 📱💻 ✅ Smooth hover effect for a modern look 🔥 ✅ Perfect for portfolios, blogs, and product showcases Code : 📂 Folder Structure: /responsive-card-grid   │── index.html   │── style.css   HTML : <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Responsive Card Grid with Flexbox</title>     <link rel="stylesheet" href="style.css"> </head> <body>     <div class="card-container">         <div class="card">             <img src="https://via.placeholder.com/300" alt="Card Image">             <h2>Card Title 1</h2>             <p>...
Post a Comment
Read more

👉 Modern Eye Password Toggle UI using HTML, CSS & JavaScript | Stylish Login Form

Image
Demo : Click Video ðŸ‘‡ðŸ‘‡ðŸ‘‡ Features: ✅ Modern UI (Glassmorphism effect) ✅ Eye Icon Toggle (Show/Hide Password) ✅ Fully Responsive ✅ Smooth Animations Code : 📂 Folder Structure: /password-toggle-form     ├── index.html     ├── style.css     ├── script.js   🔹 index.html <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Login Form with Eye Toggle</title>     <link rel="stylesheet" href="style.css">     <script defer src="script.js"></script>     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"> </head> <body>     <div class="login-container">         <h2>Login</h2>       ...
Post a Comment
Read more