This HTML code represents a basic web page for a travel agency's "About Us" section. It includes various elements for navigation, content display, and styling. Here's a breakdown of what the code does:
-
Document Structure: The code begins with the standard HTML document structure, including a
head
section containing metadata and abody
section for the page content. -
Stylesheet Links: The code includes links to external CSS stylesheets for styling. These stylesheets are fetched from the provided URLs.
-
Header Section:
- The logo of the travel agency is displayed with a link to the "Home" page.
- The navigation menu (
navbar
) includes links to different sections of the website, such as "Home," "About," "Package," and "Book." - A menu button (
menu-btn
) with a "bars" icon from the Font Awesome library is included for potential mobile navigation.
-
About Section:
- A heading with a background image is displayed to introduce the "About Us" section.
- The
about
section is divided into two columns:- An image (
image
) displaying a representative image. - A content container (
content
) containing:- A heading (
h3
) describing "Why Us?" - Paragraphs (
p
) providing information about the agency and its team. - An "icons-container" with icons representing the agency's services:
- Top Destinations (map icon)
- Affordable Price (dollar sign icon)
- 24/7 Guide Service (headset icon)
- A heading (
- An image (
-
Reviews Section:
- A heading (
heading-title
) for the "Clients Reviews" section is displayed. - A swiper (
reviews-slider
) is used to create a slideshow of customer reviews.- Each slide (
swiper-slide
) contains:- Star ratings (
stars
) using star icons from Font Awesome. - A review text (
p
) from a customer. - Customer name (
h3
) and designation (span
). - Customer's image (
img
).
- Star ratings (
- Each slide (
- A heading (
-
Footer Section:
- The
footer
section contains multiple boxes (box
) for organizing footer links. - Each box contains links related to specific topics, such as "quick links," "extra links," "contact info," and "follow us."
- Social media icons (Font Awesome) are included for following the agency on various platforms.
- The footer also includes a "credit" line indicating the creators of the website and copyright information.
- The
-
Scripts:
- The Swiper library is included from a provided URL to enable the slider functionality.
- A custom JavaScript file (
script.js
) is linked at the end to provide additional functionality.
In summary, this HTML code creates a visually appealing and interactive "About Us" web page for a travel agency. It showcases the agency's team, services, and customer reviews using images, icons, and a slider. The code also sets up navigation menus and footer links to enhance the user experience.