megaproject.html

<!DOCTYPE html>
<html>


<head><meta http-equiv="Content-Type" content="text/html; charset=euc-jp">
  
<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=Montserrat:400,700|Open+Sans:400,300,700,800" rel="stylesheet" media="screen">
  <link rel="icon" href="img/ieee-icon.ico">
  <link href='https://fonts.googleapis.com/css?family=Aleo' rel='stylesheet'>
  <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/down-button.css">
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
  <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>

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


</head>

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

  <!-- Navigation -->
  <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="lead.html"> L.E.A.D </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 id="intro">
    <div class="intro-container">
      <div id="introCarousel" class="carousel slide carousel-fade" data-ride="carousel">
        <div class="carousel-inner" role="listbox">
          
          <div class="item active">
            <div class="carousel-background"><img src="https://media.giphy.com/media/xTiTnxpQ3ghPiB2Hp6/giphy.gif" alt=""></div>
            <div class="carousel-container">
              <div class="carousel-content">
                <!-- <h2 style="margin-bottom: 0px;" class="animated fadeInDown"><img class="title-img"  src="img/ieee-logo.png" alt="IEEE Logo"></h2> -->
                <a href="https://www.teqfocus.com/"><img src="img/mega-pro/sponsors/Teqfocus new logo.jpg" id="tqfocus" height="17%" width="17%"></a>
                <h3 style="color:white; font-weight: bolder; font-family: Aleo;" class=" title-text animated fadeInUp">PRESENTS</h3>
                <h2 style="color:white; font-weight: bolder; font-size: xx-large;" class="title-text animated fadeInUp">MEGA PROJECT - 4.1</h2>
                <h3 style="color:white; font-weight: bolder; font-family: Aleo;" class=" title-text animated fadeInUp"><img src="img/mega-pro/calendar.png" height="2%" width="4%">  13 Dec - <a class="register" href="http://bit.ly/ieee-mega-project">Register Now</a></h3>
                <h4 style="color:white; font-weight: normal; text-transform: uppercase;" class=" title-text animated fadeInUp">Co presented by</h4>
                <h6 style="color:white; font-weight: normal;" class=" title-text animated fadeInUp ">
                  <a href="https://www.codingninjas.com/"><img src="img/mega-pro/sponsors/codingninjas.jpeg" id="cninja-intro" height="8%" width="8%"></a>
                  
                </h6>
                
                <!-- <a href="#about" class="animated fadeInUp btn-get-started scroll_down" id="scroll_down"></a> -->
              </div>
            </div>
          </div>
          

        </div>

      </div>
    </div>
  </section><!-- #intro -->

  <!-- -------gallery -->

    
  <!-- About -->
  <section id="about" class="home-section">
    <div class="container">
      <div class="row">
        <div class="col-md-offset-2 col-md-8">
          <div class="section-heading">
            <h2>ABOUT THE EVENT</h2>
            <div class="heading-line"></div>
          </div>
        </div>
      </div>
      <div class="row wow fadeInUp">
        <div class="col-md-6 about-img">
          <img src="img/mega.jpg" alt="megaproject">
        </div>

        <div class="col-md-6 content">
          <h2>A symposium to encourage students to make projects that have the capability to change something. </h2>
          <h3>The event was made open for
                students across all batches and branches. Students worked on a project in groups of at
                most three and then presented it in the symposium- the final project display round. The
                projects were from various domains like programming, robotics, graphics designing, etc.
                The best projects were given certificates and goodies to appreciate their efforts and encourage them.</h3>
          <p>
           
          </p>
        </div>
      </div>
    </div>
  </section>


  <section class="prize-section" style="background-color: rgb(236, 225, 225); ">
    
    <div class="section-title">
      <h1 class="container" style="padding:10px; padding-top: 20px; color: #fff;">PRIZES</h1>
    </div>

    <!-- <div class="temp"><img src="img/mega-pro/coming-soon.gif" style="height: 40%; width: 80%;"></div> -->
     <br><br>
    <div class="prize-grid">
         
          <div class="card" id="_2nd">
            <div class="card-body">
                <p class="card-text" style="padding-top: 10%;">
                    <center style="padding-top: 10%; padding-bottom: 15%;">
                        <img src="img/mega-pro/2nd.png" class="img-fluid img" style="width: 75%;">
                        <br><br>
                        <p style="font-weight: bolder; font-size: 20px">&#x20B9;  3000 <br> + <br> Goodies <br> + <br> Discount Coupons <br></p>
                    </center>
                </p>
                <h5 class="card-title"
                    style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%; margin-bottom: 10%;">
                    <center>1st RUNNER UP</center>
                </h5>
            </div>
        </div>

        <div class="card" id="_1st">
          <div class="card-body">
              <p class="card-text" style="padding-top: 10%;">
                  <center style="padding-top: 10%; padding-bottom: 15%;">
                      <img src="img/mega-pro/1st.png" class="img-fluid img" style="width: 75%;">
                      <br><br>
                      <p style="font-weight: bolder; font-size:x-large; font-family:sans-serif;">&#x20B9; 4000 <br> + <br> Goodies <br> + <br> Discount Coupons <br> </p>
                  </center>
              </p>
              <h5 class="card-title"
                  style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%; margin-bottom: 10%; ">
                  <center>WINNER</center>
              </h5>
          </div>
      </div>

        <div class="card" id="_3rd">
          <div class="card-body">
            
              <p class="card-text" style="padding-top: 10%;">
                  <center style="padding-top: 10%; padding-bottom: 15%;">
                      <img src="img/mega-pro/3rd.png" class="img-fluid img" style="width: 75%;">
                      <br><br>
                      <p style="font-weight: bolder; font-size:larger;">&#x20B9; 2000 <br> + <br> Goodies <br> + <br> Discount Coupons <br></p>
                  </center>
              </p>
              <h5 class="card-title"
                  style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%;">
                  <center>2nd RUNNER UP</center>
              </h5>
          </div>
      </div>
    </div>
    <br><br><br>
    <div class="other-prizes">

      <div class="card" id="gfg_1">
        <div class="card-body">
            <p class="card-text" style="padding-top: 10%;">
                <center style="padding-top: 10%; padding-bottom: 15%;">
                    <img src="img/mega-pro/gift-green.png" class="img-fluid img" style="width: 60%;">
                    <br><br>
                    <p style="font-weight: bolder; font-size: 20px; letter-spacing: 0em;"><br> Amazon SDE <br><br> Test Series <br><br> to <br><br> Top 5 teams </p>
                </center>
            </p>
            <h5 class="card-title"
                style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%; margin-bottom: 10%;">
                <center>GEEKS FOR GEEKS</center>
            </h5>
          </div>
      </div>
       
          <div class="card" id="cdblocks_cp">
            <div class="card-body">
                <p class="card-text" style="padding-top: 10%;">
                    <center style="padding-top: 5%; padding-bottom: 5%;">
                        <img src="img/mega-pro/gift-card.png" class="img-fluid img" style="width: 50%;">
                        <br><br>
                        <p style="font-weight: bolder; font-size: 20px"><br> Discount Coupons <br> to <br><br> Top 3 Teams <br><br> on Coding Blocks <br> Courses</p>
                    </center>
                </p>
                <h5 class="card-title"
                    style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 20%; margin-bottom: 0%;">
                    <center>CODING BLOCKS</center>
                </h5>
              </div>
          </div>

          <div class="card" id="gfg_2">
            <div class="card-body">
                <p class="card-text" style="padding-top: 10%;">
                    <center style="padding-top: 10%; padding-bottom: 15%;">
                        <img src="img/mega-pro/gift-128.png" class="img-fluid img" style="width: 60%;">
                        <br><br>
                        <p style="font-weight: bolder; font-size: 20px; letter-spacing: 0em;"> Coupons <br> + <br> Discount Vouchers <br><br> On All <br> GeeksForGeeks <br> Courses To All Participants</to></p>
                    </center>
                </p>
                <h5 class="card-title"
                    style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%; margin-bottom: 10%;">
                    <center>GEEKS FOR GEEKS</center>
                </h5>
              </div>
          </div>
      
          <div class="card" id="psyber_1">
            <div class="card-body">
                <p class="card-text" style="padding-top: 10%;">
                    <center style="padding-top: 5%; padding-bottom: 5%;">
                        <img src="img/mega-pro/purple-ribbon.png" class="img-fluid img" style="width: 50%;">
                        <br><br>
                        <p style="font-weight: bolder; font-size: 20px"> Discount Coupons <br><br> To <br><br> All Participants <br><br> On <br><br> PsyberDuck Services</p>
                    </center>
                </p>
                <h5 class="card-title"
                    style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%; margin-bottom: 10%;">
                    <center>PSYBERDUCK</center>
                </h5>
              </div>
          </div>

          <div class="card" id="cninja_cp">
            <div class="card-body">
                <p class="card-text" style="padding-top: 10%;">
                    <center style="padding-top: 5%; padding-bottom: 5%;">
                        <img src="img/mega-pro/gift-box.png" class="img-fluid img" style="width: 50%;">
                        <br><br>
                        <p style="font-weight: bolder; font-size: 20px"> Discount Vouchers <br><br> To <br><br> All The Teams <br><br> on Coding Ninjas <br><br> Courses</p>
                    </center>
                </p>
                <h5 class="card-title"
                    style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%; margin-bottom: 10%;">
                    <center>CODING NINJAS</center>
                </h5>
              </div>
          </div>

          <div class="card" id="psyber_2">
            <div class="card-body">
                <p class="card-text" style="padding-top: 10%;">
                    <center style="padding-top: 5%; padding-bottom: 5%;">
                        <img src="img/mega-pro/surprise.png" class="img-fluid img" style="width: 50%;">
                        <br><br>
                        <p style="font-weight: bolder; font-size: 20px"> Personalized <br><br> Codomains <br><br> with <br><br> PsyberDuck Extension <br><br> for Winners </p>
                    </center>
                </p>
                <h5 class="card-title"
                    style="background-color: #ff1745EE; color: #fff; padding: 5%; margin-top: 3%; margin-bottom: 10%;">
                    <center>PSYBERDUCK</center>
                </h5>
              </div>
          </div>

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

  <section class="photo-section" style="background-color:rgb(255, 255, 255);">
    <div class="container">
            <div class="row">
                    <div class="col-md-offset-2 col-md-8">
                      <div class="section-heading">
                        <h2>MOMENT CAPTURES</h2>
                        <div class="heading-line"></div>
                      </div>
                    </div>
                  </div>
        <div class="row wow fadeInUp">
                <div class="content">
                        <a data-fancybox="gallery" href="img/mega-pro/gallery/1.jpg"><img src="img/mega-pro/gallery/1.jpg" alt="image"></a>
                        <a data-fancybox="gallery" href="img/mega-pro/gallery/2.jpg"><img src="img/mega-pro/gallery/2.jpg" alt="image"></a>
                        <a data-fancybox="gallery" href="img/mega-pro/gallery/3.jpg"><img src="img/mega-pro/gallery/3.jpg" alt="image"></a>
                        <a data-fancybox="gallery" href="img/mega-pro/gallery/4.jpg"><img src="img/mega-pro/gallery/4.jpg" alt="image"></a>
                        <a data-fancybox="gallery" href="img/mega-pro/gallery/5.jpg"><img src="img/mega-pro/gallery/5.jpg" alt="image"></a>
                        <a data-fancybox="gallery" href="img/mega-pro/gallery/6.JPG"><img src="img/mega-pro/gallery/6.JPG" alt="image"></a>
                        <a data-fancybox="gallery" href="img/mega-pro/gallery/7.jpg"><img src="img/mega-pro/gallery/7.jpg" alt="image"></a>
                        
                        
                      </div>
        </div>
