Your IP : 216.73.216.40
<!DOCTYPE html>
<html lang="en">
<!-- Head -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Metadata, OpenGraph and Schema.org -->
<!-- Standard metadata -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>
Gallery | Kavindra Kandpal
</title>
<meta name="author" content="<b>Kavindra</b> <b>Kandpal</b>">
<meta name="description" content="A simple, whitespace theme for academics. Based on [*folio](https://github.com/bogoli/-folio) design.
">
<meta name="keywords" content="jekyll, jekyll-theme, academic-website, portfolio-website">
<!-- Bootstrap & MDB -->
<link rel="stylesheet" href="../assets/css/bootstrap.min.css?a4b3f509e79c54a512b890d73235ef04">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdbootstrap@4.20.0/css/mdb.min.css" integrity="sha256-jpjYvU3G3N6nrrBwXJoVEYI/0zw8htfFnhT9ljN3JJw=" crossorigin="anonymous">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- Academic Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
<!-- Bootstrap Table -->
<!-- Fonts & Icons -->
<link defer rel="stylesheet" href="../assets/css/academicons.min.css?f0b7046b84e425c55f3463ac249818f5">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha384-k6RqeWeci5ZR/Lv4MR0sA0FfDOM13bqlL2ael7RRSa1pThv1E2wVkLuvhXbJtlgI" crossorigin="anonymous">
<link defer rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:100,300,400,500,700|Material+Icons&display=swap">
<!-- Code Syntax Highlighting -->
<link defer rel="stylesheet" href="../assets/css/jekyll-pygments-themes-github.css?591dab5a4e56573bf4ef7fd332894c99" media="" id="highlight_theme_light">
<!-- Styles -->
<!-- pseudocode -->
<link rel="shortcut icon" href="data:image/svg+xml,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20100%20100%22><text%20y=%22.9em%22%20font-size=%2290%22>%E2%9A%9B%EF%B8%8F</text></svg>">
<link rel="stylesheet" href="../assets/css/main.css?d41d8cd98f00b204e9800998ecf8427e">
<link rel="canonical" href="https://profile.iiita.ac.in/kavindra/kk/p//gallery/">
<!-- Dark Mode -->
<script src="../assets/js/theme.js?9a0c749ec5240d9cda97bc72359a72c0"></script>
<!-- GeoJSON support via Leaflet -->
<!-- diff2html -->
</head>
<!-- Body -->
<body class="fixed-top-nav ">
<!-- Header -->
<header>
<!-- Nav Bar -->
<nav id="navbar" class="navbar navbar-light navbar-expand-sm fixed-top" role="navigation">
<div class="container">
<a class="navbar-brand title font-weight-lighter" href="../index.html"><b>
Kavindra Kandpal
</b></a>
<!-- Navbar Toggle -->
<button class="navbar-toggler collapsed ml-auto" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar top-bar"></span>
<span class="icon-bar middle-bar"></span>
<span class="icon-bar bottom-bar"></span>
</button>
<div class="collapse navbar-collapse text-left" id="navbarNav">
<ul class="navbar-nav mr-auto flex-nowrap">
<!-- About -->
<li class="nav-item ">
<a class="nav-link" href="../index.html">About
</a>
</li>
<!-- Other pages -->
<li class="nav-item ">
<a class="nav-link" href="../publications/index.html">Publications
</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="../teaching/index.html">Teaching
</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="../research-interest/index.html">Research
</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="../people/index.html">People
</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="../news/index.html">News
</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="../achievements/index.html">Achievements
</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="">Gallery
<span class="sr-only">(current)</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Scrolling Progress Bar -->
<progress id="progress" value="0">
<div class="progress-container">
<span class="progress-bar"></span>
</div>
</progress>
</header>
<!-- Content -->
<div class="container mt-5" role="main">
<div class="post">
<header class="post-header">
<h1 class="post-title">Gallery</h1>
<p class="post-description"></p>
</header>
<article>
<style>
.img-fixed-height {
height: 300px;
object-fit: cover;
}
.gallery-row {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.gallery-item {
flex: 0 0 50%;
padding: 10px;
box-sizing: border-box;
align-items:center;
display:flex;
justify-content:center;
flex-direction:column;
}
</style>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active">
<li data-target="#carouselExampleIndicators" data-slide-to="1" class="">
<li data-target="#carouselExampleIndicators" data-slide-to="2" class="">
<li data-target="#carouselExampleIndicators" data-slide-to="3" class="">
<li data-target="#carouselExampleIndicators" data-slide-to="4" class="">
<li data-target="#carouselExampleIndicators" data-slide-to="5" class="">
<li data-target="#carouselExampleIndicators" data-slide-to="6" class="">
<li data-target="#carouselExampleIndicators" data-slide-to="7" class="">
<li data-target="#carouselExampleIndicators" data-slide-to="8" class="">
<li data-target="#carouselExampleIndicators" data-slide-to="9" class="">
<li data-target="#carouselExampleIndicators" data-slide-to="10" class="">
<li data-target="#carouselExampleIndicators" data-slide-to="11" class="">
<li data-target="#carouselExampleIndicators" data-slide-to="12" class="">
<li data-target="#carouselExampleIndicators" data-slide-to="13" class="">
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="../assets/img/gallery/sem.JPG" alt="SemChips(July-Dec) 2025">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">SemChip(July-Dec) 2025</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/stp.jpeg" alt="STPVD 2025">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">STPVD 2025</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/con.jpg" alt="AICAS 2025">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">AICAS 2025</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/15.jpeg" alt="INDICON 2024">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">INDICON 2024</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/1.jpg" alt="STPVD 2024">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">STPVD 2024</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/2.jpg" alt="STPVD 2024">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">STPVD 2024</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/3.jpg" alt="STPVD 2024">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">STPVD 2024</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/4.jpg" alt="STPVD 2024">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">STPVD 2024</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/5.jpg" alt="Convocation 2023">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">Convocation 2023</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/6.jpg" alt="Convocation 2023">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">Convocation 2023</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/7.jpg" alt="IEEE WRAP 2023">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">IEEE WRAP 2023</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/8.jpg" alt="IEEE WRAP 2023">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">IEEE WRAP 2023</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/9.jpg" alt="IEEE WRAP 2023">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">IEEE WRAP 2023</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/10.jpg" alt="STPVD 2023">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">STPVD 2023</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/11.jpg" alt="STPVD 2023">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">STPVD 2023</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/12.jpg" alt="STPVD 2023">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">STPVD 2023</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/13.jpg" alt="Distinguished lecture at Barcelona, March 2023">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">Distinguished lecture at Barcelona, March 2023</h5>
</div>
</div>
<div class="carousel-item ">
<img class="d-block w-100" src="../assets/img/gallery/14.jpg" alt="15th Aug. 2022">
<div class="carousel-caption d-none d-md-block" style="margin-top:80vh">
<h5 style="color:#b509ac; font-weight:bold; font-size:50px">15th Aug. 2022</h5>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</article>
</div>
</div>
<!-- Footer -->
<footer class="fixed-bottom" role="contentinfo">
<div class="container mt-0">
© Copyright 2024
<b>Kavindra</b>
<b>Kandpal</b>. Created by <a href="https://www.linkedin.com/in/lavish-meena" rel="external nofollow noopener" target="_blank">Lavish Meena</a> & <a href="https://www.linkedin.com/in/oshanki-priya-8a9729244/" rel="external nofollow noopener" target="_blank">Oshanki Priya</a>.
</div>
</footer>
<!-- JavaScripts -->
<!-- jQuery -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<!-- Bootsrap & MDB scripts -->
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<!-- <script src="../assets/js/mdb.min.js"></script> -->
<script src="https://cdn.jsdelivr.net/npm/mdbootstrap@4.20.0/js/mdb.min.js" integrity="sha256-NdbiivsvWt7VYCt6hYNT3h/th9vSTL4EDWeGs5SN3DA=" crossorigin="anonymous"></script>
<!-- Masonry & imagesLoaded -->
<script defer src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha256-Nn1q/fx0H7SNLZMQ5Hw5JLaTRZp0yILA/FRexe19VdI=" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/imagesloaded@5.0.0/imagesloaded.pkgd.min.js" integrity="sha256-htrLFfZJ6v5udOG+3kNLINIKh2gvoKqwEhHYfTTMICc=" crossorigin="anonymous"></script>
<script defer src="../assets/js/masonry.js" type="text/javascript"></script>
<!-- Medium Zoom JS -->
<script defer src="https://cdn.jsdelivr.net/npm/medium-zoom@1.1.0/dist/medium-zoom.min.js" integrity="sha256-ZgMyDAIYDYGxbcpJcfUnYwNevG/xi9OHKaR/8GK+jWc=" crossorigin="anonymous"></script>
<script defer src="../assets/js/zoom.js?85ddb88934d28b74e78031fd54cf8308"></script>
<!-- Bootstrap Table -->
<!-- Load Common JS -->
<script src="../assets/js/no_defer.js?2781658a0a2b13ed609542042a859126"></script>
<script defer src="../assets/js/common.js?e0514a05c5c95ac1a93a8dfd5249b92e"></script>
<script defer src="../assets/js/copy_code.js?12775fdf7f95e901d7119054556e495f" type="text/javascript"></script>
<!-- Jupyter Open External Links New Tab -->
<script defer src="../assets/js/jupyter_new_tab.js?d9f17b6adc2311cbabd747f4538bb15f"></script>
<script async src="https://d1bxh8uas1mnw7.cloudfront.net/assets/embed.js"></script>
<script async src="https://badge.dimensions.ai/badge.js"></script>
<!-- MathJax -->
<script type="text/javascript">
window.MathJax = {
tex: {
tags: 'ams',
},
};
</script>
<script defer type="text/javascript" id="MathJax-script" src="https://cdn.jsdelivr.net/npm/mathjax@3.2.0/es5/tex-mml-chtml.min.js" integrity="sha256-rjmgmaB99riUNcdlrDtcAiwtLIojSxNyUFdl+Qh+rB4=" crossorigin="anonymous"></script>
<script defer src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=es6" crossorigin="anonymous"></script>
<!-- Scrolling Progress Bar -->
<script type="text/javascript">
/*
* This JavaScript code has been adapted from the article
* https://css-tricks.com/reading-position-indicator/ authored by Pankaj Parashar,
* published on the website https://css-tricks.com on the 7th of May, 2014.
* Couple of changes were made to the original code to make it compatible
* with the `al-foio` theme.
*/
const progressBar = $('#progress');
/*
* We set up the bar after all elements are done loading.
* In some cases, if the images in the page are larger than the intended
* size they'll have on the page, they'll be resized via CSS to accomodate
* the desired size. This mistake, however, breaks the computations as the
* scroll size is computed as soon as the elements finish loading.
* To account for this, a minimal delay was introduced before computing the
* values.
*/
window.onload = function () {
setTimeout(progressBarSetup, 50);
};
/*
* We set up the bar according to the browser.
* If the browser supports the progress element we use that.
* Otherwise, we resize the bar thru CSS styling
*/
function progressBarSetup() {
if ('max' in document.createElement('progress')) {
initializeProgressElement();
$(document).on('scroll', function () {
progressBar.attr({ value: getCurrentScrollPosition() });
});
$(window).on('resize', initializeProgressElement);
} else {
resizeProgressBar();
$(document).on('scroll', resizeProgressBar);
$(window).on('resize', resizeProgressBar);
}
}
/*
* The vertical scroll position is the same as the number of pixels that
* are hidden from view above the scrollable area. Thus, a value > 0 is
* how much the user has scrolled from the top
*/
function getCurrentScrollPosition() {
return $(window).scrollTop();
}
function initializeProgressElement() {
let navbarHeight = $('#navbar').outerHeight(true);
$('body').css({ 'padding-top': navbarHeight });
$('progress-container').css({ 'padding-top': navbarHeight });
progressBar.css({ top: navbarHeight });
progressBar.attr({
max: getDistanceToScroll(),
value: getCurrentScrollPosition(),
});
}
/*
* The offset between the html document height and the browser viewport
* height will be greater than zero if vertical scroll is possible.
* This is the distance the user can scroll
*/
function getDistanceToScroll() {
return $(document).height() - $(window).height();
}
function resizeProgressBar() {
progressBar.css({ width: getWidthPercentage() + '%' });
}
// The scroll ratio equals the percentage to resize the bar
function getWidthPercentage() {
return (getCurrentScrollPosition() / getDistanceToScroll()) * 100;
}
</script>
<script src="../assets/js/vanilla-back-to-top.min.js?f40d453793ff4f64e238e420181a1d17"></script>
<script>
addBackToTop();
</script>
<script src="../assets/js/shortcut-key.js"></script>
</body>
</html>