<!DOCTYPE html>
<html>
<head>
<style>
body {
counter-reset: section;
}
h1 {
counter-reset: subsection;
}
h1::before {
counter-increment: section;
content: "Section " counter(section) ": ";
}
h2::before {
counter-increment: subsection;
content: counter(section) "." counter(subsection) " ";
}
</style>
</head>
<body>
<h1>HTML and CSS</h1>
<h2>HTML Tutorial</h2>
<h2>CSS Tutorial</h2>
<h2>Bootstrap Tutorial</h2>
<hr>
<h1>JavaScript</h1>
<h2>JavaScript Tutorial</h2>
<h2>jQuery Tutorial</h2>
<h2>JSON Tutorial</h2>
<hr>
<h1>Server Side</h1>
<h2>SQL Tutorial</h2>