Web Design

This portfolio showcases projects from my web design class.

A computer screen displaying code written in PHP and HTML with various lines of syntax highlighted in different colors. The text includes commands, tags, and functions typical for web development.

A computer screen displaying code written in PHP and HTML with various lines of syntax highlighted in different colors. The text includes commands, tags, and functions typical for web development.

Class Projects

Explore various projects completed during my web design class, showcasing creativity and technical skills developed throughout the course. Each project reflects unique design concepts and practical applications of web design principles.

Computer code displayed on a monitor, featuring syntax highlighting. The code appears to be written in JavaScript, with HTML elements indicating a part of a web application. Various tags, class names, and functions are visible, emphasizing a focus on front-end development.

Computer code displayed on a monitor, featuring syntax highlighting. The code appears to be written in JavaScript, with HTML elements indicating a part of a web application. Various tags, class names, and functions are visible, emphasizing a focus on front-end development.

Design Showcase

This section highlights a selection of my best design projects, demonstrating my growth and understanding of web design techniques. Each piece represents a significant learning experience and creative exploration in the field.

Web Design

Showcasing projects from my web design class for inspiration.

A detailed sketch of web design layouts, featuring boxes, arrows, and various shapes representing components of a webpage. The designs include placeholders for images and text, with lines and symbols indicating structure.

A detailed sketch of web design layouts, featuring boxes, arrows, and various shapes representing components of a webpage. The designs include placeholders for images and text, with lines and symbols indicating structure.

A laptop displaying a wireframe design for a website. The screen shows multiple pages with sections labeled for a landing page, product details, and about information. The background contains a blurred backpack.

A laptop displaying a wireframe design for a website. The screen shows multiple pages with sections labeled for a landing page, product details, and about information. The background contains a blurred backpack.

A web browser window displays a landing page for Webflow, featuring a tagline about building web content visually without coding. The background transitions from blue to pink, with various web design interfaces and tools depicted. Logos for partner companies are aligned at the bottom.

A web browser window displays a landing page for Webflow, featuring a tagline about building web content visually without coding. The background transitions from blue to pink, with various web design interfaces and tools depicted. Logos for partner companies are aligned at the bottom.

Computer screen displays a section of JavaScript code with syntax highlighting, including various functions and conditional statements. The code handles events related to the visibility and position of an HTML element within a browser window.

Computer screen displays a section of JavaScript code with syntax highlighting, including various functions and conditional statements. The code handles events related to the visibility and position of an HTML element within a browser window.

A sleek, modern workspace featuring a large computer monitor displaying a web design project. The screen shows multiple sections of a website with various texts and images. The setup includes a keyboard and mouse on a clean, dark surface with a small potted plant nearby. Natural light filters in through a window with sheer curtains, creating a soft ambiance.

A sleek, modern workspace featuring a large computer monitor displaying a web design project. The screen shows multiple sections of a website with various texts and images. The setup includes a keyboard and mouse on a clean, dark surface with a small potted plant nearby. Natural light filters in through a window with sheer curtains, creating a soft ambiance.

A computer screen displaying code with HTML-like tags and inline CSS styles. The code featured includes elements such as mj-body, mj-wrapper, and mj-text with specific styling for background colors, padding, alignment, and text content. Notable text within the code includes 'The Wait Is Over.'

A computer screen displaying code with HTML-like tags and inline CSS styles. The code featured includes elements such as mj-body, mj-wrapper, and mj-text with specific styling for background colors, padding, alignment, and text content. Notable text within the code includes 'The Wait Is Over.'

The web design class was incredibly informative and helped me enhance my skills significantly.

John Doe

A woman is standing in front of a large sheet of paper attached to a wall, which contains sketches of a website layout. She is pointing to a specific section on the paper, seemingly explaining or presenting the design. The setting appears to be an office with glass walls and plants.

A woman is standing in front of a large sheet of paper attached to a wall, which contains sketches of a website layout. She is pointing to a specific section on the paper, seemingly explaining or presenting the design. The setting appears to be an office with glass walls and plants.

★★★★★