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>
Research | 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//research-interest/">
<!-- 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 active">
<a class="nav-link" href="">Research
<span class="sr-only">(current)</span>
</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 ">
<a class="nav-link" href="../gallery/index.html">Gallery
</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">Research</h1>
<p class="post-description"></p>
</header>
<article>
<style>
img{
max-width:100%;
}
@media screen and (min-width:786px){
img{
max-width:100%;
}
}
</style>
<div id="project" class="projects">
<hr>
<h3><b>Sponsored Projects</b></h3>
<div class="container">
<div class="row row-cols-1 row-cols-md-2">
<style>
/* Card Styles */
.cards {
display: flex;
flex-wrap: wrap;
justify-content: left;
flex-direction:column;
margin: 0 auto;
max-width: 1160px;
padding: 0px 20px;
}
.card {
box-shadow: 0 0px 1px rgba(0, 0, 0, 0.10), 0 2px 2px rgba(0, 0, 0, 0.10);
background: #eee;
border-radius: 5px;
overflow: hidden;
margin-bottom: 20px;
width: 100%;
width: 400px; /* Adjust max-width as per your design */
display:flex;
flex-direction:row;
}
.card .card-body {
display: flex;
flex-direction: row;
padding: 20px;
}
.card .card-body header {
margin-bottom: 15px;
}
.card .card-body .title h3 {
font-size: 24px;
line-height: 1.2;
font-weight: bold;
color: #000;
margin: 0.5em 0;
}
.card .card-body .pre-heading {
color: #000;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.card .card-body .meta {
color: #555;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 10px;
}
.card .card-body .chips {
display: flex;
flex-wrap: wrap;
}
.card .card-body .chips .chip {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px;
padding: 5px 12px;
font-size: 12px;
text-transform: uppercase;
color: white;
background-color: #009dff;
border-radius: 25px;
}
.card .featured-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 300px; /* Adjust for your design */
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
/* Responsive Layout */
@media only screen and (min-width: 768px) {
.card {
max-width: 100%;
width: 800px;
}
.cards{
padding: 30px 0px 0px 0px;
}
}
</style>
<ul class="cards">
<li class="card">
<article class="card-body col-md-12">
<header>
<div class="title">
<h3>Device-to-Circuit Integrated Design of ZnO TFT based Pixel Circuits on FLexible Substrates</h3>
</div>
<p class="meta">
<span class="author"><b>Funding Agency : </b>Seed Money Project, IIIT Allahabad</span><br>
<span class="author"><b>Duration : </b>2021-2023</span><br>
<span class="author"><b>Role : </b>PI</span><br>
<span class="author"><b>Approved Funds : </b>9.44 lakhs INR</span><br>
</p>
</header>
<div class="chips">
</div>
</article>
</li>
</ul>
<style>
/* Card Styles */
.cards {
display: flex;
flex-wrap: wrap;
justify-content: left;
flex-direction:column;
margin: 0 auto;
max-width: 1160px;
padding: 0px 20px;
}
.card {
box-shadow: 0 0px 1px rgba(0, 0, 0, 0.10), 0 2px 2px rgba(0, 0, 0, 0.10);
background: #eee;
border-radius: 5px;
overflow: hidden;
margin-bottom: 20px;
width: 100%;
width: 400px; /* Adjust max-width as per your design */
display:flex;
flex-direction:row;
}
.card .card-body {
display: flex;
flex-direction: row;
padding: 20px;
}
.card .card-body header {
margin-bottom: 15px;
}
.card .card-body .title h3 {
font-size: 24px;
line-height: 1.2;
font-weight: bold;
color: #000;
margin: 0.5em 0;
}
.card .card-body .pre-heading {
color: #000;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.card .card-body .meta {
color: #555;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 10px;
}
.card .card-body .chips {
display: flex;
flex-wrap: wrap;
}
.card .card-body .chips .chip {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px;
padding: 5px 12px;
font-size: 12px;
text-transform: uppercase;
color: white;
background-color: #009dff;
border-radius: 25px;
}
.card .featured-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 300px; /* Adjust for your design */
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
/* Responsive Layout */
@media only screen and (min-width: 768px) {
.card {
max-width: 100%;
width: 800px;
}
.cards{
padding: 30px 0px 0px 0px;
}
}
</style>
<ul class="cards">
<li class="card">
<article class="card-body col-md-12">
<header>
<div class="title">
<h3>Nanometer scaled Topological Insulators for future micro and opto electronic applications</h3>
</div>
<p class="meta">
<span class="author"><b>Funding Agency : </b>DST, SERB, Grant No. CRG/2022/000070</span><br>
<span class="author"><b>Duration : </b>2023-2026</span><br>
<span class="author"><b>Role : </b>Co-PI</span><br>
<span class="author"><b>Approved Funds : </b>3256264 Rs</span><br>
</p>
</header>
<div class="chips">
</div>
</article>
</li>
</ul>
<style>
/* Card Styles */
.cards {
display: flex;
flex-wrap: wrap;
justify-content: left;
flex-direction:column;
margin: 0 auto;
max-width: 1160px;
padding: 0px 20px;
}
.card {
box-shadow: 0 0px 1px rgba(0, 0, 0, 0.10), 0 2px 2px rgba(0, 0, 0, 0.10);
background: #eee;
border-radius: 5px;
overflow: hidden;
margin-bottom: 20px;
width: 100%;
width: 400px; /* Adjust max-width as per your design */
display:flex;
flex-direction:row;
}
.card .card-body {
display: flex;
flex-direction: row;
padding: 20px;
}
.card .card-body header {
margin-bottom: 15px;
}
.card .card-body .title h3 {
font-size: 24px;
line-height: 1.2;
font-weight: bold;
color: #000;
margin: 0.5em 0;
}
.card .card-body .pre-heading {
color: #000;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.card .card-body .meta {
color: #555;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 10px;
}
.card .card-body .chips {
display: flex;
flex-wrap: wrap;
}
.card .card-body .chips .chip {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px;
padding: 5px 12px;
font-size: 12px;
text-transform: uppercase;
color: white;
background-color: #009dff;
border-radius: 25px;
}
.card .featured-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 300px; /* Adjust for your design */
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
/* Responsive Layout */
@media only screen and (min-width: 768px) {
.card {
max-width: 100%;
width: 800px;
}
.cards{
padding: 30px 0px 0px 0px;
}
}
</style>
<ul class="cards">
<li class="card">
<article class="card-body col-md-12">
<header>
<div class="title">
<h3>ML Enabled RISC-V based i-LORA SOC for Forest event monitoring</h3>
</div>
<p class="meta">
<span class="author"><b>Funding Agency : </b>Chips to Startup (C2S), Ministry of Electronics & Information Technology</span><br>
<span class="author"><b>Duration : </b>2023-2028</span><br>
<span class="author"><b>Role : </b>Co-CI</span><br>
<span class="author"><b>Approved Funds : </b>96 lakhs INR</span><br>
</p> </header>
<div class="chips">
</div>
</article>
</li>
</ul>
</div>
</div>
<br><br>
</div>
<hr>
<!-- Content -->
<div class="container mt-5" role="main">
<div class="post">
<header class="post-header">
<h1 class="post-title">OTHERS</h1>
<p class="post-description"></p>
</header>
<article>
<style>
img{
max-width:100%;
}
@media screen and (min-width:786px){
img{
max-width:100%;
}
}
</style>
<div id="project" class="projects">
<hr>
<h3><b>Travel Grants/ Awards/ Sponsored Workshops:</b></h3>
<div class="container">
<div class="row row-cols-1 row-cols-md-2">
<style>
/* Card Styles */
.cards {
display: flex;
flex-wrap: wrap;
justify-content: left;
flex-direction:column;
margin: 0 auto;
max-width: 1160px;
padding: 0px 20px;
}
.card {
box-shadow: 0 0px 1px rgba(0, 0, 0, 0.10), 0 2px 2px rgba(0, 0, 0, 0.10);
background: #eee;
border-radius: 5px;
overflow: hidden;
margin-bottom: 20px;
width: 100%;
width: 400px; /* Adjust max-width as per your design */
display:flex;
flex-direction:row;
}
.card .card-body {
display: flex;
flex-direction: row;
padding: 20px;
}
.card .card-body header {
margin-bottom: 15px;
}
.card .card-body .title h3 {
font-size: 24px;
line-height: 1.2;
font-weight: bold;
color: #000;
margin: 0.5em 0;
}
.card .card-body .pre-heading {
color: #000;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.card .card-body .meta {
color: #555;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 10px;
}
.card .card-body .chips {
display: flex;
flex-wrap: wrap;
}
.card .card-body .chips .chip {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px;
padding: 5px 12px;
font-size: 12px;
text-transform: uppercase;
color: white;
background-color: #009dff;
border-radius: 25px;
}
.card .featured-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 300px; /* Adjust for your design */
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
/* Responsive Layout */
@media only screen and (min-width: 768px) {
.card {
max-width: 100%;
width: 800px;
}
.cards{
padding: 30px 0px 0px 0px;
}
}
</style>
<ul class="cards">
<li class="card">
<article class="card-body col-md-12">
<header>
<div class="title">
<p>1. Recipient of <b>ANRF International Travel Scheme</b> (ITS/2025/000326), INR 111503/- for attending AICAS 2025 held in Bordeaux, France.</p>
</div>
</header>
<div class="chips">
</div>
</article>
</li>
</ul>
</style>
<ul class="cards">
<li class="card">
<article class="card-body col-md-12">
<header>
<div class="title">
<p>2. Program Coordinator of a 6-month <b>AICTE QIP-PG program </b> on From Semiconductors to Chips: IC Design Fundamentals (SemChips).</p>
</div>
</header>
<div class="chips">
</div>
</article>
</li>
</ul>
</div>
</div>
<br><br>
</div>
<hr>
<h3><b>Research Interests</b></h3>
<p><br>
<img src="../assets/img/r1.jpg">
<br></p>
<ol>
<li>Analog IC Design: Low power, high speed CMOS Operational Amplifier design, High speed comparators, current references and bandgap reference circuits design.</li>
<li>Mixed Signal Design: Sigma-Delta modulators, DQPSK demodulators, clocked comparators and filp-flops, memory circuit design</li>
<li>Oxide TFTs: Device modelling, transparent electronics, device fabrication, threshold voltage insensitive pixel driver circuitry design.</li>
</ol>
<p><br></p>
<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">
</ol>
<div class="carousel-inner">
<div class="carousel-item">
<img class="d-block w-100" src="../assets/img/r2.jpg" alt="A 10T SRAM Architecture with 40% Enhanced Throughput for IMC Applications Benchmarked with CIFAR-10 Dataset">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="../assets/img/r3.jpg" alt="A 5T-2C Current-biased Voltage-Programmed (CBVP) Pixel circuit for AMOLED Displays">
</div>
<div class="carousel-item active">
<img class="d-block w-100" src="../assets/img/r1.png" alt="Design of DQPSK demodulator for implantable biomedical devices, V. Garg and K. Kandpal, JCSC, 2020">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="../assets/img/r2.png" alt="Design of 6T-1C pixel circuit for flexible displays, A. Srivastava, D. Dubey, M. Goswami, and K. Kandpal, Microelectronics Journal, 2021">
</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>
<p><br><br></p>
</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>