diff --git a/athigaram.html b/athigaram.html
index 3374e07..877fdea 100644
--- a/athigaram.html
+++ b/athigaram.html
@@ -34,16 +34,16 @@
       </ul>
       <ul class="navbar-nav ml-auto">
         <li class="nav-item">
-          <a class="nav-link" href="#"><i class="fa fa-share-alt" aria-hidden="true"></i> <span></span></a>
+          <a class="nav-link disabled" href="#"><i class="fa fa-share-alt" aria-hidden="true"></i> <span></span></a>
         </li>
-        <li class="nav-item">
-          <a class="nav-link" href="#"><i class="fa fa-github" aria-hidden="true"></i> <span></span></a>
+        <li class="nav-item active">
+          <a class="nav-link" href="https://github.com/AsathalMannan/thirukkural"><i class="fa fa-github" aria-hidden="true"></i> <span></span></a>
         </li>
-        <li class="nav-item">
-          <a class="nav-link" href="#"><i class="fa fa-info-circle" aria-hidden="true"></i></a>
+        <li class="nav-item active">
+          <a class="nav-link" href="#" data-toggle="modal" data-target="#modal1"><i class="fa fa-info-circle" aria-hidden="true"></i></a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="#"><i class="fa fa-bug" aria-hidden="true"></i></a>
+          <a class="nav-link disabled" href="#"><i class="fa fa-bug" aria-hidden="true"></i></a>
         </li>
       </ul>
     </div>
@@ -72,6 +72,35 @@
       </div>
     </div>
   </footer>
+
+  <!-- Modal -->
+    <div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="modal1lable" aria-hidden="true">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title" id="modal1lable">About</h5>
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">&times;</span>
+            </button>
+          </div>
+          <div class="modal-body">
+            <div class="row bg-faded mb-4">
+              <img class="img col-4" src="img/pro-pic.jpg" height="140px" alt="Thumbnail image">
+              <p class="col-6">Designed and maintained by<br>
+              <strong>Ajmal Hussain Hy</strong><br>
+              <small>B.E / Computer Science</small><BR>
+              <small>Chennai</small><br>
+              <a href="https://github.com/AsathalMannan">Profile</a></p>
+            </div>
+            <p class="text-justify">Thirukkural Web Application V2 - This application included along with English Translation, Transliteration and Explanation from Mu. Varadarajan, Prof. Salaman Paappayya, Kalaignar M. Karunanidhi. The Database is designed by <a href="https://github.com/tk120404/">Arjun Kumar</a>.</p>
+            
+          </div>
+          <!-- <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+          </div> -->
+        </div>
+      </div>
+    </div>
     
     
 
diff --git a/css/athigaram.css b/css/athigaram.css
index 347e1f0..b1388c8 100644
--- a/css/athigaram.css
+++ b/css/athigaram.css
@@ -40,6 +40,18 @@ header h1{
 }
 	/*vertical-align: middle;*/
 
+@media (max-width: 575px){
+	header{
+		height: 2em;
+		margin-bottom: .5rem;
+	}	
+	header h1{
+		padding-top: 25% !important;
+		font-size: 1.5rem !important;
+	}
+
+}
+
 @media (max-width: 767px){
 	header{
 		height: 1em;
diff --git a/img/pro-pic.jpg b/img/pro-pic.jpg
new file mode 100644
index 0000000..32d51a6
Binary files /dev/null and b/img/pro-pic.jpg differ
diff --git a/index.html b/index.html
index cf709de..7069459 100644
--- a/index.html
+++ b/index.html
@@ -33,16 +33,16 @@
     <div class="collapse navbar-collapse" id="navContent">
       <ul class="navbar-nav ml-auto">
         <li class="nav-item">
-          <a class="nav-link" href="#"><i class="fa fa-share-alt" aria-hidden="true"></i> <span></span></a>
+          <a class="nav-link disabled" href="#"><i class="fa fa-share-alt" aria-hidden="true"></i> <span></span></a>
         </li>
-        <li class="nav-item">
+        <li class="nav-item active">
           <a class="nav-link" href="https://github.com/AsathalMannan/thirukkural"><i class="fa fa-github" aria-hidden="true"></i> <span></span></a>
         </li>
-        <li class="nav-item">
-          <a class="nav-link" href="#"><i class="fa fa-info-circle" aria-hidden="true"></i></a>
+        <li class="nav-item active">
+          <a class="nav-link" href="#" data-toggle="modal" data-target="#modal1"><i class="fa fa-info-circle" aria-hidden="true"></i></a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="#"><i class="fa fa-bug" aria-hidden="true"></i></a>
+          <a class="nav-link disabled" href="#"><i class="fa fa-bug" aria-hidden="true"></i></a>
         </li>
       </ul>
     </div>
@@ -68,6 +68,35 @@ <h6 class="col-12 text-center hidden-sm-down">Hover text to view Transliteration
       </div>
     </div>
   </footer> -->
+
+  <!-- Modal -->
+    <div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="modal1lable" aria-hidden="true">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title" id="modal1lable">About</h5>
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">&times;</span>
+            </button>
+          </div>
+          <div class="modal-body">
+            <div class="row bg-faded mb-4">
+              <img class="img col-4" src="img/pro-pic.jpg" height="140px" alt="Thumbnail image">
+              <p class="col-6">Designed and maintained by<br>
+              <strong>Ajmal Hussain Hy</strong><br>
+              <small>B.E / Computer Science</small><BR>
+              <small>Chennai</small><br>
+              <a href="https://github.com/AsathalMannan">Profile</a></p>
+            </div>
+            <p class="text-justify">Thirukkural Web Application V2 - This application included along with English Translation, Transliteration and Explanation from Mu. Varadarajan, Prof. Salaman Paappayya, Kalaignar M. Karunanidhi. The Database is designed by <a href="https://github.com/tk120404/">Arjun Kumar</a>.</p>
+            
+          </div>
+          <!-- <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+          </div> -->
+        </div>
+      </div>
+    </div>
     
 
     <!-- jQuery first, then Tether, then Bootstrap JS. -->