Nested List on HTML

 <!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title></title>

</head>

<body>

<p>Paragraph with ordered list and Un ordered List</p>

<!------List----->

<p>The beauty of nature is unparalleled, offering a serene escape from the chaos of everyday life. From the towering mountains to the vast oceans, each element of nature has its own unique charm. The sound of birds chirping at dawn, the gentle rustle of leaves in the breeze, and the calming flow of rivers all create a symphony that soothes the soul. Taking time to connect with nature can provide a refreshing perspective, reminding us of the simplicity and peace that often eludes us in our busy, modern lives.

</p>

<ol start = "3">

<li>Always be curious</li>

<p>This is another paragraph The beauty of nature is unparalleled, offering a serene escape from the chaos of everyday life. From the towering mountains to the vast oceans, each element of nature has its own unique charm. The sound of birds chirping at dawn, the gentle rustle of leaves in the breeze, and the calming flow of rivers all create a symphony that soothes the soul. Taking time to connect with nature can provide a refreshing perspective, reminding us of the simplicity and peace that often eludes us in our busy, modern lives.</p>

<ul>

<li>Frontend Focus</li>

<li>CSS Weekly</li>

<li>JavaScript Weekly</li>

<li>Web design weekly</li>

</ul>

</ol>

</body>

</html>