While checking if my internet connectivity of have been lost there are so many answers regarding this on the internet such as on stackoverflow , kirupa but on subinb sucks since they cannot be able to provide a valid crew to solution regarding this question on the internet.
So i checked in and found this below with explanation
This findings is simple and comprehensive step by step
Note: view this picture below here if you are having problem following the steps.
1. simply add the below code right after this tag </head>
explanation: these are two stylesheet (css) responsible for styling the disconnectivity status panel
[snippet slug=1st-and-2nd-css-to-style-the-plugin lang=html]
explanation : this pings the image named tiny-image.gif on website host server directory
explanation: here is the offline.js plugin that performs the whole functions.
checking if internet connectivity exist or is lost – Shopinson from u/shopinson