<!DOCTYPE html>
<html lang="en">
<head>
<title>Learning jQuery</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<div class="data">
<h1>Scroll the window</h1>
<p>You have scrolled the window <span id="count">0</span> times.</p>
</div>
<div class="page">
<h1>This is the heading</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut leo vitae dolor interdum tempor a sit amet nulla. Integer porttitor lorem ante, id mattis mauris lacinia ut. Duis pharetra odio at rutrum euismod. Curabitur nec metus suscipit, tempus purus eu, vestibulum massa. Phasellus volutpat tortor ac nulla vulputate, ac hendrerit tellus iaculis. Aenean lacinia turpis ac ullamcorper volutpat. Aenean in libero tellus.</p>
<h1>This is the heading</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut leo vitae dolor interdum tempor a sit amet nulla. Integer porttitor lorem ante, id mattis mauris lacinia ut. Duis pharetra odio at rutrum euismod. Curabitur nec metus suscipit, tempus purus eu, vestibulum massa. Phasellus volutpat tortor ac nulla vulputate, ac hendrerit tellus iaculis. Aenean lacinia turpis ac ullamcorper volutpat. Aenean in libero tellus.</p>
<h1>This is the heading</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut leo vitae dolor interdum tempor a sit amet nulla. Integer porttitor lorem ante, id mattis mauris lacinia ut. Duis pharetra odio at rutrum euismod. Curabitur nec metus suscipit, tempus purus eu, vestibulum massa. Phasellus volutpat tortor ac nulla vulputate, ac hendrerit tellus iaculis. Aenean lacinia turpis ac ullamcorper volutpat. Aenean in libero tellus.</p>
<h1>This is the heading</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut leo vitae dolor interdum tempor a sit amet nulla. Integer porttitor lorem ante, id mattis mauris lacinia ut. Duis pharetra odio at rutrum euismod. Curabitur nec metus suscipit, tempus purus eu, vestibulum massa. Phasellus volutpat tortor ac nulla vulputate, ac hendrerit tellus iaculis. Aenean lacinia turpis ac ullamcorper volutpat. Aenean in libero tellus.</p>
<h1>This is the heading</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut leo vitae dolor interdum tempor a sit amet nulla. Integer porttitor lorem ante, id mattis mauris lacinia ut. Duis pharetra odio at rutrum euismod. Curabitur nec metus suscipit, tempus purus eu, vestibulum massa. Phasellus volutpat tortor ac nulla vulputate, ac hendrerit tellus iaculis. Aenean lacinia turpis ac ullamcorper volutpat. Aenean in libero tellus.</p>
<h1>This is the heading</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut leo vitae dolor interdum tempor a sit amet nulla. Integer porttitor lorem ante, id mattis mauris lacinia ut. Duis pharetra odio at rutrum euismod. Curabitur nec metus suscipit, tempus purus eu, vestibulum massa. Phasellus volutpat tortor ac nulla vulputate, ac hendrerit tellus iaculis. Aenean lacinia turpis ac ullamcorper volutpat. Aenean in libero tellus.</p>
<h1>This is the heading</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut leo vitae dolor interdum tempor a sit amet nulla. Integer porttitor lorem ante, id mattis mauris lacinia ut. Duis pharetra odio at rutrum euismod. Curabitur nec metus suscipit, tempus purus eu, vestibulum massa. Phasellus volutpat tortor ac nulla vulputate, ac hendrerit tellus iaculis. Aenean lacinia turpis ac ullamcorper volutpat. Aenean in libero tellus.</p>
</div>
</body>
</html>