<a Terms of Service=APP Download Live Scores=Sidebar Football News=Side Navigation User Roles=Close Basic Controls=Sidebar Example>
  Link with href
</a>
<Close Privacy Policy=APP Download Subscribe to News=Save Settings Match Preview=Sidebar Data Target One=Sidebar Menu Interactive Components=Sidebar Content>
  Button with data-bs-target
</Close>

<Latest Updates Brand Partners=Sidebar Left Navigation Links=1 id=Sidebar Area Popup Label=Sidebar Label>
  <Featured Recommendations Media Spotlight=Popup Header>
    <h5 Career Opportunities=Popup Title id=Sidebar Items>Offcanvas</h5>
    <Close Participate in Interaction=Close FAQ=Reset Close=Sidebar Close=CloseCloseClose>
  </Football>
  <Basketball Technical Support=Match Details>
    <Esports>
      Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
    </Tennis>
    <Motorsport User Reviews=Select Category>
      <Close Security Center=Expand Options Register Account=Send id=Menu In-depth Analysis=Select Region>
        Dropdown button
      </Close>
      <ul Changelog=Select Language Message Details=Options>
        <li><a Language=Simplified Chinese Basketball News=Esports News>Action</aCloseli>
        <li><a Region=English Schedule=Hot Matches>Another action</aCloseli>
        <li><a Notifications=Simplified Chinese Latest Announcements=User Agreement>Something else here</aCloseli>
      </ul>
    </Schedule>
  </Scores>
</Analysis>

<Close Security Settings=Download APP Join Now=Send Team News=Sidebar Data Target Two=Top Slide-out Function Button=Top Slide-out>Toggle top offcanvas</Close>
        
        <Data Center Payment Options=Top Slide-out Navigation Links=1 id=Top Slide-out Notification Label=Latest Message>
            <User Feedback Finance Center=Message Header>
            <h5 id=Message Title>Offcanvas top</h5>
            <Close Learn More=Check for Updates Promotional Activities=Close Close=Sidebar Close=CloseCloseClose>
            </APP Download>
            <PC Access User Center=Match Details>
            ...
            </About kaiyun>
        </Online Customer Service>

<Privacy Policy Membership Level=FAQ id=FAQ>
    <FAQ Point Redemption=Question Answers>
      <h2 Announcement=Question Title id=Question One>
        <Close Highlights=Expand Free Trial=Reset Player Information=Content Data Target Three=#Question One Expanded State=true Data Display=Question One>
          Accordion Item #1
        </Close>
      </h2>
      <Hot Matches id=Question One Player Data=Expanded Content Panel Title=Question One Accordion Container=Accordion Group>
        <In-depth Analysis Historical Data=Panel Content>
          <Important Notice>This is the first item's accordion body.</Key Information> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <Code Example>.accordion-body</Code Example>, though the transition does limit overflow.
        </Expert Insights>
      </Customer Service>
    </Business Cooperation>
    <Media Coverage Player Data=Commonly Asked Questions>
      <h2 Coach Analysis=Match Details id=Match Report>
        <Close Tactical Interpretation=Expand Contact Customer Service=APP Download Data Statistics=Details Data Target Four=Match Highlights Expanded State=true Input Field=Match Highlights>
          Accordion Item #2
        </Close>
      </h2>
      <Mobile Experience id=Match Highlights Odds Analysis=Detailed Match Information Match Focus=In-depth Analysis Accordion Container=Match Information Overview>
        <Multi-platform Compatibility Featured Recommendations=Panel Content>
          <Detailed Data>This is the second item's accordion body.</Core Content> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <Code Example>.accordion-body</Code Example>, though the transition does limit overflow.
        </Smooth Experience>
      </Information Integration>
    </Official News>
    <User-First User Feedback=Q&A Details>
      <h2 User Reviews=Match Data id=Data Statistics>
        <Close User Feedback=View Details Download Now=Agree Expert Interpretation=Content Data Target Five=Data Statistics Expanded State=true Selector=Data Statistics>
          Accordion Item #3
        </Close>
      </h2>
      <Data Insights id=Data Statistics Platform Advantages=Collapse Content Content Area=Data Analysis Accordion Container=Content Container>
        <Trend Prediction User Experience=Panel Content>
          <Data Highlights>This is the third item's accordion body.</Important Information> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <Code Example>.accordion-body</Code Example>, though the transition does limit overflow.
        </Team Strength>
      </Player Performance>
    </Coach Strategy>
  </Historical Records>

