Your IP : 216.73.216.40


Current Path : /var/www/html/ratank.saha/
Upload File :
Current File : /var/www/html/ratank.saha/gallery.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Biomedical Imaging Laboratory, IIIT Allahabad</title>
    <meta name="description" content="Biomedical Imaging Laboratory | IIIT Allahabad">
    <meta name="keywords"
        content="Biomedical Imaging Lab, Learning, Lab,Bio,Ratan K Saha,Ratan Saha, IIIT, Allahabad, Indian Institute of Information Technology, IIIT Allahabad">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstap.min.css" rel="stylesheet"
        integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
    <!-- Favicons
    ================================================== -->
    <link rel="shortcut icon" href="img/logo/iiita.png" type="image/x-icon">
    <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">

    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">

    <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">

    <!-- Owl Carousel -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">

    <!-- Custom Style Sheet -->
    <link rel="stylesheet" href="stylecarosal.css">
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
    <!-- Stylesheet
    ================================================== -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/nivo-lightbox/nivo-lightbox.css">
    <link rel="stylesheet" type="text/css" href="css/nivo-lightbox/default.css">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900" rel="stylesheet">

</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">



    <!--______________________________________________________________________________________________________________________________________-->



    <!-- Navigation-->
    <nav id="menu" class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed " data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span> </button>
                <a class="navbar-brand page-scroll" href="/"><img src="img/logo/iiita.png"
                        style="height:56px;margin-top: -21px;" /></a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="index.html" class="page-scroll">Home</a></li>
                    <li><a href="aboutus.html" class="page-scroll">About</a></li>
                    <li><a href="events.html" class="page-scroll">Events</a></li>
                    <li><a href="publication.html" class="page-scroll">Publications</a></li>
                    <!-- <li><a href="project.html" class="page-scroll">Projects</a></li> -->
                    <li><a href="courses.html" class="page-scroll">Courses</a></li>
                    <li><a href="gallery.html" class="page-scroll">Gallery</a></li>
                    <!--<li><a href="#testimonials" class="page-scroll">Testimonials</a></li>-->
                    <li><a href="team.html" class="page-scroll">Team</a></li>
                    <li><a href="contact.html" class="page-scroll">Contact</a></li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
    </nav>


    <!--______________________________________________________________________________________________________________________________________-->

    <!-- <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/7862811.js"></script> -->

    <!-- Gallery -->
    <div id="team" class="text-center" style="overflow-x: hidden; padding: 0 0">
        <div class="section-title title-banner">
            <h2>Gallery</h2>
          </div>
        <div class="container">
            <!-- <div class="col-md-8 col-md-offset-2 section-title">
                <h2>Gallery</h2>

            </div> -->




            <!--Gallery-->
            <div class="tab-content">
                <div id="home" class="tab-pane fade in active">
                    <!--Row 001-->
                    <div id="row">
                        <div class="col-md-4 col-sm-8 team">
                            <div class="thumbnail"> <img style="height:200px;width:400px" class="img-responsive"
                                    src="img/gallery/gallery1.jpg" alt="..." class="team-img">
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-8 team">
                            <div class="thumbnail"> <img style="height:200px;width:400px" class="img-responsive"
                                    src="img/gallery/gallery2.jpg" alt="..." class="team-img">
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-8 team">
                            <div class="thumbnail"> <img style="height:200px;width:400px" class="img-responsive"
                                    src="img/gallery/gallery3.jpg" alt="..." class="team-img">
                            </div>
                        </div>
                    </div>
                    <div id="row">
                        <div class="col-md-4 col-sm-8 team">
                            <div class="thumbnail"> <img style="height:200px;width:400px" class="img-responsive"
                                    src="img/gallery/gallery5.jpg" alt="..." class="team-img">
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-8 team">
                            
                            <div class="thumbnail"> <img style="height:200px;width:400px" class="img-responsive"
                                    src="img/gallery/gallery9.jpg" alt="..." class="team-img">
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-8 team">
                            <div class="thumbnail"> <img style="height:200px;width:400px" class="img-responsive"
                                    src="img/gallery/gallery6.jpg" alt="..." class="team-img">
                            </div>
                        </div>
                    </div>
                    <div id="row">
                        <div class="col-md-4 col-sm-8 team">
                            <div class="thumbnail"> <img style="height:200px;width:400px" class="img-responsive"
                                    src="img/gallery/gallery7.jpg" alt="..." class="team-img">
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-8 team">
                            <div class="thumbnail"> <img style="height:200px;width:400px" class="img-responsive"
                                    src="img/gallery/Pankaj1.jpeg" alt="..." class="team-img">
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-8 team">
                            <div class="thumbnail"> <img style="height:200px;width:400px" class="img-responsive"
                                    src="img/gallery/Pankaj2.jpeg" alt="..." class="team-img">
                            </div>
                        </div>
                    </div>
                    <div id="row">
                       
                        <div class="col-md-4 col-sm-8 team">
                            <div class="thumbnail"> <img style="height:200px;width:400px" class="img-responsive"
                                    src="img/gallery/gallery8.jpeg" alt="..." class="team-img">
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-8 team">
                            <div class="thumbnail"> <img style="height:200px;width:400px" class="img-responsive"
                                    src="img/gallery/gallery4.jpeg" alt="..." class="team-img">
                            </div>
                        </div>
                        <!-- <div class="col-md-4 col-sm-8 team">
                            <div class="thumbnail"> <img style="height:200px;width:400px" class="img-responsive"
                                    src="img/gallery/gallery4.jpeg" alt="..." class="team-img">
                            </div>
                        </div> -->
                    </div>
                </div>
            </div>


        </div>
    </div>



    <!--______________________________________________________________________________________________________________________________________-->





    <!-- Footer Section -->
    <div id="footer">
        <div class="container text-center">
            <p>&#169; Biomedical Imaging Laboratory, <a href="https://iiita.ac.in" style="color:#888" target="_blank">Indian
                    Institute of Information Technology Allahabad</p>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery.1.11.1.js"></script>
    <script>
        $('#carouselFade').carousel();
    </script>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>


    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/SmoothScroll.js"></script>
    <script type="text/javascript" src="js/nivo-lightbox.js"></script>
    <script type="text/javascript" src="js/jqBootstrapValidation.js"></script>
    <script type="text/javascript" src="js/contact_me.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>

</html>