🌸✨ I Just Completed My First Practice Project – And It’s Live! ✨🌸

 

💡 Project Overview

I’m super excited to share my very first practice project — a simple and clean landing page named “Quick”, built entirely using HTML & CSS.

This project was part of my practice to convert a static PSD design into working HTML structure and styles. Though the layout is simple and not yet responsive, the process taught me the foundational principles of frontend development — and I couldn’t be happier with the result!

🔗 Live Project

👉 View the Project Here


<sub>(Tip: Upload your project screenshot as preview.jpg to your repo for a cleaner embedded view)</sub>

🛠️ What I Learned:

  • ✔️ Structuring HTML from a PSD design

  • ✔️ Writing clean and organized CSS

  • ✔️ Styling a simple landing page layout

  • ✔️ Matching visual design with HTML/CSS (non-responsive)

🌱 My Reflection

This was a small step, but a huge milestone in my web development journey. Every tag, every class, and every style declaration helped me understand the process of building real-world interfaces from scratch.

I know it’s not perfect, but it’s mine — and it’s just the beginning. I look forward to building more projects, improving my skills, and growing in the tech space.

💬 I’d Love to Connect!

Feel free to check out more of my work, or just drop by and say hi! I'm always open to feedback, suggestions, and new opportunities. 😊

🔗 Follow Me Online

🌐 Website: https://lamiakajal.com
📧 Email: lamiakajal@gmail.com

🔗 Social Media:

🔖 Hashtags

#LamiaKajal #lamiakajal #FirstProject #HTMLCSS #PSDtoHTML #FrontendDeveloper
#Tech #WebDevelopmentJourney #LearningToCode #PracticeProject #lamia #kajal

Comments

Post a Comment

Popular posts from this blog

🌐 I Just Completed My 2nd Web Project – “Minimo” | A Fully Responsive Website with HTML & CSS

Image
  Hello everyone!  I’m Lamia Kajal, a passionate learner and aspiring front-end web developer. Today, I’m excited to share my second practice project , which I’ve recently completed as part of my web development journey. 🧠 Project Overview The project is called “Minimo”  — a clean, minimal, and fully responsive website designed using only HTML and CSS . 🖥️ It works smoothly across all screen sizes — from mobile devices to large desktop monitors.  I focused on responsive layout, typography, and simplicity while keeping everything lightweight and accessible. 🔧 Tech Stack HTML5 CSS3 Responsive Media Queries Mobile-first Design 💻 Live Project You can see the live version of this project here:  👉 https://lamiakajal.github.io/Minimo/ You’re most welcome to visit it and let me know your thoughts or suggestions! 🎯 What I Learned Mobile-first approach Responsive layout without using any frameworks Better file structuring Attention to typography and ...
Read more

🎓 E-School — Fully Responsive & User-Friendly Landing Page | Practice Project #4

Image
  I’m excited to share my 4th frontend development practice project – E-School . It’s a modern, fully responsive, and user-friendly education landing page designed with clean UI, semantic structure, and smooth layout experience. 🔍 Project Overview: Project Name: E-School Type: Landing Page Theme: Educational / Online Learning Tools Used: HTML5, CSS3 Design Focus: Clean, Modern, and Responsive ✨ Key Features: ✅ Fully responsive across all devices – mobile, tablet, and desktop ✅ Semantic HTML structure with clear content organization ✅ Clean UI & UX for smooth user experience ✅ Educational theme with soft color palette ✅ Proper layout and visual hierarchy ✅ User-friendly navigation ✅ Lightweight and fast loading This project helped me sharpen my frontend skills, explore layout techniques, and understand how to make a landing page both visually engaging and functionally effective . 🔗 Live Project Preview: 👉 Visit E-School Project ?...
Read more