Skip to main content

Edit your home page

In your code editor, navigate in the Explorer file pane to src/pages/page.html and click on it to open the file’s contents in an editable tab.

The contents of your index.html file should look like this:

src/pages/page.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>My CMS</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <main>
        <h1>Welcome to your CMS</h1>
    </main>
</body>
</html>

Edit the content of your page <body>.

Type in the editor to change the heading text on your page and save the change.

src/pages/page.html
<body>
<h1>Welcome to your CMS</h1>
<h1>Welcome to my CMS</h1>
</body>

Check the browser preview and you should see your page content updated to the new text.

Congratulations! You are now an Daikoku CMS developer!