<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Hi!</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Navan Chauhan's personal website"/>
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/style.css">
<meta name="theme-color" content="#373B44">
<link rel="apple-touch-icon" sizes="57x57" href="assets/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
<meta name="msapplication-TileColor" content="#373B44">
<meta name="msapplication-TileImage" content="assets/ms-icon-144x144.png">
</head>
<body>
<script src="https://www.w3schools.com/lib/w3.js" ></script>
<div w3-include-html="https://navanchauhan.me/menu.html">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" ></script>
<script src="./js/menu.js" async></script>
</div>
<script>
w3.includeHTML();
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
<link rel="stylesheet" href="css/timeline.css">
<div class="timeline-container" id="timeline-1">
<div class="timeline-header">
<h2 class="timeline-header__title">Hi! I am Navan Chauhan</h2>
<h3 class="timeline-header__subtitle">LET ME TELL YOU MORE ABOUT MYSELF</h3>
</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>
<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>
</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>
<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>
<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>
</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>
</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>
</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>
</div>
</div>
</div>
<script async>
if('serviceWorker' in navigator) {
navigator.serviceWorker
.register('/sw.js')
.then(function() { console.log("Service Worker Registered"); });
}
</script>
<script src="js/timeline.js" async></script>
</body>
</html>