How Did I Create My Profile Website

Hello 👋

I am Nipuni (Employee ID: #001). This page explains how I designed and developed my personal profile website as part of my training program at EgoTECH.

The goal of this task was to build a clean, responsive, and professional personal website using basic web technologies.

Task Information
  • ✔ Task Type: Individual
  • ✔ Category: Frontend
  • ✔ Level: Beginner
  • ✔ Status: Completed
🎯 Objective

To create a personal profile website that introduces myself, highlights my skills and projects, and provides contact details for recruiters or clients.

🛠 Steps I Followed
  1. Planned the website structure (Home, About, Skills, Projects, Contact)
  2. Created HTML layout using Bootstrap grid system
  3. Added styling using Bootstrap components
  4. Tested responsiveness on mobile and desktop
  5. Hosted the website online
💻 Technologies Used
  • HTML5
  • CSS3
  • Bootstrap 5
  • GitHub
View Website GitHub Code Share
🖼 Screenshots
Homepage Screenshot
Projects Section
Contact Section
⚠ Challenges & Solutions

One challenge was making the website responsive. I solved this by properly using Bootstrap grid classes and testing on different screen sizes.

📚 What I Learned
  • How to structure a simple website
  • How to use Bootstrap efficiently
  • Importance of clean UI and responsiveness
🎥 YouTube Explanation