Update index.html

1 files changed, 48 insertions, 22 deletions

diff --git a/index.html b/index.html
index 48add7b..1bcce58 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,6 @@
       <link rel="stylesheet" href="css/timeline.css">
 
 
-    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
 
 </head>
 
@@ -25,52 +24,79 @@
   </div>
   <div class="timeline">
     <div class="timeline-item" data-text="BIRTH">
-      <div class="timeline__content"><img class="timeline__img" src="https://scontent.fdel4-1.fna.fbcdn.net/v/t1.0-0/p206x206/297865_165857010155103_7383854_n.jpg?oh=3a8554c81190468c9c46dd95c9bbecbc&oe=5B2441D3"/>
-        <h2 class="timeline__content-title">2003</h2>
+      <div class="timeline__content" >
+        <div class="bg-img" >
+<img src="https://scontent.fdel4-1.fna.fbcdn.net/v/t1.0-0/p206x206/297865_165857010155103_7383854_n.jpg?oh=3a8554c81190468c9c46dd95c9bbecbc&oe=5B2441D3"  class="timeline__img">
+  <ul class="text">2003</ul>
+
+
+</div>
         <p class="timeline__content-desc">I was born on the 21<sup>st</sup> of December in 2003</p>
       </div>
     </div>
     <div class="timeline-item" data-text="THE JOURNEY BEGINS">
-      <div class="timeline__content"><img class="timeline__img" src="https://scontent.fdel4-1.fna.fbcdn.net/v/t1.0-0/p206x206/561252_352087498198719_771324434_n.jpg?oh=d4fc8a57e782adf0ca26ba39afcdfe4c&oe=5AF229D3"/>
-        <h2 class="timeline__content-title">2011</h2>
-        <p class="timeline__content-desc">I first learnt C, which was then followed by HTML. I published my first website ClocksandClocks (sadly, it no longer remains anywhere not even in the Internet Archive)</p>
+      <div class="timeline__content"><div class="bg-img" ><img class="timeline__img" src="https://scontent.fdel4-1.fna.fbcdn.net/v/t1.0-0/p206x206/561252_352087498198719_771324434_n.jpg?oh=d4fc8a57e782adf0ca26ba39afcdfe4c&oe=5AF229D3">
+        <ul class="text">2011</ul>
+
+
+      </div>
+        <p class="timeline__content-desc" align="padding-right">I learnt C and then HTML</p>
       </div>
     </div>
     <div class="timeline-item" data-text="THE EDUCATION">
-      <div class="timeline__content"><img class="timeline__img" src="https://scontent.fdel4-1.fna.fbcdn.net/v/t31.0-8/326711_384790581595077_1208772753_o.jpg?oh=93387d43ffdc42e55d2e0a3254383ba6&oe=5AE0ACE9"/>
-        <h2 class="timeline__content-title">2012</h2>
+      <div class="timeline__content"><div class="bg-img" ><img height="100%" class="timeline__img" src="https://scontent.fdel4-1.fna.fbcdn.net/v/t31.0-8/326711_384790581595077_1208772753_o.jpg?oh=93387d43ffdc42e55d2e0a3254383ba6&oe=5AE0ACE9"/>
+
+        <ul class="text">2012</ul>
+
+
+      </div>
         <p class="timeline__content-desc">I Learnt CSS and DoSed my previous website</p>
       </div>
     </div>
     <div class="timeline-item" data-text="THE EDUCATION">
-      <div class="timeline__content"><img class="timeline__img" src="https://scontent.fdel4-1.fna.fbcdn.net/v/t1.0-9/1385862_542919445782189_1130917142_n.jpg?oh=452bc94a710d31eb3768ccbdf01f83f8&oe=5AF49141"/>
-        <h2 class="timeline__content-title">2013</h2>
+      <div class="timeline__content"><div class="bg-img" ><img class="timeline__img" height="100%" src="https://scontent.fdel4-1.fna.fbcdn.net/v/t1.0-9/1385862_542919445782189_1130917142_n.jpg?oh=452bc94a710d31eb3768ccbdf01f83f8&oe=5AF49141"/>
+        <ul class="text">2013</ul>
+
+
+      </div>
         <p class="timeline__content-desc">Installed Ubuntu 9.04. (I was just 4 years late)</p>
       </div>
     </div>
     <div class="timeline-item" data-text="THE EDUCATION">
