본문으로 건너뛰기

Business Promotion Template 2

Exploring the Components of the Second Template

Let's take a look at the main sections and layout of the second template.


<header>

  • This section is located at the top of the webpage and primarily includes elements related to navigation.
    • .header-icon: Represents the website's logo icon.
    • <nav class="navigation">: The main navigation bar containing menu items.
    • .dropdown: A dropdown menu in the form of a hamburger menu, commonly used in mobile environments. It includes major navigation links.

<main>

  • The section containing the main content of the webpage.
    • <section id="intro">: The beginning part of the webpage, including a brief introduction and images of "PROJECT Seoul."
    • <section id="about">: A brief introduction to the website or company, including related images.
    • <section id="focus">: A section representing the company's main goals or focus areas.
    • <section id="project">: A section introducing the company's major projects along with images.
    • <section id="contact">: A section including a contact form for visitors to leave messages, along with images.

<footer>

  • The footer section located at the bottom of the webpage.
    • .footer-contact-box: Contains contact-related information (phone number and email).
    • .footer-license: Includes the logo and copyright-related text.
    • .social-icons: Contains icons linking to the company's social media.

다음 내용이 궁금하다면?

월 12,500원 PLUS 멤버십 가입 or 강의를 등록해 주세요!