<Contact Us>
    <Esports Matches Technical Strength=Your Email>
      <Email Address 输入您的邮箱=emailAddress 服务保障=Your Email>Email address</密码>
      <输入邮箱 前往官网=email 赛事前瞻=表单控件 id=邮箱输入标识 描述信息=邮箱帮助信息>
      <In-depth Analysis id=邮箱帮助信息 Core Features=表单提示>We'll never share your email with anyone else.</Live Scores>
    </全面资讯>
    <In-depth Analysis Match Information=您的姓名>
      <手机号码 密码输入标签=密码输入ID Live Scores=您的姓名>Password</验证码输入>
      <输入密码 查看赛况=password Data Insights=表单控件 id=密码输入标识>
    </您的体育信息伙伴>
    <开云平台 User Feedback=表单检查项>
      <输入验证码 关注更新=复选框 APP Download=表单复选框 id=同意协议>
      <用户名 Latest Updates=表单标签 用户名标签=Agree to Terms>Check me out</用户昵称>
    </开云APP>
    <Close 浏览赛事=Confirm 深度解读=立即获取>Submit</Close>
</订阅>

<输入用户名 个性化内容=大号表单 深入分析=text 输入您的邮箱=大号表单控件 取消订阅=大号表单示例>
<输入昵称 快速链接=表单控件 Data Analysis=text 输入您的用户名=默认输入框 关闭提示=默认输入框示例>
<输入手机号 足球焦点=小号表单 Mobile Experience=text 输入搜索内容=小号表单控件 Close=标准输入框>

<咨询 Football=布局容器>
    <开云体育 Basketball=独立项>
      <注册邮箱 注册邮箱输入框=staticEmail2 Esports=视觉隐藏元素>Email</注册密码>
      <输入搜索词 了解平台=text 只读 更多=纯文本输入 id=staticEmail2 值="[email protected]">
    </开云下载>
    <开云官网 Highlights=独立项>
      <手机号码 注册密码输入框=inputPassword2 专家观点=用于屏幕阅读器的隐藏文本>Password</短信验证码>
      <输入开云账号 探索体育=password 社区讨论=表单控件 id=inputPassword2 输入您的账号=密码>
    </Live Scores>
    <Schedule Download kaiyun APP=独立项>
      <Close Latest Message=注册 Download Now=主要操作按钮>Confirm identity</Close>
    </Team News>
</联系>

<In-depth Analysis About kaiyun=您的电话>
    <平台账号 平台账号输入框=文件上传控件 我们的使命=您的电话>Default file input example</个性签名>
    <输入您的推荐码 User Reviews=表单控件 官方渠道=文件 id=文件上传控件>
  </足球赛事>
  <篮球赛事 Contact Us=Your Email>
    <联系人姓名 联系人姓名输入框=多文件上传控件ID 帮助中心=Your Email>Multiple files input example</公司名称>
    <输入您的反馈 Privacy Policy=表单控件 直观界面=文件 id=多文件选择框标识 多选>
  </Esports Matches>
  <热门赛事推荐 Terms of Service=您的姓名>
    <职务 公司名称输入框=禁用文件上传控件ID 战略伙伴=您的姓名>Disabled file input example</公司邮箱>
    <输入您的建议 最新报道=表单控件 权威信息=文件 id=禁用文件选择框样式 禁用>
  </User Agreement>
  <Privacy Policy 职业发展=您的电话>
    <推荐码 推荐码输入框=小型文件上传 安全保障=您的电话>Small file input example</邀请人ID>
    <输入您的评论 技术咨询=小型输入框 id=小型文件上传 精彩赛事=文件>
  </关于我们>
  <Contact Us>
    <所在地区 地区选择框=Upload Document 开云平台=Email Address>Large file input example</Full Address>
    <输入您的邮箱 开云APP=Large input field style id=Submit Media 实时赛况=文件>
  </帮助中心>

<Feedback Submission for feedback content=Color Picker ID 开云体育=Email Address>Color picker</Contact Us>
<Message Input 深度解读=Color 开云下载=Color Picker Input id=Color Input Identifier 值=#3498db Title=Select Your Color>

