HTML & Web Projects

A selection of web-based projects created using HTML, CSS and Bootstrap

Summary

Since May 2025, I have been learning HTML and CSS as part of my continuous development as a programmer. I enjoy building structured and visually attractive layouts, and I’m highly motivated to continue growing in the web development field.

I’m proactive and eager to learn — always looking for opportunities to improve my skills and explore new technologies.

Key Competencies

  • HTML5
  • CSS
  • Bootstrap
  • Flexbox
  • CSS Animations
  • Media Queries

Education

Desafío Latam

Full Stack Developer Course

Started: May 2025

Projects

JavaScript & Conditions Trial

This project represents one of my first steps into JavaScript, with a strong focus on practicing conditional statements. Unlike my previous projects where design and layout were the main priority, here the emphasis was placed on functionality and logic rather than aesthetics. It served as a foundation for understanding how JavaScript can bring interactivity and decision-making to a webpage.

View Project
Conditions Practice website screenshot of this screen in a computer monitor
Gallery

This is a responsive gallery website mockup built with HTML and CSS, emphasizing my practice with media queries. In this project, I also explored CSS animations and focused on achieving a more professional and polished style, ensuring the layout adapts smoothly across different screen sizes.

View Project
Gallery website screenshot of this screen in a computer monitor Gallery website screenshot of this screen in a mobile
This Page!

This website showcases my ongoing practice and refinement of front-end development skills, including CSS Grid, Flexbox, media queries, and Bootstrap. It serves as a curated portfolio of web-based projects, each one reflecting different techniques I’ve learned and applied. The layout is responsive, the structure is fully custom, and it represents my commitment to continuous learning and improvement as a developer.

Screenshot of this screen in a computer monitor Screenshot of this screen in a mobile
Videogame Store

Responsive mockup of a video game store website, built with HTML and CSS as my first exercise using media queries. The layout adapts to different screen sizes, showcasing various product sections and a clean navigation structure. Designed as part of a learning module, this project marked my introduction to more technical design tactics.

View Project
Videogame Store Project screenshot in a computer monitor Videogame Store Project screenshot in a mobile
Chat Interface

Responsive chat interface mockup created using HTML and CSS with Flexbox. The layout simulates a modern messaging app, featuring a sidebar, chat window, and user profile section. It was developed as a practice exercise to explore Flexbox-based layout structures and responsive design.

View Project
Chat Web Project screenshot in a computer monitor
Ecommerce

E-commerce website mockup built with HTML and CSS, where I experimented with CSS Grid for the first time. The layout features multiple sections like navigation, product listings, and promotional banners, all organized using grid-based structure. It served as a hands-on project to explore the versatility and power of CSS Grid in web design.

View Project
Ecommerce Project screenshot in a computer monitor
Jorgelina's Curriculum

This website was created by adapting my personal curriculum into a new visual style. It combines all the tools and concepts I’ve been learning — including HTML, CSS, Flexbox, Bootstrap, and responsive design — to build a clean, structured, and fully customized layout that reflects my personal brand.

View Project
Jorgelina's Curriculum Project screenshot in a computer monitor
My Curriculum

This website marks my first experience publishing a site using GitHub Pages. It includes a functional contact form that sends emails directly to my inbox, built using Formspree. I also implemented a responsive and interactive navigation bar, along with CSS animations to enhance the user experience. This project helped me connect layout, interactivity, and deployment for the first time.

View Project
My Curriculum Web Project screenshot in a computer monitor
Curriculum Mock

Personal curriculum mockup created as a practice exercise using Bootstrap, Flexbox, and custom CSS. The goal was to experiment with layout building, responsive components, and styling techniques by combining different approaches to front-end design.

View Project
Curriculum Mock Project screenshot in a computer monitor
Cuppon

Mockup of a promotional website built as my first experiment with Bootstrap. The project focuses on using Bootstrap's grid system, components, and utility classes to create a responsive and structured layout.

View Project
Cuppon Project screenshot in a computer monitor
Iguanas

Simple website mockup created as my first hands-on experiment using Flexbox. The layout showcases basic content alignment and distribution using Flexbox properties, helping me understand how flexible layouts work in modern web design.

View Project
Iguanas Project screenshot in a computer monitor
Landing Page

Basic landing page mockup and my first experiment using CSS. The project helped me understand how to apply styles, manage spacing, and structure visual elements on a webpage from scratch.

View Project
Landing Page Project screenshot in a computer monitor