请根据以下信息，制作一个html页面的简介部分。调用者是李文博远，头像部分类名为.avatar，职位统一显示为"梦想家"， assail@.Public.Index 要显示在头像下面的副标题位置，并生成对应的html代码。请在输出的HTML代码中加入注释，说明关键部分的功能。
user
```html
<!-- HTML代码开始 -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>李文博远简介</title>
</head>
<body>
<!-- 个人简介主容器开始 -->
<div class="profile">
  <!-- 头像部分开始，类名为.avatar -->
  <div class="avatar">
    <!-- 图片源，根据实际需求替换src属性值 -->
    <img src="path/to/avatar.jpg" alt="李文博远头像"/>
  </div>
  <!-- 副标题，显示调用者的职位和标识信息 -->
  <div class="subtitle">
    <span>梦想家 - </span>
    <span>assail@.Public.Index</span>
  </div>
  <!-- 其他个人简介信息可以在这里添加 -->
</div>
<!-- 个人简介主容器结束 -->

<!-- 解释关键部分的功能 -->
<!-- .profile: 该类适用于个人简介页面的主容器，用于围绕和组织所有简介信息 -->
<!-- .avatar: 该类应用于头像展示区，确保头像在页面中的样式和位置正确 -->
<!-- .subtitle: 该类用于将职位"梦想家"与调用者的标识信息assail@.Public.Index显示在头像下面 -->
</body>
</html>
<!-- HTML代码结束 -->
```
assistant