gallery.html

<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=euc-jp">
	<meta name="description" content="Welcome to the Official IEEE Student Branch BIT Mesra Website. IEEE Student Branch BIT Mesra is a registered student branch under IEEE Region 10 Kolkata Region.">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<meta name="keywords" content="footer, address, phone, icons" />
	<!-- Chrome, Firefox OS and Opera -->
	<meta name="theme-color" content="#00629B">
	<!-- Windows Phone -->
	<meta name="msapplication-navbutton-color" content="#00629B">
	<!-- iOS Safari -->
	<meta name="apple-mobile-web-app-status-bar-style" content="#00629B">
	<title>IEEE | BIT Mesra</title>
  <!-- css -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Poppins:300,400,500,700" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,300,700,800" rel="stylesheet" media="screen">
  <link rel="icon" href="img/ieee-icon.ico">
  <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  <link href="css/style.css" rel="stylesheet" media="screen">
  <link href="color/default.css" rel="stylesheet" media="screen">

  
  <link rel="stylesheet" href="css/jquery.fancybox.min.css">
  <link rel="stylesheet" href="css/gallery.css">

</head>

<body style="overflow-x: hidden;">

    <nav class="navbar navbar-default fixed-to-top" role="navigation" style="display:block">
                <div class="container">
                  <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                      <span class="sr-only">Toggle nav</span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                    </button>
            
                    <!-- Logo text or image -->
        <a class="navbar-brand" href="index.html"><img style="margin: -5px 0;" src="img/ieee-logo-nav.png" alt=""></a>

                  </div>
                  <div class="navigation collapse navbar-collapse navbar-ex1-collapse">
                    <ul class="nav navbar-nav">
                      <li><a href="index.html">Home</a></li>
                      <li><a href="events.html">Events</a></li>
                      <li><a href="workshop.html">Workshops</a></li>
                      <li><a href="megaproject.html">Mega Project</a></li>
                      <li><a href="hackabit.html">Hackabit</a></li>
                      <li><a href="gallery.html">Gallery</a></li>
                      <li><a href="contact.html">Contact Us</a></li>
                    </ul>
                  </div>
                </div>
    </nav>

    <section class="home-section bg-white">
        <div class="container">
                <div class="row">
                        <div class="col-md-offset-2 col-md-8">
                          <div class="section-heading">
                            <h2>Gallery</h2>
                            <div class="heading-line"></div>
                          </div>
                        </div>
                      </div>
            <div class="row wow fadeInUp">
                    <div class="content">
                            <a data-fancybox="gallery" href="img/gallery/gallery (1).jpg"><img src="img/gallery/gallery (1).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (2).jpg"><img src="img/gallery/gallery (2).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (3).jpg"><img src="img/gallery/gallery (3).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (4).jpg"><img src="img/gallery/gallery (4).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (5).jpg"><img src="img/gallery/gallery (5).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (6).jpg"><img src="img/gallery/gallery (6).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (7).jpg"><img src="img/gallery/gallery (7).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (8).jpg"><img src="img/gallery/gallery (8).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (9).jpg"><img src="img/gallery/gallery (9).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (10).jpg"><img src="img/gallery/gallery (10).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (11).jpg"><img src="img/gallery/gallery (11).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (12).jpg"><img src="img/gallery/gallery (12).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (13).jpg"><img src="img/gallery/gallery (13).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (14).jpg"><img src="img/gallery/gallery (14).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (15).jpg"><img src="img/gallery/gallery (15).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (16).jpg"><img src="img/gallery/gallery (16).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (17).jpg"><img src="img/gallery/gallery (17).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (18).jpg"><img src="img/gallery/gallery (18).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (19).jpg"><img src="img/gallery/gallery (19).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (20).jpg"><img src="img/gallery/gallery (20).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (21).jpg"><img src="img/gallery/gallery (21).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (22).jpg"><img src="img/gallery/gallery (22).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (23).jpg"><img src="img/gallery/gallery (23).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (24).jpg"><img src="img/gallery/gallery (24).jpg" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (25).JPG"><img src="img/gallery/gallery (25).JPG" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (26).JPG"><img src="img/gallery/gallery (26).JPG" alt="image"></a>
                            <a data-fancybox="gallery" href="img/gallery/gallery (27).JPG"><img src="img/gallery/gallery (27).JPG" alt="image"></a>
                            

                          </div>
            </div>
  </section>


  <!-- Bottom widget -->
  <section id="bottom-widget" class="home-section bg-white">
    <div class="container">
      <div class="row">
        <h2>IEEE | BIT Mesra</h2>
        <h5>Student Branch Code: STB32081</h5>
      </div>
      <br>
      <div class="row">
        <div class="col-md-4">
          <div class="contact-widget wow bounceInLeft">
            <i class="fa fa-map-marker fa-4x"></i>
            <h5>Address</h5>
            <p>
              Birla Institute of Technology, Mesra<br/>Ranchi, Jharkhand 835215
            </p>
          </div>
        </div>
        <div class="col-md-4">
          <div class="contact-widget wow bounceInUp">
            <i class="fa fa-phone fa-4x"></i>
            <h5>Call</h5>
            <p>
              +91 800 283 3738

            </p>
          </div>
        </div>
        <div class="col-md-4">
          <div class="contact-widget wow bounceInRight">
            <i class="fa fa-envelope fa-4x"></i>
            <h5>Email us</h5>
            <p>
              <a href="mailto:contact@ieeebitmesra.in">contact@ieeebitmesra.in</a>
            </p>
          </div>
        </div>
      </div>
      <div class="row mar-top30">
        <div class="col-md-12">
          <h5>We're on social networks</h5>
          <ul class="social-network">
            <li><a href="https://www.facebook.com/ieeebitmesra/">
                <span class="fa-stack fa-2x">
                  <i class="fa fa-circle fa-stack-2x"></i>
                  <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
                </span></a>
            </li>
            <li><a href="#">
                <span class="fa-stack fa-2x">
                  <i class="fa fa-circle fa-stack-2x"></i>
                  <i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
                </span></a>
            </li>
            <li><a href="mailto:contact@ieeebitmesra.in" target="_blank" >
                <span class="fa-stack fa-2x">
                  <i class="fa fa-circle fa-envelope fa-2x"></i>
                  <i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
                </span></a>
            </li>
           
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer>
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <p>Copyright &copy; 2019</p>
          <div class="credits">
           
          </div>
        </div>
      </div>
    </div>
  </footer>

  <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
  <!-- js -->
  <script src="js/jquery.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/wow.min.js"></script>
  <script src="js/jquery.scrollTo.min.js"></script>
  <script src="js/jquery.nav.js"></script>
  <script src="js/modernizr.custom.js"></script>
  <script src="js/grid.js"></script>
  <script src="js/stellar.js"></script>
  <script src="js/jquery.fancybox.min.js"></script>

  <!-- Template Custom Javascript File -->
  <script src="js/custom.js"></script>
  <script>
    	/*Refer fancybox javascript. To learn more about fancybox Google it. Was tired to write own js XOXO*/
        $('[data-fancybox]').fancybox({
            loop: true,
            buttons: [
            "zoom",
            "share",
            "slideShow",
            "fullScreen",
            "download",
            "close"
        ],
        animationEffect: "zoom-in-out",
        animationDuration: 650,
        transitionEffect: "zoom-in-out",
        transitionDuration: 650
        });
    </script>


</body>

</html>