lesson1Title

lesson2Title

lesson3Title

lesson4Title

webIntroOtChapter2Title

webIntroOtChapter1Title

# What is a Landing Page?

By learning web coding, you can create your own `landing page` with a specific purpose.

A landing page is the **first webpage** that a user sees upon visiting from a search engine, advertisement, etc., and it serves the purpose of guiding the user's actions toward a specific goal.

The button that encourages this user action is called a `CTA` (Call To Action).

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

> *Note*: For ease of learning, only portions of the code are shown rather than the entire code. Focus on understanding the structure of the code and the role of each part, without worrying too much about the details of the code!

<br />

```html title="Interior Company Introduction Landing Page Example"
<div class="intro-text-box">
  <h1>
    We Love
    <br />
    Minimalism.
  </h1>
  <p class="subtitle-1 margin-top-20">The Most Sensible Interior Design</p>
  <span class="margin-top-20 text-bold">This is CodeFriends</span>
  <button class="button intro-button margin-top-40">Explore</button>
</div>
```

In this landing page example, there is a title (h1) saying `We Love Minimalism` and a subtitle (p) with `The Most Sensible Interior Design`, along with a CTA button (button) that says `Explore`.

## Experience HTML Coding

The highest-level main heading on a website is represented by an HTML element called `<h1>` (Heading 1).

Enter `<h1>` in the blank below and complete the HTML code to display the main heading 'CodeFriends'.