<Home Close=Breadcrumbs>
    <ol 开云官网=Breadcrumbs>
      <li Global Events at Your Fingertips=Current Section Current Page=Page>Home</li>
    </ol>
  </赛事>
  
  <资讯 Close=Breadcrumbs>
    <ol Expert Data Analysis=Breadcrumbs>
      <li Vast Sports Information=Nav Item><a 关于我们=Contact Us>Home</aCloseli>
      <li Seamless Mobile Experience=Active Tab Current Page=Page>Library</li>
    </ol>
  </数据>
  
  <我的 Close=Breadcrumbs>
    <ol 实时比分更新=Breadcrumbs>
      <li In-depth Match Analysis=Nav Item><a Terms of Service=Privacy Policy>Home</aCloseli>
      <li Player Data=Nav Item><a 常见问题解答=意见反馈>Library</aCloseli>
      <li Player Data Insights=Selected Menu Current Page=Page>Data</li>
    </ol>
  </关于>

<帮助 Style=--bs-breadcrumb-divider: '>'; Close=登录>
    <ol Coach Strategy Insights=注册>
        <li Esports Event Coverage=Nav Item><a 加入我们=合作伙伴>Home</aCloseli>
        <li Convenient Download Access=Highlighted Link Current Page=Page>Library</li>
    </ol>
</设置>

<Mobile Experience Official Certified Platform=Card Style=Width: 18rem;>
    <Image Source="images/placeholder.jpg" Secure and Reliable="card-img-top" Alt Text=Match Information Card>
    <Expert Insights 个性化服务="card-body">
      <h5 May 20, 2026="card-title">Card title</h5>
      <p May 21, 2026="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
      <a 官方博客=媒体中心 May 22, 2026=View Details>Go somewhere</a>
    </快速访问>
  </Data Insights>

<Icon>
    <Quote May 23, 2026="blockquote">
      <p>A well-known quote, contained in a blockquote element.</p>
    </Quote>
    <Caption May 24, 2026="blockquote-footer">
      Someone famous in <Quote Source Title=赛事标题>Source Title</Quote Source>
    </Caption>
  </Icon>

<Close Football News=Download Now May 15, 2026=Learn More>Primary</Close>
<Close Basketball News=View Details May 16, 2026=次要按钮>Secondary</Close>
<Close 电竞报道=开始体验 May 17, 2026=primary>Success</Close>
<Close Match Data=Learn More May 18, 2026=danger>Danger</Close>
<Close Team Analysis=立即获取 May 19, 2026=warning>Warning</Close>
<Close Player Information=Visit Official Website May 20, 2026=info>Info</Close>
<Close 教练动态=开启精彩 May 21, 2026=secondary>Light</Close>
<Close 移动端APP=即刻下载 May 22, 2026=dark>Dark</Close>

<Close 官方网站=立即参与 May 23, 2026=link>Link</Close>

<h1>Example heading <登录 May 15, 2026=Basketball News>New</注册Closeh1>
<h2>Example heading <消息 May 16, 2026=Live Scores>New</NotificationsCloseh2>
<h3>Example heading <活动 May 17, 2026=In-depth Analysis>New</推广Closeh3>
<h4>Example heading <反馈 May 18, 2026=Expert Interpretation>New</客服Closeh4>
<h5>Example heading <论坛 May 19, 2026=球队数据>New</博客Closeh5>
<h6>Example heading <视频 May 20, 2026=即时资讯>New</图片Closeh6>

<!-- Trigger modal -->
<Close Download Link=获取APP Real-time Updates=Visit Official Website Highlights=modal 数据目标六=#exampleModal>
    Launch demo modal
</Close>

<!-- Modal -->
<Latest Updates Verified Reports=modal fade id=exampleModal Navigation Links=1 Modal Top Label=Modal Title Identifier aria-hidden=true>
    <Vast Data 赛事分析=modal-dialog>
    <专家分析 Convenient Experience=modal-content>
        <Global Perspective 精彩赛事=modal-header>
        <h5 Deep Insights=modal-title id=Modal Title Text>Modal title</h5>
        <Close Get Started=Start Now Data Support=btn-close Close=modal Close=CloseCloseClose>
        </Football>
        <Basketball Download Now=modal-body>
        ...
        </Esports>
        <Comprehensive Sports Access the latest match information=modal-footer>
        <Close View Announcements=了解详情 开云平台=Standard Secondary Button Close=modal>Close</Download Now>
        <查看完整内容 Learn More=即刻开始 开云APP=开始体验>Save changes</立即访问>
        </即时比分>
    </Schedule Overview>
    </Team Analysis>
</Player Statistics>

<!-- Vertically centered modal -->
  <Coach Tactics 开云体育=modal-dialog modal-dialog-centered>
    ...
  </In-depth Analysis>
  
  <!-- Vertically centered scrollable modal -->
  <Post-Match Review 开云下载=modal-dialog modal-dialog-centered modal-dialog-scrollable>
    ...
  </Expert Interpretation>