-      <div class="timeline__content"><img class="timeline__img" src="https://scontent.fdel4-1.fna.fbcdn.net/v/t1.0-0/r270/p206x206/10455579_667403990000400_1871567683849640327_n.jpg?oh=32e431fde855e1ad355a42ebf8510956&oe=5B21049F"/>
-        <h2 class="timeline__content-title">2013-16</h2>
-        <p class="timeline__content-desc">Started my journey with Android. Bricked 1-2 Phones, rooted 2 phones and made 3-4 Custom ROMs</p>
+      <div class="timeline__content"><div class="bg-img" ><img class="timeline__img" height="100%" src="https://scontent.fdel4-1.fna.fbcdn.net/v/t1.0-0/r270/p206x206/10455579_667403990000400_1871567683849640327_n.jpg?oh=32e431fde855e1ad355a42ebf8510956&oe=5B21049F"/>
+        <ul class="text">2013-2016</ul>
+
+
+      </div>
+        <p class="timeline__content-desc">Started my journey with Android</p>
       </div>
     </div>
     <div class="timeline-item" data-text="THE EDUCATION">
-      <div class="timeline__content"><img class="timeline__img" src="https://scontent.fdel4-1.fna.fbcdn.net/v/t1.0-0/p206x206/22196502_1680321968708592_5684202810002422450_n.jpg?oh=a9ec205185d99ca71aa9423614b385d3&oe=5B1F7C68"/>
-        <h2 class="timeline__content-title">2017</h2>
-        <p class="timeline__content-desc">Completed a Cyber Security Course and got into Open-Source Projects</p>
+      <div class="timeline__content"><div class="bg-img" ><img class="timeline__img" height="100%" src="https://scontent.fdel4-1.fna.fbcdn.net/v/t1.0-0/p206x206/22196502_1680321968708592_5684202810002422450_n.jpg?oh=a9ec205185d99ca71aa9423614b385d3&oe=5B1F7C68"/>
+        <ul class="text">2017</ul>
+
+
+      </div>
+        <p class="timeline__content-desc">Completed an Ethical Hacking Course</p>
       </div>
     </div>
     <div class="timeline-item" data-text="REIGN OF GITHUB">
-      <div class="timeline__content"><img class="timeline__img" src="https://lh3.googleusercontent.com/GfZ3EoTYUmrbO2-3MovNIdv-oSnMBLCT1EYtR_-uguiCA0TyG-5UPU9AOzzQAIX83UC3IUJvqnv18528WbG2KtFuQerCXJ3HhoAIf324Mj5_BFD_ugYG8tgUuh6rqZRJzpJ8CegAkNMLPFg0xmXM1w2kPsnqnrzLKywMRx4CbdJRNh8EatnG-QUCFyA4yS29T6T2GQ8RIsjPgdlu3jz_-mv2n-F_QqNnpiZsxTqXJQecC-Yjlthxv77PZ4IBJ6BEFcjNuw6GACup0wR6Hw2AfzceZ0j3vLE6DkNeXuS7zGQIZs_YTj41aMaF_-wCgH5_pD2n91emun-LHmfWDa5NjQUsklQVGHSP-YEcRzxafsz209LOVk4y9_oxSF5z2OW5a2R2XPDuIl63PfBSlOUKq5jrXzgazc5r1vbkDV1HFf4rTAWXE2OauRVAMUyx3UYDRrPMLCevDoa8rLtM9jSe7qSXls9n4r44wHPPhfVQmd3VcS4I7HbjivathKIdcayUpQhTQBEmeyoHXvY5epyP58nqpZaupqIT1QiS80IX1mTXQyL93mJr8YxbxRXbHKQEp6nM4dAyQ1YrX70fWOeOujAVQ_0WJH1p5A17A7Y=w1102-h1468-no"/>
-        <h2 class="timeline__content-title">2017</h2>
-        <p class="timeline__content-desc">Went on a coding spree and created around 23-25 Repositories in 2017</p>
+      <div class="timeline__content"><div class="bg-img" ><img class="timeline__img" height="100%"  src="https://lh3.googleusercontent.com/GfZ3EoTYUmrbO2-3MovNIdv-oSnMBLCT1EYtR_-uguiCA0TyG-5UPU9AOzzQAIX83UC3IUJvqnv18528WbG2KtFuQerCXJ3HhoAIf324Mj5_BFD_ugYG8tgUuh6rqZRJzpJ8CegAkNMLPFg0xmXM1w2kPsnqnrzLKywMRx4CbdJRNh8EatnG-QUCFyA4yS29T6T2GQ8RIsjPgdlu3jz_-mv2n-F_QqNnpiZsxTqXJQecC-Yjlthxv77PZ4IBJ6BEFcjNuw6GACup0wR6Hw2AfzceZ0j3vLE6DkNeXuS7zGQIZs_YTj41aMaF_-wCgH5_pD2n91emun-LHmfWDa5NjQUsklQVGHSP-YEcRzxafsz209LOVk4y9_oxSF5z2OW5a2R2XPDuIl63PfBSlOUKq5jrXzgazc5r1vbkDV1HFf4rTAWXE2OauRVAMUyx3UYDRrPMLCevDoa8rLtM9jSe7qSXls9n4r44wHPPhfVQmd3VcS4I7HbjivathKIdcayUpQhTQBEmeyoHXvY5epyP58nqpZaupqIT1QiS80IX1mTXQyL93mJr8YxbxRXbHKQEp6nM4dAyQ1YrX70fWOeOujAVQ_0WJH1p5A17A7Y=w1102-h1468-no"/>
+        <ul class="text">2017</ul>
+
+
+      </div>
+        <p class="timeline__content-desc">Created around 23-25 Repositories</p>
       </div>
     </div>
 
     <div class="timeline-item" data-text="THE FUTURE">
