<!DOCTYPE html>
<html>
<head>
<style>
ol li {
list-style-type: square;
}
ul li {
list-style-type: circle;
}
</style>
</head>
<body>
<ol>
<li>Web Development</li>
<ul>
<li>NodeJS</li>
<li>PHP</li>
</ul>
<li>Database</li>
<ul>
<li>MySql</li>
<li>Oracle</li>
</ul>
</ol>
</body>
</html>