wbepage with internal and external links
This repository contains the source code for my professional personal portfolio. The project is designed to showcase my technical skills, academic background at UIDE, and cybersecurity-focused projects using a modern, responsive, and dark-themed interface.
Project Objective The main goal of this project was to build a lightweight, high-performance personal landing page from scratch to practice semantic HTML5 and advanced CSS3 techniques, ensuring a professional presentation for recruitment and academic purposes.
Technologies & Tools HTML5: Used for semantic structuring of the content (header, main, section, article, footer).
CSS3: Custom styles including:
Flexbox & CSS Grid: For responsive layouts and alignment.
Positioning: Fixed navigation bar and absolute positioning for decorative elements.
Transitions: Smooth hover effects on skill cards and navigation links.
Timeline Design: A custom-built vertical timeline for the projects section.
Visual Assets: Optimized images and icons for fast loading.
Technical Features Responsive Design: The layout uses a grid system (grid-template-columns: repeat(auto-fit, ...)) to adapt to different screen sizes.
Smooth Scrolling: Implemented via CSS (scroll-behavior: smooth) for seamless navigation between sections.
Modern UI/UX: A "Dark Mode" aesthetic with high-contrast accent colors (#e69039) to highlight key information.
Semantic SEO: Proper use of heading hierarchies (H1-H4) and descriptive alt text for images.
Project Structure Plaintext ├── index.html # Main structural file ├── style.css # Custom stylesheets and layout definitions └── images/ # Directory for profile pictures and technology icons
How to Run Locally Clone the repository:
Open index.html in any modern web browser (Chrome, Firefox, Edge, etc.).
License This project was developed by María Chango as part of her professional development in Information Systems Engineering.
© 2026 • Engineering Portfolio