<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
title
>Blaze UI</
title
>
<
meta
charset
=
"utf-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1"
>
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
center
>
<
h1
style
=
"color:green"
>GeeksforGeeks</
h1
>
<
strong
>Blaze UI Trees</
strong
>
</
center
>
<
div
role
=
"tree"
class
=
"c-tree"
>
<
button
role
=
"treeitem"
aria-expanded
=
"false"
class
=
"c-tree__item"
>HTML</
button
>
<
button
role
=
"treeitem"
aria-expanded
=
"true"
class
=
"c-tree__item"
>CSS</
button
>
<
div
role
=
"tree"
class
=
"c-tree"
>
<
span
role
=
"treeitem"
class
=
"c-tree__item"
>Bootstrap</
span
>
<
span
role
=
"treeitem"
class
=
"c-tree__item"
>Tailwind</
span
>
<
span
role
=
"treeitem"
class
=
"c-tree__item"
>Semantic UI</
span
>
<
span
role
=
"treeitem"
class
=
"c-tree__item"
>Blaze UI</
span
>
</
div
>
<
button
role
=
"treeitem"
aria-expanded
=
"false"
class
=
"c-tree__item"
>JavaScript</
button
>
<
button
role
=
"treeitem"
aria-expanded
=
"true"
class
=
"c-tree__item"
>MongoDB</
button
>
<
div
role
=
"tree"
class
=
"c-tree"
>
<
span
role
=
"treeitem"
class
=
"c-tree__item"
>
<
a
href
=
"#"
>Learn More</
a
>
</
span
>
</
div
>
</
div
>
</
body
>
</
html
>