<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="navbar.css">
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Team | Robotics Club IIT Guwahati</title>
<link rel="icon" href="img/favicon.png" type="image/png">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Mate+SC&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous" />
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="script.js"></script>
<script src="https://kit.fontawesome.com/53e3f996b3.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<style>
.nav div.main_list ul li{
padding-right: 48px !important;
}
</style>
</head>
<body>
<nav class="nav affix fixed-top" >
<div class="container-fluid">
<div class="logo">
<a href="#">
<img src="img/full_logo.png" class="robotics-logo" />
</a>
</div>
<div id="mainListDiv" class="main_list">
<ul class="navlinks" >
<li><a href="index.html">Home</a></li>
<li><a href="project.html">Projects</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="resources.html">Resources</a></li>
<li><a href="alumni.html">Alumni</a></li>
</ul>
</div>
<span class="navTrigger">
<i></i>
<i></i>
<i></i>
</span>
</div>
</nav>
<!--Image Slider-->
<div id="teamSection" class="top">
<div id="slides" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#slides" data-slide-to="0" class="active"></li>
<li data-target="#slides" data-slide-to="1" ></li>
<li data-target="#slides" data-slide-to="2" ></li>
</ol>
<div class="carousel-inner" role="listbox" >
<div class="item active">
<img src="img/pp.jpg" alt="Second slide" style=" width:100%; height: 750px !important;">
<div id="color-overlay">
</div>
</div>
<div class="item">
<img src="img/background_team2.jpg" alt="Second slide" style=" width:100%; height: 750px !important;">
<div id="color-overlay">
</div>
</div>
<div class="item">
<img src="img/background_team3.jpg" alt="Third slide" style=" width:100%; height: 750px !important;">
<div id="color-overlay">
</div>
</div>
</div>
</div>
<div class="text-center bg-text">
<div style="vertical-align: middle;">
<h1 class="banner-heading mb-3">TEAM</h1>
<h3 class="banner-sub-heading mb-3">Meet the Team</h3>
</div>
</div>
<a class="carousel-control-prev" href="#slides" 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="#slides" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<!-- Team Cards -->
<div class="container">
<div class="row">
<div class ="col-12">
<h1 class="alumni-section-title">TEAM</h1>
<h3 class="alumni-section-title">2021-22</h3>
<div class="sep"></div>
</div>
<div class="col-xs-12 col-md-6 col-lg-4">
<div class="team-card-flyer">
<div class="text-box">
<div class="image-box ">
<img src="img/team/Ritik.jpg" alt="" />
</div>
<div class="text-container">
<h6>Ritik Singh</h6>
<p>Secretary</p>
<a href="https://www.linkedin.com/in/ritik-singh-74aa521a8">
<i class="fab fa-linkedin team_icon "></i>
</a>
<a href="https://www.facebook.com/ritik.singh.127">
<i class="fab fa-facebook-f team_icon "></i>
</a>
<a href="mailto:ritik.singh@iitg.ac.in">
<i class="fas fa-envelope team_icon "></i>
</a>
</div>
</div>
</div>
</a>
</div>
<div class="col-xs-12 col-md-6 col-lg-4">
<div class="team-card-flyer">
<div class="text-box">
<div class="image-box">
<img src="img/team/Yash.jpeg" alt="" />
</div>
<div class="text-container">
<h6>Yash Joshi</h6>
<p>PR Head</p>
<a href="https://www.linkedin.com/in/yash-joshi-3457371aa/">
<i class="fab fa-linkedin team_icon"></i>
</a>
<a href="https://www.facebook.com/yashjoshi305">
<i class="fab fa-facebook-f team_icon"></i>
</a>
<a href="mailto:yjoshi@iitg.ac.in">
<i class="fas fa-envelope team_icon"></i>
</a>
</div>
</div>
</div>
</a>
</div>
<div class="col-xs-12 col-md-6 col-lg-4">
<div class="team-card-flyer">
<div class="text-box">
<div class="image-box">
<img src="img/team/nahush (2).jpeg" alt="" />
</div>
<div class="text-container">
<h6>Nahush Bhamre</h6>
<p>Project Manager</p>
<a href="https://www.linkedin.com/in/nahush-bhamre-46408a1a9/">
<i class="fab fa-linkedin team_icon icon-card"></i>
</a>
<a href="https://www.facebook.com/nahush.bhamre.1">
<i class="fab fa-facebook-f team_icon icon-card"></i>
</a>
<a href="mailto:v.nahush@iitg.ac.in">
<i class="fas fa-envelope team_icon icon-card"></i>
</a>
</div>
</div>
</div>
</a>
</div>
<div class="col-xs-12 col-md-6 col-lg-4">
<div class="team-card-flyer">
<div class="text-box">
<div class="image-box">
<img src="img/team/varshith.jpg" alt="" />
</div>
<div class="text-container">
<h6>Varshith Kancharla</h6>
<p>Project Manager</p>
<a href="https://www.linkedin.com/in/vk17/">
<i class="fab fa-linkedin team_icon icon-card"></i>
</a>
<a href="https://www.facebook.com/varshith.kancharla/">
<i class="fab fa-facebook-f team_icon icon-card"></i>
</a>
<a href="mailto:k.varshith@iitg.ac.in">
<i class="fas fa-envelope team_icon icon-card"></i>
</a>
</div>
</div>
</div>
</a>
</div>
<div class="col-xs-12 col-md-6 col-lg-4">
<div class="team-card-flyer">
<div class="text-box">
<div class="image-box">
<img src="img/team/Rakhi.png" alt="" />
</div>
<div class="text-container">
<h6>Sree Rakhi</h6>
<p>Event Manager</p>
<a href="https://www.linkedin.com/in/sreerakhi/">
<i class="fab fa-linkedin team_icon icon-card"></i>
</a>
<a href="https://www.facebook.com/sreerakhi">
<i class="fab fa-facebook-f team_icon icon-card"></i>
</a>
<a href="mailto:kudipudi.sree@iitg.ac.in">
<i class="fas fa-envelope team_icon icon-card"></i>
</a>
</div>
</div>
</div>
</a>
</div>
<div class="col-xs-12 col-md-6 col-lg-4">
<div class="team-card-flyer">
<div class="text-box">
<div class="image-box">
<img src="img/team/Saranyaa 2.png" alt="" />
</div>
<div class="text-container">
<h6>Saranyaa RT</h6>
<p>Event Manager</p>
<a href="https://www.linkedin.com/in/saranyaa-rt-8387311bb/">
<i class="fab fa-linkedin team_icon icon-card"></i>
</a>
<a href="https://www.facebook.com/saranyaa.thiagarajan">
<i class="fab fa-facebook-f team_icon icon-card"></i>
</a>
<a href="mailto:saranyaa.rt@iitg.ac.in">
<i class="fas fa-envelope team_icon icon-card"></i>
</a>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.1/assets/owl.carousel.css">
<link rel="stylesheet" href="https://themes.audemedia.com/html/goodgrowth/css/owl.theme.default.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/material-icons.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.1/owl.carousel.min.js"></script>
<!-- teams -->
<section class="teams" style="width:100%;">
<div class="container">
<h1 class="alumni-section-title">Ex-Secretaries</h1>
<div class="row">
<div class="col-sm-12">
<div id="customers-teams" class="owl-carousel">
<!-- <div class="item">
<div class="shadow-effect">
<img class="img-circle" src="img/" alt="ankurgupta">
<h2>Name</h2>
<p class="title">2020-21</p>
<div class="social-icons" id="teamsocial">
<a class="social-icon social-icon--facebook" id="socialicon">
<img src="https://i.imgur.com/c9JxYPS.png">
</a>
<a class="social-icon social-icon--linkedin" id="socialicon">
<img src="https://i.imgur.com/egfJ4V2.png">
</a>
</div>
</div>
</div> -->
<div class="item">
<div class="shadow-effect">
<img class="img-circle" src="img/ex_secy/himanshu_singh.jpg" alt="ankurgupta">
<h2>Himanshu Singh</h2>
<p class="title">2020-21</p>
<div class="social-icons" id="teamsocial">
<a href="https://www.linkedin.com/in/himanshu1311/">
<i class="fab fa-linkedin tcar_icon "></i>
</a>
<a href="https://www.facebook.com/ritik.singh.127">
<i class="fab fa-facebook-f tcar_icon "></i>
</a>
</div>
</div>
</div>
<div class="item">
<div class="shadow-effect">
<img class="img-circle" src="img/ex_secy/vineet_singla.jpg" alt="ankurgupta">
<h2>Vineet Singla</h2>
<p class="title">2019-20</p>
<div class="social-icons" id="teamsocial">
<a href="https://www.linkedin.com/in/vs13/">
<i class="fab fa-linkedin tcar_icon "></i>
</a>
<a href="https://www.facebook.com/ritik.singh.127">
<i class="fab fa-facebook-f tcar_icon "></i>
</a>
</div>
</div>
</div>
<div class="item">
<div class="shadow-effect">
<img class="img-circle" src="img/ex_secy/apoorva_kumar.jpg" alt="ankurgupta">
<h2>Apoorva Kumar</h2>
<p class="title">2018-19</p>
<div class="social-icons" id="teamsocial">
<a href="https://www.linkedin.com/in/kr17apoorva/">
<i class="fab fa-linkedin tcar_icon icon-card"></i>
</a>
<a href="https://www.facebook.com/cybr.17.crwlr">
<i class="fab fa-facebook-f tcar_icon icon-card"></i>
</a>
</div>
</div>
</div>
<div class="item">
<div class="shadow-effect">
<img class="img-circle" src="img/ex_secy/afzal_ahmad.jpg" alt="ankurgupta">
<h2>Afzal Ahmad</h2>
<p class="title">2017-18</p>
<div class="social-icons" id="teamsocial">
<a href="https://www.linkedin.com/in/afzalhmd/">
<i class="fab fa-linkedin tcar_icon "></i>
</a>
<a href="https://www.facebook.com/afzalhmd14">
<i class="fab fa-facebook-f tcar_icon "></i>
</a>
</div>
</div>
</div>
<div class="item">
<div class="shadow-effect">
<img class="img-circle" src="img/ex_secy/naveen_tripathi.jpg" alt="ankurgupta">
<h2>Naveen Tripathi</h2>
<p class="title">2016-17</p>
<div class="social-icons" id="teamsocial">
<a href="https://www.linkedin.com/in/naveen-tripathi/">
<i class="fab fa-linkedin tcar_icon icon-card"></i>
</a>
<a href="https://www.facebook.com/naveen.tripathi.5055">
<i class="fab fa-facebook-f tcar_icon icon-card"></i>
</a>
</div>
</div>
</div>
<div class="item">
<div class="shadow-effect">
<img class="img-circle" src="img/ex_secy/rishab_jangir.jpg" alt="ankurgupta">
<h2>Rishabh Jangir</h2>
<p class="title">2015-16</p>
<div class="social-icons" id="teamsocial">
<a href="https://www.linkedin.com/in/rishabh-jangir-74b1929b/">
<i class="fab fa-linkedin tcar_icon icon-card"></i>
</a>
<a href="https://www.facebook.com/rishabh.jangir">
<i class="fab fa-facebook-f tcar_icon icon-card"></i>
</a>
</div>
</div>
</div>
<div class="item">
<div class="shadow-effect">
<img class="img-circle" src="img/ex_secy/sushant_jamdar.jpg" alt="ankurgupta">
<h2>Sushant Jamdar</h2>
<p class="title">2014-15</p>
<div class="social-icons" id="teamsocial">
<a href="https://www.linkedin.com/in/sushant-jamdar-89bb9585/">
<i class="fab fa-linkedin tcar_icon "></i>
</a>
<a href="https://www.facebook.com/sushant.jamdar28">
<i class="fab fa-facebook-f tcar_icon "></i>
</a>
</div>
</div>
</div>
<!--Social Icons End Here-->
</div>
</div>
</div>
</div>
<script>
//Team Slider
$('#customers-teams').owlCarousel({
loop: true,
center: true,
items: 3,
margin: 0,
autoplay: true,
dots:true,
autoplayTimeout: 4500,
checkVisibility: true,
responsive: {
0: {
items: 1
},
768: {
items: 2
},
1170: {
items: 3
}
}
});
</script>
</section>
<!-- END OF ex secy -->
<div class='scrolltop'>
<a href="#">
<div class='scroll icon'><i class="fa fa-angle-double-up" aria-hidden="true"></i></div>
</a>
</div>
<div class="wrap" id="Contact">
<h2 class="text-white">Connect with us</h2>
<a class="hover-fx" href="https://www.facebook.com/robotics.iitg">
<i class="fa fa-facebook"></i>
</a>
<a class="hover-fx" href="https://www.instagram.com/roboclubiitg/">
<i class="fa fa-instagram"></i>
</a>
<a class="hover-fx" href="https://www.linkedin.com/company/robotics-club-iitg/mycompany/">
<i class="fa fa-linkedin"></i>
</a>
<a class="hover-fx" href="mailto:roboclub@iitg.ac.in">
<i class="fa fa-envelope"></i>
</a>
<a class="hover-fx" href="https://www.youtube.com/user/RCIITG">
<i class="fab fa-youtube footer-icon"></i>
</a>
<a class="hover-fx" href="tel:6397641853">
<i class="fas fa-phone-alt footer-icon"></i>
</a>
</div>
<script>
$(window).scroll(function() {
if ($(document).scrollTop() > 50) {
$('.nav').addClass('affix');
} else {
$('.nav').removeClass('affix');
}
});
$('.navTrigger').click(function () {
$(this).toggleClass('active');
console.log("Clicked menu");
$("#mainListDiv").toggleClass("show_list");
$("#mainListDiv").fadeIn();
});
</script>
<!--go to top-->
<script>
$(window).scroll(function() {
if ($(this).scrollTop() > 50 ) {
$('.scrolltop:hidden').stop(true, true).fadeIn();
} else {
$('.scrolltop').stop(true, true).fadeOut();
}
});
$(function(){$(".scroll").click(function(){$("html,body").animate({scrollTop:$(".top").offset().top},"1000");return false})})
</script>
</body>
</html>