diff --git a/script.js b/script.js
index b7fcde6..02fd6c6 100644
--- a/script.js
+++ b/script.js
@@ -40,7 +40,30 @@ function hash_checker(){
 	page_switch(val);
 }
 
+function alert_offline(){
+	history.replaceState(null, null, "#/"+$('ul.navbar-nav>li.active').attr('id').substr(4,)+"/"); // revert hash
+	var err_msg = "<div style='font-size:1.075em;'><strong>You are Offline!</strong></div><div style='line-height:1.3'>No network available. Check your internet connection and try again!</div>"; // error message in alert box
+	
+	$(`<div class="alert-offline alert alert-danger alert-dismissible fade show" role="alert">
+		  ` + err_msg + `
+		  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+		    <span aria-hidden="true">&times;</span>
+		  </button>
+		</div>`)
+	    .appendTo('body')
+	    .delay(7500)
+	    .queue(function() {
+	        $(this).alert('close');
+	    });
+}
+
 function page_switch(val){
+	if (!navigator.onLine){
+		alert_offline();
+		return;
+	}
+	$(".alert-offline").alert('close');
+
 	$('ul.navbar-nav>li').removeClass('active');
 	show_loader();
 	$.ajax({
diff --git a/style.css b/style.css
index 533fa0b..ab1e314 100644
--- a/style.css
+++ b/style.css
@@ -1174,3 +1174,14 @@ footer .copy{
 		right: 0;
 	}
 }
+
+/** Offline alert **/
+.alert-offline{
+	position:fixed;
+	bottom:0px;
+	left:50%;
+	transform:translateX(-50%);
+	margin: 0;
+	z-index:101;
+	width: 100%;
+}