-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
202 lines (178 loc) · 10 KB
/
index.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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Prakash Neupane</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Fonts -->
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Vesperr
* Template URL: https://bootstrapmade.com/vesperr-free-bootstrap-template/
* Updated: Jun 29 2024 with Bootstrap v5.3.3
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
<style>
#get-cv-btn {
display: block;
margin: 0 auto;
background-color: #007bff;
color: white;
padding: 10px 20px;
border-radius: 5px;
text-align: center;
text-decoration: none;
}
#get-cv-btn:hover {
background-color: #0056b3;
}
</style>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QNDNBSMQSJ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-QNDNBSMQSJ');
</script>
</head>
<body class="index-page">
<header id="header" class="header d-flex align-items-center sticky-top">
<div class="container-fluid container-xl position-relative d-flex align-items-center">
<a href="index.html" class="logo d-flex align-items-center me-auto">
<!-- Uncomment the line below if you also wish to use an image logo -->
<!-- <img src="assets/img/logo.png" alt=""> -->
<p class="sitename"><img src ="assets/img/my_image/Prakash Neupane.gif"> <br> Faculty Member | CCT, IOST, TU</p>
</a>
<nav id="navmenu" class="navmenu">
<ul>
<li><a href="index.html" class="active">Home<br></a></li>
<li><a href="about.html">About</a></li>
<li><a href="course.html">Courses</a></li>
<li><a href="students.html">Students</a></li>
<li><a href="research.html">Research</a></li>
<li><a href ="opening.html">Openings</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
</nav>
</div>
</header>
<main class="main">
<!-- Hero Section -->
<section id="hero" class="hero section">
<div class="container">
<div class="row gy-6">
<div class="col-lg-4 order-1 order-lg-1 hero-img">
<img src="assets/img/home.jpg" class="img-fluid animated" alt="" style="width: 100%; height: 100%; border-radius: 50%; object-fit: cover;">
</div>
<div class="col-lg-8 order-2 order-lg-2 d-flex flex-column justify-content-center">
<!--<h1>Welcome!</h1>-->
<h1>Welcome!</h1><br><br>
<p style="font-size: 15px; font-family: 'Times New Roman', Times, serif;">
I am an academic faculty specializing in Computer Science with an M.S.(by Research), at the Department of Information Technology, <a href="https://cct.tu.edu.np/"> Central Campus of Technology (CCT)</a>, <a href="https://iost.tu.edu.np/"> Institute of Science and Technology (IOST)</a>, <a href="">Tribhuvan University (TU)</a>, Dharan, Nepal– one of the finest institution for a CS and IT enthusiast in Nepal nestled in a picturesque setting, gracefully situated between fertile plains and majestic and towering high hills.
<br><br>
We have a vibrant geographical topology and a peaceful green campus, amidst the foothills of Dharan sub-metro city.
The lush greenery, particularly the mango trees, and the bucolic views of Dharan city to the south and the high hills to the north, uplift your spirits when you look out.
<br><br>
I did my MS (by Research) with the awesome professor <a href ="https://www.cse.iitb.ac.in/~manas/index.html">Dr. Manas Thakur</a> at SCEE, <a href="">Indian Institute of Technology (IIT) Mandi</a>. The experience taught me the significance of research in academia, instilling in me patience and determination. Prior to this, I discovered my passion for computer science during my undergraduate at Godawari College, which is affiliated with TU, and cultivated my interest in academics at Sukuna Higher Secondary School in Morang.
<br>
<br>
Apart from
teaching at the university, I am also affiliated with <a href="https://www.cair-nepal.org/">CAIR-Nepal (Center for Artificial Intelligence (AI) Research
Nepal)</a> which conducts research in all facets of AI and computer science, in general. CAIR-Nepal, led by <a href="https://tekrajchhetri.com/">Dr.
Tekraj Chhettri, </a>focuses on responsible, human-centered, and explainable AI. Currently, I along with the team
of CAIR-Nepal am working on a project named NCHLOD: Nepal Cultural Heritage Linked Open Data which
aims to preserve information about cultural heritages with a high socio-economic potential, including tourism as
the most prominent example using ontologies.
</p>
<a href="path_to_cv.pdf" class="btn btn-primary" id="get-cv-btn">Get CV</a>
</div>
</div>
</div>
</section><!-- /Hero Section -->
<!-- Research Section -->
<section id="research" class="research section" style="background-color: #edeaea; color: rgb(16, 14, 14); padding: 50px 0;">
<div class="container">
<div class="row gy-6">
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-center text-left">
<h2>Research Interest:</h2>
<ul>
<li>Privacy and security, CPS, AI, HCI, and Theoretical Computer Science</li>
</ul>
</p>
</div>
<div class="col-lg-6 d-flex flex-column justify-content-center align-items-center text-center">
<h2 id="project-internship" style="font-size: 32px; margin-bottom: 20px;">Want to do Project/Internship with me?</h2>
<p style="font-size: 18px; font-family: 'Times New Roman', Times, serif;">
Go over the <a href="opening.html" id="openings-link" style="color: #df2a2a; text-decoration: none;">Openings page</a> to understand the requirements and how it might be.
</p>
</div>
</div>
</div>
</div>
</section><!-- /Research Section -->
</main>
<footer id="footer" class ="footer">
<div class="container">
<div class="social-links d-flex justify-content-center">
<a href="https://scholar.google.com/citations?user=BQMsdlkAAAAJ&hl=en"><i class="bi bi-mortarboard"></i></a>
<a href="https://x.com/its_prakash_"><i class="bi bi-twitter-x"></i></a>
<a href="https://www.facebook.com/way2nc"><i class="bi bi-facebook"></i></a>
<a href="https://www.instagram.com/_its__prakash/"><i class="bi bi-instagram"></i></a>
<a href="https://www.linkedin.com/in/ncprakash/"><i class="bi bi-linkedin"></i></a>
</div>
<div class="row d-flex align-items-center">
<div class="col-lg-6 text-lg-left text-center">
<div class="copyright">
© Copyright <strong>Prakash Neupane</strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/vesperr-free-bootstrap-template/ -->
Adapted from Vesperr Template Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
<div class="col-lg-6">
<nav class="footer-links text-lg-right text-center pt-2 pt-lg-0">
<a href="#">Privacy Policy</a>
</nav>
</div>
</div>
</div>
</footer><!-- End Footer -->
<!-- Scroll Top -->
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Preloader -->
<div id="preloader"></div>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<!-- Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>