Exploring the Components of the Second Template
Let's take a look at the main sections and structure of the second template.
<header>
- This section is located at the top of the webpage, mainly containing navigation-related elements.
.header-icon: Represents the website's logo icon.<nav class="navigation">: The main navigation bar that includes menu items..dropdown: A dropdown in the form of a hamburger menu, primarily used in mobile environments, including main navigation links.
<main>
- This is the section containing the main content of the webpage.
<section id="intro">: The starting portion of the webpage containing a brief introduction and an image about "PROJECT Alpha".<section id="about">: A brief introduction about the website or company, along with related images.<section id="focus">: A section that highlights the main goals or focus areas of the company.<section id="project">: A section introducing the key projects of the company along with images.<section id="contact">: Contains a contact form for visitors to leave messages and includes an image.
<footer>
- The footer section located at the bottom of the webpage.
.footer-contact-box: Includes contact information (phone number and email)..footer-license: Contains the logo and copyright-related text..social-icons: Includes icons with links to the company's social media profiles.
Want to learn more?
Join CodeFriends Plus membership or enroll in a course to start your journey.