본문으로 건너뛰기

Business Promotion Template 1

Exploring the Components of the First Template

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


<header>

  • This section is located at the top of the webpage and mainly contains elements related to navigation.
  • <nav class="header"> : The main navigation bar
    • .icon-menus: A list of SNS icon links
    • .header-title: The title or brand name of the website
    • .dropdown: A dropdown menu in the form of a hamburger menu, containing links to the main pages

<main>

  • The section containing the main content of the webpage
  • <section id="intro">: The introductory or opening section of the webpage
  • <section id="popular">: A section showcasing popular products
  • <section id="interior">: A section showing interior design examples
  • <section id="showcase">: A section displaying specific design projects
  • <section id="design">: A section showing various design works

<footer>

  • Located at the bottom of the webpage, this section typically includes company information, contact details, and social links.
  • .footer-items-container: Includes the company name and SNS icon links.
  • .footer-right: Contains a phrase and button encouraging users to contact.