</section>


  <section class="sponsors" style="background-color: rgb(236, 225, 225);" >
      <div class="container">
        <div class="row">
          <div class="col-md-offset-2 col-md-8">
            <div class="section-heading">
              <h2>OUR SPONSORS</h2>
              <div class="heading-line"></div>
            </div>
          </div>
        </div>

         <h6 class="text-center mgt50px mb-5 sponsor-title"><span
          style="border-style: solid; border-width: 3px; padding: 3px;">TITLE SPONSORS</span></h6>
            <center>
              <a href="https://www.teqfocus.com/" target="_blank"><img
                src="img/mega-pro/sponsors/TeqFocus_SVG.svg" alt="TeqFocus"
                    id="tqfocus_svg" ></a>
            </center>
        </div> 
        
        <br>
        <h6 class="text-center mgt50px mb-5 sponsor-title"><span
          style="border-style: solid; border-width: 3px; padding: 3px;">ASSOCIATE SPONSORS</span></h6>
          
          <div class="associate-sponsors">
          <center>
              
                  <a href="https://www.codingninjas.com/" target="_blank"><img
                          src="img/mega-pro/sponsors/codingninja.svg" alt="Coding Ninjas"
                          class="sponsor-image"></a>
            </center>
          </div>  
              <br>
              <br>
             
            <h6 class="text-center mgt50px mb-5 sponsor-title"><span
              style="border-style: solid; border-width: 3px; padding: 3px;">KILOBYTE SPONSORS</span></h6>
              
              <div class="kilobyte-sponsors" >
              
                  
                      <a href="https://codingblocks.com/" target="_blank"><img
                                src="img/mega-pro/sponsors/cb_grey.png" alt="Coding Blocks"
                                id="coding-block_id"></a>
                
                  
                    <a href="https://www.geeksforgeeks.org/" target="_blank"><img
                              src="img/mega-pro/sponsors/gfg.png" alt="GeeksforGeeks"
                              id="gfg_id"></a>
                    
                    <a href="https://psyberduck.com/" target="_blank"><img
                             src="img/mega-pro/sponsors/psyber.png" alt="PsyberDuck"
                             id="psyberduck_id"></a>
                
              </div>  
           <br>
          <br>          
  </section>

  <section id="portfolio" 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>PAST PROJECTS</h2>
                <div class="heading-line"></div>
                <p>There were some great projects, but these projects were something different.</p>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-12">
    
            <ul id="og-grid" class="og-grid">
              <li>
                  <a href="https://github.com/KevinMathewT/Chatbot-Tensorflow" data-largesrc="img/project/1.jpg" data-title="ChatBot -Kevin Mathew" data-description="A Chatbot is an Artificial Intelligence which is designed to mimic how a person would behave as a conversational partner. For this project, a Seq2Seq model with Embedding and Attention Mechanism was used, which is the backbone of Google Translate. The model learnt how to reply from a dataset of over 48,000 fictional conversations from over 600 movies. For the end product, the Deep Learning model was integrated with WhatsApp and had the ability to reply to messages coming from any source to the user's mobile device.">
                    <button class="accordion">ChatBot</button>
                  </a>
                </li>
              <li>
                  <a href="https://github.com/rpuneet/Project-Handler?files=1" data-largesrc="img/project/2.png" data-title="Project Handler - Puneet Rai" data-description="Project Handler is a project organizing software which can help you keep track of your project, how much work is done? What is there that has to be done? Who is working on which part of the project? It supports multiple users, so multiple users can contribute to a single project. The software also stores each update to the project using git and makes it easier to go to any previous state if a problem arises. You can create, organize, manage and contribute to different projects.">
                    <button class="accordion">Project Handler</button>
                  </a>
                </li>
              <li>
                  <a href="https://github.com/shiksha11/Jarvis4downloads" data-largesrc="img/project/3.jpg" data-title="File Path Finder - Shiksha Rawat" data-description="I developed a python based software to find paths of different files.This software takes file name as input from the user and displays it's location as output. One can get the output even when the file name is misspelled, incomplete or words are not in proper order. File path can be found even by using words from the body of the file as input. Input can be given in Audio form too. I used Python modules like tkinter, pyaudio, csv,docx and pypdf2.">
                    <button class="accordion">File Path Finder</button>
                  </a>
                </li>
              <li>
                  <a href="https://github.com/ygyash/PC-to-Phone-Transfer-using-QR-Code" data-largesrc="img/project/4.jpg" data-title="Share files using QR code - Yash Goyal" data-description="In order to easily transfer a file from web to any platform that reads a QR code, this project creates a link for the file and creates a QR code of the link. This link can be scanned through the QR scanner. The catch here is that the server and the device should be on the same network to download the file. Node.js has been used to create back-end of this project. Node module 'formidable' was used to upload the file on the server. An API was used to generate the QR code of the link. Bootstrap template 'Grayscale' has been used for front end.">
                    <button class="accordion">Share files using QR code</button>
                  </a>
                </li>
              <li>
                  <a href="#" data-largesrc="img/project/5.jpg" data-title="Ultrasonic radar - Vivek Raj Gupta" data-description="This project includes the integration of Arduino and Processing IDE to form a radar. The Arduino sends the data( Distance and angle) to the processing through serial communication, thus displaying its position on radar and the buzzer goes on according to the distance of the object.">
                   <button class="accordion">Ultrasonic radar</button>
                  </a>
                </li>
              <li>
                <a href="https://github.com/aayushbhaskar/Indian-Music-Genre-Recognition" data-largesrc="img/project/20.jpg" data-title="Music Genre Recognition - Aayush Bhaskar, Shivam Kumar" data-description="This project is a take at the music genre recognition using machine learning, aimed at Indian music genres. The dataset used for the project was collected from various sources, and made into 30s .wav clips for training. They were converted into feature vectors uisng Fast Fourier Transform (FFT) method. Finally the model was trained using ANN, so that it could differentiate between various genres like Bolly Pop, Sufi, Ghazal, Carnatic and Hindustani Classical.">
                  <button class="accordion">Music Genre Recognition</button>
                </a>
              </li>
              <li>
                <a href="https://github.com/Abhilasha06/Human-Activity-Recognition" data-largesrc="img/project/6.jpg" data-title="Human Activity Recognition - Abhilasha Sinha" data-description="Human Activity Recognition has varied application in the field of video surveillance, human computer interaction and health care. There are different approaches in this field, this project is based on the binary motion image and deep learning approach. Currently, this project classifies eight different human activities - walking, running, jogging, galloping sideways, jumping horizontally, one hand wave, two hand wave and bending. These activities fall into two categories, the first one is the one which is completely dynamic and the second one is somewhat less dynamic, in the sense that there is no motion of the entire body.">
                  <button class="accordion">Human Activity Recognition</button>
                </a>
              </li>
			  <li>
                <a href="https://github.com/a-coder-hack/OnTime---Mega-Project" data-largesrc="img/project/19.jpg" data-title="OnTime : Attendance Manager - Avinish Kumar, Shubham Kumar" data-description="In college life, every morning after sleep, what matters to us is attendance. 'Do I have attendance so that I can leave my class for sleep? Do I have 75% attendance to appear for exams?' OnTime will now take care of it. It will remember student's classes time table, notify their low attendance, classes needed to be attended to get 75%, classes that they can leave and much more. They will only have to enter their time table of classes once and mark the classes they attended on the app. It will take care of the rest. No need to worry when will the ERP gets updated because they can now maintain their own record of attendance. Maintaining the attendance would get easier and one burden they would get relief of college life as there are many to carry.">
                  <button class="accordion">OnTime - Attendance Manager</button>
                </a>
              </li>
			  <li>
                <a href="https://github.com/aryan2906/CodechefBuddy" data-largesrc="img/project/21.jpg" data-title="CodeChef Buddy - Aryan Khandelwal, Ishaan Gupta" data-description="CodeChef Buddy is a tool to assist Competitive Programming, specifically on CodeChef. It is a lightweight, fast and powerful utility written in python.">
                  <button class="accordion">CodeChef Buddy</button>
                </a>
              </li>
			  <li>
                <a href="https://github.com/SouravJain01/ASL_SIGN_PREDICTOR" data-largesrc="img/project/18.jpg" data-title="ASL Sign Predictor - Sourav Singh, Simardeep Singh, Parag Mittal" data-description="The first thing for any project is it's need...So let's start with that...Let's imagine that there are two person among which one i blind and the other is dumb...so how can they interact with each other?? One cannot speak and if he uses sign language,the other cannot see...so our aim is to provide a way of communication between them,it is not limited to this,it also helps in having the conversation with the one who doesn't understand sign language...So for this we have used Kaggle asl dataset and built a model using cnn to give voice to the sign language. This is a team project of three members namely Sourav Jain,Simardeep Singh and Parag Mittal.The link for the dataset used for this is "https://www.kaggle.com/grassknoted/asl-alphabet"">
                  <button class="accordion">ASL Sign Predictor</button>
                </a>
              </li>
        <li>
                <a href="https://github.com/cheersanimesh/VirDoc/invitations" data-largesrc="img/project/22.jpg" data-title="Vir-Doc - Animesh Mishra, Gaurav Kumar, Ankur Jain " data-description="This project is aimed at building a virtual doctor.. The primary capability of this doctor would be to predict the disease suffered by the user from the symptoms, past medical reports as reported by the patient..
                The doctor would help suggest medicine to be taken for the respective disease by giving further insights into the disease.. ">
                  <button class="accordion">Vir-Doc</button>
                </a>
              </li>      
        <li>
                <a href="https://github.com/kushrike/MeOW" data-largesrc="img/project/16.jpg" data-title="OnTime - Avnish Kumar , Prashant " data-description="No need to worry when will the ERP gets updated because they can now maintain their own record of attendance. Maintaining the attendance would get easier and one burden they would get relief of college life as there are many to carry.">
                  <button class="accordion">On - Time 2.0</button>
                </a>
              </li>      
        <li>
                <a href="https://github.com/kushrike/MeOW" data-largesrc="img/project/17.jpg" data-title="MeOW - Kushal Srivastava " data-description="A client side android application for vehicle mechanic support on the go">
                  <button class="accordion">MeOW</button>
                </a>
              </li>              
            </ul>
            <div class="text-center"><a class="btn btn-primary" href="https://github.com/ieeebitmesra" target="_blank">View More</a></div>            
            </div>
          </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 829 464 5733

            </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:mesra.ieee@gmail.com">mesra.ieee@gmail.com</a>
            </p>
          </div>
        </div>
      </div>
      
    </div>
  </section>
  <div class="floating-share-buttons">
    <div class="icons">
      <ul>
        <a href="https://www.facebook.com/ieeebitmesra"><li class="facebook"><i class="fa fa-facebook fa-2x"></i></li></a>
        <a href="mailto:mesra.ieee@gmail.com"><li class="mail"><i class="fa fa-envelope fa-stack-2x fa-inverse"></i></li></a>
        <a href="https://in.linkedin.com/company/ieee-student-branch-bit-mesra"><li class="linkedin"><i class="fa fa-linkedin fa-2x"></i></li></a>
        <a href="https://www.youtube.com/channel/UCTNV2DMrBeeX-o2RCsEpSbA"><li class="youtube"><i class="fa fa-youtube fa-2x"></i></li></a>
        <a href="https://www.instagram.com/ieee.bitm/"><li class="instagram"><i class="fa fa-instagram fa-2x"></i></li></a>
        
      </ul>
    </div>
  </div>

  <!-- 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>

  <!-- Template Custom Javascript File -->
  <script src="js/custom.js"></script>

</body>

</html>