Lazy loading is added

[shraddha761]

Related Issue

Closes #435

In this code, I added the class "lazy" to the elements to lazy load and specified the URL of the lazy content using the data-src attribute. The script will make an AJAX request to fetch the content from the provided URL and set it as the innerHTML of the lazy element.

Additionally, the code adds a scroll event listener to trigger the lazy loading when the elements come into the viewport. The lazy elements that are already visible on page load will be loaded immediately, while the remaining elements will be loaded as the user scrolls.

Checklist

• [x] My code adheres to the established style guidelines of the project.
• [x] I have included comments in areas that may be difficult to understand.
• [x] My changes have not introduced any new warnings.
• [x] I have conducted a self-review of my code.

[netlify[bot]]

✅ Deploy Preview for joyful-otter-a57da4 ready!

Name	Link
🔨 Latest commit	47b6ceb9dfa0921a1c01d4f36d703c89bf3f8b43
🔍 Latest deploy log	https://app.netlify.com/sites/joyful-otter-a57da4/deploys/64d30fa6ddddb20008e03b38
😎 Deploy Preview	https://deploy-preview-450--joyful-otter-a57da4.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[shraddha761]

@Dharmesh177 please review

[Dharmesh177]

Add video of demonstration and screenshots for assess

[shraddha761]

Add video of demonstration and screenshots for assess

You will see difference will website load it is more efficient after lazy loading is enabled

[shraddha761]

@Dharmesh177 please review my pr

[Dharmesh177]

It taking too much load I guess now no need of this

[Dharmesh177]

or need improvement

[shraddha761]

Is there any improvement needed

[cleveranu]

Kindly resolve conflicts and work on latest branch

[shraddha761]

@cleveranu I have resolve the conflict please review now