aboutsummaryrefslogtreecommitdiff
path: root/index.html
blob: fd5a83ca7524e422ff219cf48d9735bca6562395 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!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>