🚀 Landing Page UI (HTM/css/js) 📌 Project Overview This project is a Landing Page UI created as part of my assignment/task to demonstrate my ability to: Design a modern website interface using a drag-and-drop UI tool (such as Figma, Framer, or similar). Export the design into HTML/React.js code. Implement responsive and clean UI components (Header, Hero). Showcase the project on GitHub Pages for easy access during interviews. The landing page replicates a professional company website layout with a fixed header, hero section with overlay.

🖼️ Features Implemented ✅ Fixed Header with navigation & call-to-action button. ✅ Hero Section with background image, transparent overlay, and buttons. ✅ Responsive Design (works on desktop & mobile). ✅ Clean Modern UI styled with CSS. ✅ Code Generated from drag-and-drop design tool, customized and optimized. ✅ Deployed on GitHub Pages.

⚙️ Tech Stack Frontend: HTML5, CSS3 UI Design Tool: Drag-and-drop builder (e.g., Figma/Framer)

📂 Project Structure ├── src │ ├── components │ │ ├── Header.js │ │ ├── Hero.js │ │ ├── Features.js │ │ └── Footer.js │ ├── App.js │ ├── index.js │ └── styles │ ├── LandingPage.css │ └── Hero.css ├── public │ └── assets (images, logos, backgrounds) ├── package.json └── README.md

Your project will be live at: 👉 http://127.0.0.1:5500/index.html

🎯 Outcome This project highlights my ability to: Convert UI/UX designs into working code. Build production-ready UI components in HTML/CSS. Work with modern web development tools.

📸 Screenshots Header + Hero Section

📝 Author 👩‍💻 Shivling Karadkar 🔗 Portfolio / LinkedIn: https://www.linkedin.com/in/shivling-karadkar-154181297/