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!