-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
114 lines (110 loc) · 4.89 KB
/
about.html
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
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="utf-8">
<title>Gaurav Kansal Blog</title>
<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- ** Plugins Needed for the Project ** -->
<!-- Bootstrap -->
<link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css">
<!-- slick slider -->
<link rel="stylesheet" href="plugins/slick/slick.css">
<!-- themefy-icon -->
<link rel="stylesheet" href="plugins/themify-icons/themify-icons.css">
<!-- Main Stylesheet -->
<link href="css/style.css" rel="stylesheet">
<!--Favicon-->
<link rel="icon" type="image/png" href="images/favicon.jpg">
<link href="css/fontawesome/css/all.min.css" rel="stylesheet" />
</head>
<body>
<div class="blogcontainer__root">
<!-- preloader -->
<div class="preloader">
<div class="loader">
<span class="dot"></span>
<div class="dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!-- /preloader -->
<div class="navigation" id="myHead"></div>
<!-- page-title -->
<section class="section bg-secondary">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h4>About Me</h4>
</div>
</div>
</div>
</section>
<!-- /page-title -->
<main class="container blog_maincontent">
<div class="section">
<div class="row">
<div class="col-lg-12">
<div class="aboutUs-section text-center">
<div class="profile-image">
<img src="images/gaurav_img.png" class="img-fluid" alt="">
</div>
<h2><em>Hi.</em> I am Gaurav Kansal</h2>
<span class="profileSpan">IT Professional</span>
<h2 class="cd-headline rotate-1">
<span>I am a</span>
<span class="cd-words-wrapper">
<b class="is-visible">traveler</b>
<b>blogger</b>
<b>reader</b>
</span>
</h2>
<p> Gaurav Kansal is a Joint Director (IT) at the <a href="https: www.nic.in=" target="_blank">National
Informatics Centre</a>, a position he has held
since 2010. During his tenure at NIC, he has worked on multiple technologies and handled important
projects including National Knowledge Network (NKN), IPv6 implementation across NICNET, Setting
up ANYCAST DNS Services, and wireless services across the NICNET. Currently, he is the
technical lead of the Public DNS Project for the Indian IP Space, with an aim of improving the cyber
posture of the country.
</p>
</div>
</div>
</div>
</div>
</main>
<div class="bg-secondary footer-bg" id="myFooter"></div>
<div class="progress-wrap">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
</svg>
</div>
</div>
<!-- jQuery -->
<script src="plugins/jQuery/jquery.min.js" crossorigin="anonymous"></script>
<script>
$('#myHead').load('/include/header.html');
$(document).ready(function () {
$("#skipnone").remove();
});
$('#myFooter').load('/include/footer.html');
</script>
<!-- Bootstrap JS -->
<script src="plugins/bootstrap/bootstrap.min.js"></script>
<!-- slick slider -->
<script src="plugins/slick/slick.min.js"></script>
<!-- masonry -->
<script src="plugins/masonry/masonry.js"></script>
<!-- instafeed -->
<script src="plugins/instafeed/instafeed.min.js"></script>
<!-- headroom -->
<script src="plugins/headroom/headroom.js"></script>
<!-- reading time -->
<script src="plugins/reading-time/readingTime.min.js"></script>
<!-- Main Script -->
<script src="js/script.js" crossorigin="anonymous"></script>
</body>
</html>