THP---PixeLogic

PixeLogic is a fictitious showcase website created by a group project to present an agency specialized in project management and fullstack web development.

The website highlights:

• Offered solutions: project management and web development.
• Pricing options for different needs.
• The fictitious team with clickable GitHub profile links.
• Client trust section and a complete footer.
• The design uses modern glassmorphism effects and smooth hover transitions on cards and buttons.

Technologies used

• HTML5 for structure.
• CSS3 + custom CSS for glassmorphism design and animations and Bootswatch Theme.
• Bootstrap 5 for grid layout, navbar, and responsive buttons.
• Inter font for a modern typography.
• GitHub avatars to showcase team members.

Main Features

• Responsive navbar with logo.
• Hero section with main title and buttons linking to “Pricing” and “Team”.
• Glass cards for solutions and team members with hover effects.
• Team section
• Responsive design for mobile, tablet, and desktop.
• Styled buttons with smooth transitions

File Structure

/project-root
│
├─ index.html          # Main page
├─ bootstrap.css       # Bootstrap Theme CSS
├─ custom.css          # Custom CSS
├─ image.png           # PixeLogic logo
└─ README.md           # This file

Running the project

• Clone the repository: git clone https://github.com/your-username/PixeLogic.git

• Open index.html in a browser (Chrome, Firefox, Edge).

• Navigate through the website: Navbar → sections “Solutions”, “Pricing”, “Team”. Click on avatars to open fictitious GitHub profiles.

Author

Valentin Chéron

The Hacking Project 2026