about

[CBarreraB]

Issue Title: Design and Implement Responsive "About" Section with Logo and Interchanging Banner

Description:

This issue involves designing and implementing the "About" section of the website with the following visual and functional requirements:

1. Circular Logo with Banner:

• The logo will be circular in shape.
• A banner will horizontally traverse through the middle of the circular logo.
• The banner will dynamically change color based on the site's theme:
  • Light Mode: One specific color (to be defined).
  • Dark Mode: Another specific color (to be defined).
• The banner color change should happen seamlessly when toggling between light and dark mode.

2. Content Layout:

• The content will be displayed in a two-column layout.
• The four images will be interspersed between the text in an alternating fashion:
  • One column will contain text while the other will contain an image, and vice versa for subsequent rows.
• The layout should ensure a visually appealing balance between text and imagery.

3. Mobile Responsiveness:

• In the mobile view, the layout will be adjusted to stack content vertically:
  • First, the image will be displayed.
  • The text will follow below the image.
• This stacking behavior should trigger when the images would otherwise intersect due to the narrowing screen width.

Objective:

The goal of this issue is to design and implement a responsive and visually appealing "About" section that adapts to both desktop and mobile views while maintaining a cohesive and professional look. The logo, banner, text, and images should harmoniously respond to both light and dark modes, as well as various screen sizes.

[CBarreraB]

PNG image:
500x500px
88.3kb