This project is a simple responsive personal profile webpage developed as part of a Web Technologies (ISS1201) assignment during my first year (Level 1.2) in the Information Security and Assurance programme.
The page displays a student profile using HTML and CSS, with emphasis on mobile-friendly design and basic UI styling.
The main goal of this mini-project was to practice:
- Structuring a webpage using HTML
- Styling with CSS
- Creating a clean profile layout
- Implementing responsive design for multiple screen sizes
- Applying basic animations and visual enhancements
- 👤 Personal profile card layout
- 🎨 Modern gradient background
- 🖼 Circular profile image
- 📄 Structured personal information section
- 🔘 Action buttons (Portfolio & Email)
- ✨ CSS animations (fade-in, slide-up, pop-in)
- 📱 Mobile-responsive design
The webpage is designed to adapt to different devices using:
- The viewport meta tag
- Flexible layout sizing
- Media queries for small screens
- Reduced padding for smaller displays
- Scaled profile image
- Smaller font sizes
- Vertically stacked buttons
- Improved readability on narrow screens
This ensures the page remains usable and visually consistent on smartphones, tablets, and desktop devices.
- HTML5
- CSS3
- Google Fonts (Poppins)
No JavaScript or external frameworks were used.
ResponsiveProfile/
│
├── index.html # Main webpage
├── style.css # Styling and responsiveness
└── profile.jpg # Profile image
HOSTED ON GITHUB.check link- https://blessingkanengoni7.github.io/blessing-profile/#
Blessing Kanengoni Student — Information Security and Assurance
- Registration Number: H240277N
- Module: Web Technologies (ISS1201)
- Location: Harare, Zimbabwe
2025
This project represents an early-stage academic exercise and demonstrates foundational front-end skills prior to developing more advanced systems such as full-stack applications.
This project is for educational purposes.