-      <div class="timeline__content"><img class="timeline__img" src="https://lh3.googleusercontent.com/WtTMHH4lV4cFScAKtjtUg7TdMY6W4iS1YTA3_yNkF__e8rT8piiFPk-S0_6y8WpZEr9HR85ganxy6G0S9_cahWOeixkKYqC-QRFJpnJ6sV_i6GmYLt0RX6w5niv5EQVXWVJMQ9aFzFWBgo7pQ9B8xL2rZ14mkEgItAFpTWpnPQQPhTX9-ymb9MiP0jcQoWOLBQCb3Miay2JWO3DYxsVVWxaR-IgpU2fEAExinPAy9HBucpelhIAdoo33CFwjSizIRjoTC94ZfdxrtGuw7A6JFPNZAf_oftj6IFmomhE8eGXSvXrTWpfN7MCh7IbJuLmHqA3aLwH3loka062KEimeUvRjYOG4g9kbKQywHPXFQKyGf2NIUvuelVsSCp9KwkD8CDHAf7cp4WreyksyIy9IO2JakUYX_g0FXiDAKWxB0SPUpC5HaudCVHw2fJ4ecwWfFDApx7G_CSrqUOqN8L4LcnombUUMu9JRrJBgzx_BBw75QVeuLpFt954lDY-thi76ItnzwTEnfYYXYPU2s2HokWv8atubEVE--8j85SQHxm-A6X7ndNLVElICjVZh-C9XhuLgGTagnt2B8k-msVDzOGdm55SLx6cGRpnlXpk=w980-h1468-no"/>
-        <h2 class="timeline__content-title">2018-?</h2>
-        <p class="timeline__content-desc">Freelancing. Specialising in Bash, Python and Website-Developement while also knowing enough about C++, C, Ruby and Perl</p>
+      <div class="timeline__content"><div class="bg-img" ><img class="timeline__img" height="100%" src="https://lh3.googleusercontent.com/WtTMHH4lV4cFScAKtjtUg7TdMY6W4iS1YTA3_yNkF__e8rT8piiFPk-S0_6y8WpZEr9HR85ganxy6G0S9_cahWOeixkKYqC-QRFJpnJ6sV_i6GmYLt0RX6w5niv5EQVXWVJMQ9aFzFWBgo7pQ9B8xL2rZ14mkEgItAFpTWpnPQQPhTX9-ymb9MiP0jcQoWOLBQCb3Miay2JWO3DYxsVVWxaR-IgpU2fEAExinPAy9HBucpelhIAdoo33CFwjSizIRjoTC94ZfdxrtGuw7A6JFPNZAf_oftj6IFmomhE8eGXSvXrTWpfN7MCh7IbJuLmHqA3aLwH3loka062KEimeUvRjYOG4g9kbKQywHPXFQKyGf2NIUvuelVsSCp9KwkD8CDHAf7cp4WreyksyIy9IO2JakUYX_g0FXiDAKWxB0SPUpC5HaudCVHw2fJ4ecwWfFDApx7G_CSrqUOqN8L4LcnombUUMu9JRrJBgzx_BBw75QVeuLpFt954lDY-thi76ItnzwTEnfYYXYPU2s2HokWv8atubEVE--8j85SQHxm-A6X7ndNLVElICjVZh-C9XhuLgGTagnt2B8k-msVDzOGdm55SLx6cGRpnlXpk=w980-h1468-no"/>
+        <ul class="text">2018-?</ul>
+
+
+      </div>
+        <p class="timeline__content-desc">???</p>
       </div>
     </div>
   </div>