Create an About us Page using HTML and CSS

An About Us page is a crucial part of any website. It introduces your organization, builds trust with visitors, and often serves as one of the most visited pages. Whether you're building a portfolio, company site, or educational platform, having a structured and visually appealing About page improves user engagement and helps visitors understand your mission and values more clearly.

What We Will Build

Here we are going to create an About Us page similar to the one shown in the image, using just HTML and CSS. It’s perfect for anyone looking to showcase their organization or platform in a simple yet appealing way.

This layout includes:

• A fixed navigation bar with basic links
• An About Us section with a bold heading, short tagline, logo image, and descriptive text
• A simple “Read More” button
• A clean green gradient background
• A meet our team section with three profile cards - each card shows the team member’s image, name, role, and a contact button

Approach

We will begin by creating a structured layout using HTML, which includes a fixed header with navigation links, an About Us section, a responsive team section with three profile cards, and a footer.

Each section is clearly defined using semantic tags like <header>, <section>, and <footer>.

For styling, we will use CSS to:

• Apply a consistent green gradient background across the About section, header, and footer
• Style the navigation bar with hover effects and fixed positioning
• Design a two-column layout for the About Us content with an image and text side-by-side
• Create responsive team cards using Flexbox, with hover shadows and clean card formatting
• Ensure the entire layout is mobile-friendly using media queries

By keeping the structure simple and the styles reusable, the page remains both visually appealing and easy to maintain.

Below is full Source Code for the About Us page layout.

Output:

This output is a dummy About Us page for GeeksforGeeks, you can try modifying the content, layout, and styling using HTML and CSS to create your own custom version.