Diego Ibarra | Portfolio

Blue technology wave background

Web Development Projects using HTML5 and CSS3

Hobbies Page


A webpage about my hobbies and interests. This project allowed me to practice basic HTML structure and webpage links.

Unit A: HTML Basics


My work for Unit A, where I learned the basic structure of HTML documents and practiced using headings, paragraphs, links, and other HTML elements.

Unit B: HTML Structure


More practice with HTML especially with the organizations of content on a web page

Unit C: CSS Basics


My work for Unit C, where I began using CSS to style webpages with selectors, classes, colors, fonts, and other properties.

Unit CIC1: More on CSS


A CSS project where I practiced styling webpages and worked with different CSS properties and selectors.

Unit D: CSS Layout


Unit D project where I practiced webpage layouts, including margins, padding, borders, and other CSS styling.

Unit DCB Review


A web development project where I practiced creating and organizing webpage content using HTML and CSS.

Unit E: Formatting Text


Unit E project was focused on formatting text and using different fonts, styles, and CSS properties to style a website.

Unit F: Links


Unit F project is where I practiced creating links and connecting different webpages together.

Unit G: Images


Working with images in html and learned different ways to use them in a webpage.

Unit H: Lists and Tables


Unit H project where I practiced using lists, tables, and organizing information on a webpage.

Unit I: Responsive Design


My Unit I project where I practiced responsive web design and learned how webpages can adjust to different screen sizes.

Unit J: More on Responsive Design


More work on managing responsive design and adaptive content for smaller screens.

ACME Web Design


ACME Web Design project where I created a website using HTML and CSS.