Adding more pages

现在，您已熟悉如何为 AMP 故事添加网页，为我们的故事“宠物的乐趣”添加后续网页的步骤与此非常相似。请根据下面提供的信息，利用您目前已掌握的知识继续制作其余网页。如果您遇到问题，请查看已完成的 (pets-completed.html) 代码。

请注意，每个网页都需要有唯一的“id”属性（例如 id="page1"）。

第 1 页：猫咪

演示如何在单个图层中显示图片和文字。

演示在使用两个图层时如何排列文字并显示全屏图片。

演示如何为网页排列文字并显示会全屏播放的视频。

包含 3 个图层：
- 第 1 个图层：实施 fill 模板，并包含一个自适应 amp-img（bird.jpg，大小为 720 x 1280px）。
- 第 2 个图层：实施 vertical 模板，并包含 1 个元素：
  - 1 个
    元素，标题为：小鸟
- 第 3 个图层：实施 vertical 模板，并包含 1 个元素：
  - 1 个元素，用于引用以下语录：鸟有三宝：羽毛、飞行的本领和歌声，其中羽毛是最次要的。--玛乔丽·艾伦·塞弗特
  - 第三个图层指定 class="bottom"，以将子元素与屏幕底部对齐。
网页显示时在后台播放音频文件。您可以在后台针对整个故事或单个网页播放音频。要针对某个网页播放音频，请将 background-audio="assets/bird-singing.mp3" 属性添加到 <amp-story-page> 元素中。

演示如何为网页排列文字并显示会全屏播放的视频。

我们的故事“宠物的乐趣”即将完成。最后一页，我们将使用动画来集中展示所有宠物。