Skip to main content
Practice

What is a Landing Page?

When you learn web coding, you can create your own Landing page for a specific purpose.

A landing page is the first web page that a user sees when they arrive through a search engine, advertisement, etc., and it has a specific purpose to prompt action from the visitor.

The button that prompts the visitor's action is known as a CTA (Call To Action).

Check out an example of a landing page introducing an interior design company on the right :)

Note : For ease of learning, the code examples shown are partial snippets, not the full code. Focus on understanding the structure of the code and the role of each part, rather than trying to understand all the details just yet!


Example of an Interior Design Company Landing Page
<div class="intro-text-box">
  <h1>
    We Love
    <br />
    Minimalism.
  </h1>
  <p class="subtitle-1 margin-top-20">The most sophisticated interior design</p>
  <span class="margin-top-20 text-bold">We are CodeFriends</span>
  <button class="button intro-button margin-top-40">Explore</button>
</div>

The landing page example above includes a title (h1) saying We Love Minimalism, a subtitle (p) The most sophisticated interior design, and a CTA button (button) saying Explore.