diff --git a/Srijanak_portfolio/About.html b/Srijanak_portfolio/About.html
index a8c0329..cbed748 100644
--- a/Srijanak_portfolio/About.html
+++ b/Srijanak_portfolio/About.html
@@ -3,7 +3,10 @@
 <head>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <style>
-img {
+.button {background-color: grey;}
+.button:hover {
+  background-color: #4d9900 ;}
+.xyz {
   max-width:15%;
   height: auto;
 }
@@ -15,7 +18,7 @@
 </head>
 <body style="background-image: url('blackhole.jpg');background-size: 100% 100%; background-repeat: no-repeat;background-attachment: fixed;">
 <pre class="ex1" style="color:white;">
-<img src="profile.jpg" alt="Please upload a profile picture" style="float:left;width:15%;">
+<img class="xyz" src="profile.jpg" alt="Please upload a profile picture" style="float:left;width:15%;">
 
             <i>    "Great old castles full of dreams,
                  Transcending all the mystical sins,
@@ -26,23 +29,23 @@
 
 </pre>
 <a href="About.html">
-<button style="color: #9932cd";>About</button>
+<button autofocus class="button" style="color: blue";>About</button>
 </a>
 <a href="bio.html">
-<button>Bio</button>
+<button class="button">Bio</button>
 </a>
 <a href="achievements.html">
-<button>Awards</button>
+<button class="button">Awards</button>
 </a>
 <a href="contact.html">
-<button>Contact</button>
+<button class="button">Contact</button>
 </a>
 <br>
 <br>
 <br>
 <br>
 <br>
-<pre style="color:white;">
+<pre style="color:white;"><img src="violin.jpg" style="float: right; opacity: 0.2;width:25%;">
 <ul style="color:white;">
   <li style="color:white;"><b style="color:white;">Name:</b>   Srijanak De</li>
   <li style="color:white;"><b style="color:white;">Born on:</b>   2001</li>
diff --git a/Srijanak_portfolio/achievements.html b/Srijanak_portfolio/achievements.html
index 3c6ac43..50df183 100644
--- a/Srijanak_portfolio/achievements.html
+++ b/Srijanak_portfolio/achievements.html
@@ -3,6 +3,15 @@
 <head>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <style>
+.button {background-color: grey;}
+.button:hover {
+  background-color: #4d9900 ;}
+.none {
+border-style: solid;
+border-top-style: none;
+border-right-style: none;
+border-left-style: none;
+border-bottom-style: white;}
 img {
   max-width:15%;
   height: auto;
@@ -26,25 +35,25 @@
 
 </pre>
 <a href="About.html">
-<button>About</button>
+<button class="button">About</button>
 </a>
 <a href="bio.html">
-<button>Bio</button>
+<button class="button">Bio</button>
 </a>
 <a href="achievements.html">
-<button style="color: #9932cd">Awards</button>
+<button autofocus class="button" style="color: blue">Awards</button>
 </a>
 <a href="contact.html">
-<button>Contact</button>
+<button class="button">Contact</button>
 </a>
-<h2 style="color:white;">Academic achievements:</h2>
+<h2 class="none" style="color:white;">Academic achievements:</h2>
 <ol style="color:white;">
   <li style="color:white;">Obtained an overall 93.8% and 95.66% in science subjects in class 10 boards examination.</li>
   <li style="color:white;">Obtained 91.4% marks in class 12 boards examination.</li>
   <li style="color:white;">Obtained 95.7 percentile in Mathematics of ASSET Talent Search Examination conducted by Duke University in Summer of 2012 and cleared both the levels.</li>
   <li style="color:white;">Trained in Information Technology and Computer Science certified by South Point School.</li>
 </ol>
-<h2 style="color:white;">Extra-curricular achievements:</h2>
+<h2 class="none" style="color:white;">Extra-curricular achievements:</h2>
 <ol style="color:white;">
   <li style="color:white;">Gold medalist at Inter-house throwball and basket competitions in school.</li>
   <li style="color:white;">Captain of Inter-house football in school, winners of Inter-regional Football Championship held locally, and winners of Freshers Football Tournament IIT Kharagpur.</li>
diff --git a/Srijanak_portfolio/bio.html b/Srijanak_portfolio/bio.html
index 6894b16..862939a 100644
--- a/Srijanak_portfolio/bio.html
+++ b/Srijanak_portfolio/bio.html
@@ -3,9 +3,26 @@
 <head>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <style>
+.button {background-color: grey;}
+.button:hover {
+  background-color: #4d9900 ;}
+div {
+  background-color: Black;
+  width: 280px;
+  border: 15px solid;
+  border-color: #737373;
+  padding: 30px;
+  margin: 10px;
+}
 a.ex1:visited,a.ex1:link {text-decoration:none;}
 a.ex1:hover, a.ex1:active {text-decoration:underline;}
 ol.ex2 {border-left: 10px solid white;}
+.none {
+border-style: solid;
+border-top-style: none;
+border-right-style: none;
+border-left-style: none;
+border-bottom-style: white;}
 img {
   max-width:15%;
   height: auto;
@@ -29,46 +46,52 @@
 
 </pre>
 <a href="About.html">
-<button>About</button>
+<button class="button">About</button>
 </a>
 <a href="bio.html">
-<button style="color: #9932cd">Bio</button>
+<button autofocus class="button" style="color: blue">Bio</button>
 </a>
 <a href="achievements.html">
-<button>Awards</button>
+<button class="button">Awards</button>
 </a>
 <a href="contact.html">
-<button>Contact</button>
+<button class="button">Contact</button>
 </a>
-<h2 style="color:white;text-decoration:underlined;">Contents</h2>
-<ol class="ex2" style="color:white;">
+<br>
+<br>
+<div>
+<h2 class="none" style="color:white;text-shadow: 1px 2px #e6f3ff;text-decoration:underlined;">Contents</h2>
+<ol class="ex2" style="color:white; list-style-type: lower-greek;">
   <li style="color:white;font-size: 110%;"><b style="font-size: 110%;color:white;"><a class="ex1" href="#c1" style="color:white;">A brief intro</a></b></li>
   <li style="color:white;font-size: 110%;"><b style="font-size: 110%;color:white;"><a class="ex1" href="#c2" style="color:white;">Aspiring to be in ten years</a></b></li>
   <li style="color:white;font-size: 110%;"><b style="font-size: 110%;color:white;"><a class="ex1" href="#c3" style="color:white;">Things I love doing</a></b></li>
   <li style="color:white;font-size: 110%;"><b style="font-size: 110%;color:white;"><a class="ex1" href="#c4" style="color:white;">Strengths and Weaknesses</a></b></li>
 </ol>
+</div>
+<br>
 <ul style="color:white;">
 <p id="c1" style="color:white;">
-    <li style="color:white;"><b style="color:white;">A brief intro:</b>  My mother gave my name, “Srijanak” that means “Creator”. The root of scientific creativity lies
+    <li style="color:white;"><b class="none" style="color:white;">A brief intro:</b> <br> My mother gave my name, “Srijanak” that means “Creator”. The root of scientific creativity lies
   in questioning the impossible. “Greatness is a journey that begins with the impossible and turnsinto the unforgettable”, was once said by Miguel Torres. I may borrow words from the iconicspeech on freedom and justice of a great American, Martin Luther King, to affirm with unsulliedconviction that  I have a  dream. I  have  a dream to turn an impossible into unforgettable  bygroundbreaking scientific invention that would change the world. As a liberal humanist with anabiding love for science, I have a dream to shepherd the prodigious advancement of science for
   the benefits of mankind and make this planet a better place to live in through my pioneering contribution in science and technology.
 </li>
 </p>
 <br>
 <p id="c2" style="color:white;">
-<li style="color:white;"><b style="color:white;">Aspiring to be in ten years:</b> In ten years, I want to see myself to be apart of a team of innovators in NASA engaged in the design and development of the robotic fleet to advance human exploration of space.
+<li style="color:white;"><b class="none" style="color:white;">Aspiring to be in ten years:</b> <br>In ten years, I want to see myself to be apart of a team of innovators in NASA engaged in the design and development of the robotic fleet to advance human exploration of space.
 </li>
 </p>
 <br>
 <p id="c3" style="color:white;">
-<li style="color:white;"><b style="color:white;">Things I love doing:</b> Whenever I get a chance, I try to imagine various situations in life and perform imaginary role-plays. For example, I do shadow practice of a soccer or cricket match, whereby I keep a check on my shadow as I practice various game techniques to improve my action and sharpness without actually playing. Similarly, I imagine myself playing a leadership role in a fictional event orpresenting my new scientific invention to a group of renowned scientists and then I show mimicry of the corresponding actions to my friends and peers. In addition to entertaining others, I derive fun from these role-plays as I can elevate myself to any level beyond limits. Besides, I love listening to songs especially Rabindrasangeet, practice singing them, watch football dribbling skills and movies on the net.
+<li style="color:white;"><b class="none" style="color:white;">Things I love doing:</b> <br>Whenever I get a chance, I try to imagine various situations in life and perform imaginary role-plays. For example, I do shadow practice of a soccer or cricket match, whereby I keep a check on my shadow as I practice various game techniques to improve my action and sharpness without actually playing. Similarly, I imagine myself playing a leadership role in a fictional event orpresenting my new scientific invention to a group of renowned scientists and then I show mimicry of the corresponding actions to my friends and peers. In addition to entertaining others, I derive fun from these role-plays as I can elevate myself to any level beyond limits. Besides, I love listening to songs especially Rabindrasangeet, practice singing them, watch football dribbling skills and movies on the net.
 </li>
 </p>
 <br>
 <p id="c4" style="color:white;">
-<li style="color:white;"><b style="color:white;">Strong points:</b> <ol><li>I possess a natural talent in logical and rational thinking.</li><li>I am amiable,responsible,honest and loyal.</li><li>For me even the sky is not my limit. I strongly believe that dedication, determination and perseverance and true faith can move mountains and I try converting this belief of mine into practice.</li></ol>
+<li style="color:white;"><b class="none" style="color:white;">Strong points:</b> <ol><li>I possess a natural talent in logical and rational thinking.</li><li>I am amiable,responsible,honest and loyal.</li><li>For me even the sky is not my limit. I strongly believe that dedication, determination and perseverance and true faith can move mountains and I try converting this belief of mine into practice.</li></ol>
 </li>
-<li style="color:white;"><b style="color:white;">Weak points:</b> <ol><li>I cannot easily forget events which tend to hurt me. But on a positive note, I often use this ability of mine in achieving feets on my second attempt, failure of which in the first one had hurt me.</li><li>I trust people very easily. Sometimes, it has some ill-effects, but at the same time it often helps me in doing team work in a much better way.</li><li>I am kind and caring and I possess a very soft heart and thus get emotional and sensitive to issues quite often.</li></ol>
+<br>
+<li style="color:white;"><b class="none" style="color:white;">Weak points:</b> <ol><li>I cannot easily forget events which tend to hurt me. But on a positive note, I often use this ability of mine in achieving feets on my second attempt, failure of which in the first one had hurt me.</li><li>I trust people very easily. Sometimes, it has some ill-effects, but at the same time it often helps me in doing team work in a much better way.</li><li>I am kind and caring and I possess a very soft heart and thus get emotional and sensitive to issues quite often.</li></ol>
 </p>
 </ul>
 </body>
diff --git a/Srijanak_portfolio/contact.html b/Srijanak_portfolio/contact.html
index 97e1243..9e32af2 100644
--- a/Srijanak_portfolio/contact.html
+++ b/Srijanak_portfolio/contact.html
@@ -1,9 +1,14 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link href='https://fonts.googleapis.com/css?family=Sofia' rel='stylesheet'>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <style>
-img {
+.abc{font-family: 'Sofia';font-size: 22px;}
+.button {background-color: grey;}
+.button:hover {
+  background-color: #4d9900 ;}
+.xyz {
   max-width:15%;
   height: auto;
 }
@@ -15,7 +20,7 @@
 </head>
 <body style="background-image: url('blackhole.jpg');background-size: 100% 100%; background-repeat: no-repeat;background-attachment: fixed;">
 <pre style="color:white;">
-<img src="profile.jpg" style="float:left;width:15%;">
+<img class="xyz" src="profile.jpg" style="float:left;width:15%;">
 
             <i>    "Great old castles full of dreams,
                  Transcending all the mystical sins,
@@ -26,24 +31,27 @@
 
 </pre>
 <a href="About.html">
-<button>About</button>
+<button class="button">About</button>
 </a>
 <a href="bio.html">
-<button>Bio</button>
+<button class="button">Bio</button>
 </a>
 <a href="achievements.html">
-<button>Awards</button>
+<button class="button">Awards</button>
 </a>
 <a href="contact.html">
-<button style="color: #9932cd">Contact</button>
+<button autofocus class="button" style="color: blue">Contact</button>
 </a>
 <br>
 <br>
 <br>
 <br>
-<ul style="color:white;">
+<ul style="color:white;"><img src="violin.jpg" style="float: right; opacity: 0.2;width:20%;">
+
   <p style="color:white;"><li style="color:white;"><b style="color:white;">Email id:</b></li>srijanak2001@gmail.com (or srijanak_de@yahoo.in) <br><br>
     <li style="color:white;"><b style="color:white;">Phone number:</b></li>917596993896 (or 919433021427)<br><br>
     <li style="color:white;"><b style="color:white;">Current Address:</b></li>E-412,Rajendra Prasad Hall of Residence, IIT Kharagpur</p>
+<br>
+<p class="abc" style="color:white;"> Thanks for visiting my webpage. <img src="smile.png" style="height: 22px;"</p>
 </body>
 </html>
diff --git a/Srijanak_portfolio/smile.png b/Srijanak_portfolio/smile.png
new file mode 100644
index 0000000..ab0e87a
Binary files /dev/null and b/Srijanak_portfolio/smile.png differ
diff --git a/Srijanak_portfolio/violin.jpg b/Srijanak_portfolio/violin.jpg
new file mode 100644
index 0000000..369f471
Binary files /dev/null and b/Srijanak_portfolio/violin.jpg differ
