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

<head>
	 <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">

    <!-- build:css css/main_front.css -->
 
    <link rel="stylesheet" href="bootstrap/dist/css/bootstrap.min.css">
    <link href="css/styles.css" rel="stylesheet">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="bootstrap-social/bootstrap-social.css">
 <!-- endbuild -->
   <!-- For IIT (ISM) FAVICON-->
   <link rel="icon" type="image/png" href="img/logo.png">
    <title>IIT (ISM) DHANBAD | INDIAN INSTITUTE OF TECHNOLOGY (INDIAN SCHOOL OF MINES) DHANBAD </title>
</head>

<body id="thin" style="padding-top: 0px">
     <header class="jumbotron" style="background: url(img/final.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;">
       <nav class="navbar navbar-dark navbar-expand-sm trans fixed-top">
        <div class="container">
           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#Navbar">
                <span class="navbar-toggler-icon"></span>
            </button>
                     <a class="navbar-brand mr-3" href="#"><img src="img/logo.png" height="50" width="50"></a>
                    
                 <div class="collapse navbar-collapse" id="Navbar">
                <ul class="navbar-nav mr-auto">
                <li class="nav-item mr-3"><a class="nav-link" data-toggle="tooltip" title="About us" data-placement="bottom" href="https://www.iitism.ac.in/index.php/the_institute/about_ISM"><span class="fa fa-info fa-lg"></span> About</a></li>
              <li class="nav-item mr-3"><a class="nav-link" data-toggle="tooltip" data-html="true" title="View Profiles of <br> <strong>Faculty Members</strong>" data-placement="bottom" href="https://www.iitism.ac.in/index.php/faculty_members"><span class="fa fa-user-circle fa-lg"></span> Faculty</a></li>
                    <li class="nav-item mr-3"><a class="nav-link" data-toggle="tooltip" title="View all Notices" data-placement="bottom" href="https://www.iitism.ac.in/index.php/notice"><span class="fa fa-file-pdf-o fa-lg"></span> Notices</a></li>
                    <li class="nav-item mr-3"><a class="nav-link" data-toggle="tooltip" data-html="true" title="Login to <br> <strong>IIT (ISM) Mail</strong>" data-placement="bottom" href="http://mail.iitism.ac.in/"><span class="fa fa-envelope fa-lg"></span> Mail</a></li>

                    <li class="nav-item mr-3"><a class="nav-link" href="contactus.html"><span class="fa fa-address-card fa-lg"></span> Contact</a></li>

                
                </ul>           
             </div>
        </div>
                <span class="navbar-text ml-sm-3 offset-4 offset-sm-0">
                    <a data-toggle="tooltip" data-html="true" title="Available only<br> on <strong>Intranet</strong>" data-placement="bottom" href="https://mis.iitism.ac.in/">
                    <span class="fa fa-sign-in "></span> MIS </a>
                </span> 
            
    </nav>
 
        <div class="container">
        
            <div class="home-bg row row-header align-items-center" >
                <div class="col-12 col-sm-3 align-self-center">
                    <img src="img/logo.png" class="img-fluid">
				<br>
                    <h5><i>&nbsp;&nbsp;&nbsp;&nbsp; Legacy since 1926</i></h5>                    
                   </div>

                <div class="offset-sm-6 col-12 col-sm-3">
                	<br>
                	<br> <br> <br>
                    <!-- Old 
                    <h1 style="color: Yellow"> <abbr title="Indian Institute of Technology (Indian School of Mines) Dhanbad"> IIT &nbsp; (ISM) DHANBAD</abbr></h1>
                -->
                <canvas id="canvas_title" height="300">
IIT (ISM) </canvas>

                   </div>
                                                
             </div>

             <div class="home-bg row row-header align-items-center" >
          <div class="col-12 col-sm-8 mr-auto">
                    <br>
                    <br>
                   
          </div>
                   </div>
                  </div>
                      <br>
    <br>
    <br>
    </header>
        

    <div class="container">
    	<div class="row align-items-center">
            <div class="col-12">
                
                   <ul class="nav nav-sub nav-pills nav-fill card-header-pills">
                    <li class="nav-item"  data-toggle="tooltip" title="Campus Life" data-placement="top">
                      <a class="nav-link white-text" href="#campus" data-toggle="pill"><b>Campus Life</b> </a>
                    </li>
                    <li class="nav-item" data-toggle="tooltip" data-html="true" title="View information about <br> Administrative body" data-placement="top">
                      <a class="nav-link white-text" href="#admin" data-toggle="pill"><b>Administration</b></a>
                    </li>
                    <li class="nav-item "  data-toggle="tooltip" title="Academic information" data-placement="top">
                      <a class="nav-link white-text" href="#acad"  data-toggle="pill"><b>Academics</b></a>
                    </li>
                    <li class="nav-item"  data-toggle="tooltip" data-html="true" title="Modes of <br> Admission" data-placement="top">
                      <a class="nav-link white-text" href="#adm" data-toggle="pill"><b>Admission</b></a>
                    </li>
                    <li class="nav-item"  data-toggle="tooltip" data-html="true" title="Our Alumni and <br>International Relations cell" data-placement="top">
                      <a class="nav-link white-text" href="#alumni" data-toggle="pill" ><b>Alumni &amp; 
                      	<abbr title="International Relations">IR</abbr></b></a>
                    </li>
                                        <li class="nav-item"  data-toggle="tooltip" data-html="true" title="Research facilities &amp; <br> Past Records" data-placement="top">
                      <a class="nav-link white-text" href="#research" data-toggle="pill"><b>Research</b></a>
                    </li>

                </ul>
                       <div class="tab-content">
                 <div class="tab-pane container fade" id="admin">
                           <div class="row row-content align-items-center">
            <div class="col-12 col-sm-7 col-md-9">
            <div class="media">
                                   <img class="d-flex float-left mr-3 img-thumbnail align-self-center"
                            src="img/ADMINISTRATION.jpg" alt="administration">
                    <div class="media-body">
                <p class="d-none d-sm-block">
                The <em> Indian Institute of Technology (Indian School of Mines) </em> constituted under Institute of Technology Act, 1961 is administered through IIT Council-the apex body, Government of India under the Chairmanship of Honourable Minister, MoHRD for uniform and smooth governance of Pan-IIT in our country.
                Further, the institution functions under tandem administrative guidance of Board of Governors (BoG) & Finance Committee (FC) headed by Chairman and Director, IIT(ISM) as its member.
                <br>
                Academic administration is the domain of Senate constituted of all the Professors of IIT(ISM) and few other nominated members from reputed organizations. Director, IIT(ISM) is the ex-officio Chairman. The Senate helps in structuring the course-curriculum, research activities and all other academic activities towards creating a learning ambience in the institute and to facilitate overall academic excellence. 

                                        </p>
                       							</div>
            					
            						</div>

            </div>

            <div class="offset-1 offset-md-0 col-10 col-sm-3 col-md-3">
  					          	<div class="dropdown">
  								<button class="btn btn-block btn-primary dropdown-toggle" type="button" id="govern_body" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    								Governing Body
  								</button>
  								<br> 
  							  <div class="dropdown-menu" aria-labelledby="govern_body">
    							<a class="dropdown-item" href="#">Body of Governors</a>
    							<a class="dropdown-item" href="#">Finance Committee</a>
      							</div>
								</div>
                    <a role="button" class="btn btn-block btn-secondary"  id="chairman">Chairman</a>
                    <a role="button" class="btn btn-block btn-success"  id="dir">Director</a>
                    <a role="button" class="btn btn-block btn-warning" id="dep_dir">Deputy Director</a> <br>
					           <div class="dropdown">
                  <button class="btn btn-block btn-danger dropdown-toggle" type="button" id="gen_admin" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    General Administration
                  </button>
                  <br> 
                  <div class="dropdown-menu" aria-labelledby="gen_admin">
                  <a class="dropdown-item" href="#">Registrar</a>
                  <a class="dropdown-item" href="#">Academic &amp; Exam Section</a>
                  <a class="dropdown-item" href="#">Finance &amp; Accounts Section</a>
                  <a class="dropdown-item" href="#">Establishment Section</a>
                  <a class="dropdown-item" href="#">Sports Section</a>
                  <a class="dropdown-item" href="#">Purchase &amp; Store Section</a>  
                  <a class="dropdown-item" href="#">Student &amp; Welfare Section</a>  
                  <a class="dropdown-item" href="#">Campus Security</a>  
                  <a class="dropdown-item" href="#">Horticulturist</a>    
                  <a class="dropdown-item" href="#">Estate Officer</a>  
                  <a class="dropdown-item" href="#">Campus Maintenance</a>
                    </div>
                </div>
                  <div class="dropdown">
                  <button class="btn btn-block btn-info dropdown-toggle" type="button" id="acad_admin" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Academic Administration
                  </button>
                  <br> 
                  <div class="dropdown-menu" aria-labelledby="acad_admin">
                  <a class="dropdown-item" href="#">Senate</a>
                  <a class="dropdown-item" href="#">Deans</a>
                  <a class="dropdown-item" href="#">PCE</a>
                  <a class="dropdown-item" href="#">Associate Deans</a>
                  <a class="dropdown-item" href="#">HODs</a>
                  <a class="dropdown-item" href="#">Library</a>
                    </div>
                </div>
                    <a role="button" class="btn btn-block btn-success" href="#">Hostel Administration</a>                

      							  </div>
                  <div id="chairModal" class="modal fade" role="dialog">
        <div class="modal-dialog modal-lg" role="content">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Prof. D. D. Misra (Chairman)</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                  <div class="row">
                  
                  <div class="col-12 col-md-4">
                    <img src="img/cman.jpg"> <br>
                    Email: <a href="mailto:chairman@iitism.ac.in"> chairman@iitism.ac.in </a> <br> <br>
                    </div>                  
                  <div class="col-12 col-md-8">
               
                  <em>Prof. Misra</em> is having more than 35 years of teaching, research and administrative experience. He worked at various administrative levels including Director CMRI, Dhanbad.
                  </div>
            </div>
        </div>
        </div>
      </div>
    </div>
        <div id="dirModal" class="modal fade" role="dialog">
        <div class="modal-dialog modal-lg" role="content">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Prof. Rajiv Shekhar (Director)</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                     <div class="row">
                  
                  <div class="col-12 col-md-4">
                    <img src="img/dt.jpg"> <br>
                    Email: <a href="mailto:director@iitism.ac.in"> director@iitism.ac.in </a> <br>
                    Tel. No. : <a href="tel:+913262235201"> +91-326-223-5201 </a> <br> <br>
                   <div class="btn-group" role="group">
                    <a role="button" class="btn btn-warning" href="http://www.iitk.ac.in/new/rajiv-shekhar"><i class="fa fa-newspaper-o"></i> Details </a>
                    <a role="button" class="btn btn-success" href="CV_dir.pdf"><i class="fa fa-drivers-license"></i> CV </a>
                  </div>                  
                <br> <br>
                </div>
                  <div class="col-12 col-md-8">
               
                  <em> Prof. Shekhar </em> is having 24+ years of teaching and research experience at IIT Kanpur with focus on industrial applications. Well-rounded, go-getter academic with experience ranging from institution building, engineering R&D, project management, policy, and administration. Multi-disciplinary expertise: metals extraction, manufacturing, environmental remediation, engineering economics, solar thermal energy, electric power system optimization and policy. Good understanding of process for scaling technology from laboratory to industry. Good contacts in industry, R&D organizations, and multi-lateral institutions.
                  </div>
                </div>

                  </div>
            </div>
        </div>
        </div>
        <div id="dep_dirModal" class="modal fade" role="dialog">
        <div class="modal-dialog modal-lg" role="content">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Prof. J.K. Pattanayak (Deputy Director)</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                  <div class="row">
                  
                  <div class="col-12 col-md-4">
                    <img src="img/dydt.jpg"> <br>
                    Email: <a href="mailto:dydir@iitism.ac.in"> dydir@iitism.ac.in </a> <br>
                    Tel. No. : <a href="tel:+913262235210"> +91-326-223-5210 </a> <br>
                    <a role="button" class="btn btn-success" href="CV_dydir.pdf"><i class="fa fa-drivers-license"></i> CV </a><br><br>
                  </div>                  
                  <div class="col-12 col-md-8">
                  <em>Prof. Pattanayak</em> is having more than 30 years of teaching, research and administrative experience. His areas of specialization and research interest include Financial Accounting, Corporate Finance, International Finance and Corporate Social Responsibility and has supervised 17 Ph.D. students. He worked at various administrative levels in the Institute as Head, Department of Management Studies, Associate Dean (Project & Planning), Dean (Infrastructure)etc. 
                  </div>
                  </div>
                  </div>
            </div>
        </div>
        </div>
        
                              </div>
                 </div>                

                 <div class="tab-pane container fade" id="acad">
                      <div class="row row-content align-items-center">
            <div class="col-12 col-sm-7 col-md-9">
            <div class="media">
                                   <img class="d-flex float-left mr-3 img-thumbnail align-self-center"
                            src="img/Academics.jpg" alt="Academics">
                    <div class="media-body">
                <p class="d-none d-sm-block">
                
                                            IIT(ISM) offers thirteen 4-years <em> B.Tech programmes</em> in various branches of Engineering like Chemical, Civil, Computer Science & Engineering, Electrical, Electronics & Communication, Electronics & Instrumentation, Engineering Physics, Environmental Science & Engineering, Mechanical, Fuel & Mineral, Mining Machinery, Mining and Petroleum. It also offers 5- years <em> Dual Degree (B.Tech + M.Tech)  Programme </em> in Computer Science & Engineering.  Besides, it offers 5 years <em> Integrated M.Tech Programme </em> in Applied Geology & Applied Geophysics and Mathematics & Computing.  The Institutes also offers  3-years <em> Masters programmes </em> viz. MSc. (Tech) in Applied Geology & Applied Geophysics, 2-years M.Sc. Programmes in Chemistry, Physics, Mathematics & Computing. It offers higher degrees in Management and Humanities as well, in addition to PhD & PDF in various streams.
                                        
                                        </p>
                       							</div>
            					
            						</div>

            </div>

            <div class="offset-1 offset-md-0 col-10 col-sm-3 col-md-3">
  					          	
  													
                    <a role="button" class="btn btn-block btn-primary" href="#">Departments and Centres</a>					
                    <a role="button" class="btn btn-block btn-secondary" href="#">Deans and Associate Deans</a>
                    <a role="button" class="btn btn-block btn-success" href="#">Senate members</a>
                    <a role="button" class="btn btn-block btn-dark" href="#">Academic Calendar</a>
					<a role="button" class="btn btn-block btn-warning" href="#">Sports</a>
                    <a role="button" data-toggle="tooltip" data-html="true" title="Jump to <br> IIT (ISM) Library Website" data-placement="left" class="btn btn-block btn-info" href="http://www.iitismlib.ac.in/">Central Library</a>
                    <a role="button" class="btn btn-block btn-danger" href="#">D.Sc. Awarded</a>   
                    <a role="button" class="btn btn-block btn-primary" href="#">Ph.D Awarded</a>					
                    <a role="button" class="btn btn-block btn-secondary" href="#">Convocation</a>
                    <a role="button" data-toggle="tooltip" title="For Students" data-placement="left" class="btn btn-block btn-success" href="#">Forms and Rules</a>                               
      							  </div>
                              </div>
                          </div>                

                 <div class="tab-pane container fade" id="adm">             
               <div class="row row-content align-items-center">
            <div class="col-12 col-sm-7 col-md-9">
            <div class="media">
                                   <img class="d-flex float-left mr-3 img-thumbnail align-self-center"
                            src="img/Entrance.jpg" alt="Entrance Exam">
                    <div class="media-body">
                <p class="d-none d-sm-block">
                IIT(ISM) Dhanbad adopts a total transparent admission process  B.Tech. through <em>JEE (Advanced)</em> and M. Tech. through <em> GATE </em>  conducted at Pan-India level. Admissions to MBA programmes are done on valid <em> CAT/ GMAT Score.</em>  However, students from foreign countries are admitted through sponsorships of the respective embassy.
                </p>
                       							</div>
            					
            						</div>

            </div>

            <div class="offset-1 offset-md-0 col-10 col-sm-3 col-md-3">
  					          	
  													
                    <a role="button" class="btn btn-block btn-primary" href="#">JEE (Advanced) </a>					
                    <a role="button" class="btn btn-block btn-secondary" href="#">Foreign Students</a>
                    <a role="button" class="btn btn-block btn-success" href="#">M.Tech.</a>
                    <a role="button" class="btn btn-block btn-dark" href="#">M.Sc.</a>
					<a role="button" class="btn btn-block btn-warning" href="#">M.Sc. Tech. </a>
                    <a role="button" class="btn btn-block btn-danger" href="#">M.B.A</a>   
                    <a role="button" class="btn btn-block btn-primary" href="#">Ph.D</a>					
                    <a role="button" data-toggle="tooltip" data-html="true" title="View Semester-wise<br> Fee Structure" data-placement="left" class="btn btn-block btn-info" href="#">Fee Structure</a>
                    			  </div>
                              </div> </div>

                 <div class="tab-pane container fade" id="alumni">
                      <div class="row row-content align-items-center">
            <div class="col-12 col-sm-7 col-md-9">
            <div class="media">
                                   <img class="d-flex float-left mr-3 img-thumbnail align-self-center"
                            src="img/Alumni.jpg" alt="Alumni">
                    <div class="media-body">
                <p class="d-none d-sm-block">
                
                                           Office of <em> International Relations & Alumni Affairs (IR&AA)</em> is the primary co-ordinating center for communication, events and other activities on behalf of the Associate Dean, International Relations & Alumni Affairs (IR&AA). It is located in ISM, Dhanbad. The Office along with the Students' Alumni Cell and ISM Alumni Association (ISMAA) organizes the Annual Alumni Meet, Basant Samman, Distinguished Alumni Awards (during Convocation) and other alumni related events. The office is launching programmes such as Serve Your Alma Matter/ Student Mentorship Programmes for the overall institutional development, alumni connect and improved global ranking of the Institute. The IRAA Office strives to excel in International Relations & Alumni Affairs by creating an effective platform for the alumni, faculty and students of the Institute.
                                        
                                        </p>
                       							</div>
            					
            						</div>

            </div>

            <div class="offset-1 offset-md-0 col-10 col-sm-3 col-md-3">
  					          	
  													
                    <a role="button" data-toggle="tooltip" data-html="true" title="Jump to <br> homepage of <br> IRAA website" data-placement="left" class="btn btn-block btn-primary" href="https://www.iitism.ac.in/iraa/">IRAA Home</a>					
                    <a role="button" class="btn btn-block btn-secondary" href="https://www.iitism.ac.in/iraa/InternationalRelations.php">International Relations</a>
                    <a role="button" class="btn btn-block btn-success" href="https://www.iitism.ac.in/iraa/AlumniAffairs.php">Alumni Affairs</a>
                    <a role="button" data-toggle="tooltip" data-html="true" title="Centre for <br> Innovation, Incubation <br>  and Entrepreneurship" data-placement="left" class="btn btn-block btn-info" href="https://www.iitism.ac.in/iraa/ciie_new.php">CIIE</a>
                    			  </div>
                              </div>
                </div>

                 <div class="tab-pane container fade" id="campus">
<div class="row row-content align-items-center">
            <div class="col-12 col-sm-7 col-md-9">
            <div class="media">
                                   <img class="d-flex float-left mr-3 img-thumbnail align-self-center"
                            src="img/campus_life.jpg" alt="Campus Life">
                    <div class="media-body">
                <p class="d-none d-sm-block">
                
                                      IIT(ISM) Dhanbad renders an experience of being at home away from home. Located on the undulating geographical contours and in the coal-capital of the country, it has a lush green campus extended over 218 acres acres of land. Studying in this tranquil and serene atmosphere becomes a lifelong memory to cherish. There are 6 boys hostels and 2 girls hostels. <br>

                                        </p>
                       							</div>
            					
            						</div>

            </div>

            <div class="offset-1 offset-md-0 col-10 col-sm-3 col-md-3">
  					          	
  								<div class="dropdown">						
                    <button class="btn btn-block btn-warning dropdown-toggle" type="button" id="club" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  Clubs 
              </button>
<br> 
                  <div class="dropdown-menu" aria-labelledby="club">
                  <a class="dropdown-item" href="foto.html">Foto Freaks</a>
                  <a class="dropdown-item" href="litc.html">LitC</a>
                  <a class="dropdown-item" href="litm.html">LITM</a>
                  <a class="dropdown-item" href="mailer.html">Mailer Daemon</a>
                  <a class="dropdown-item" href="manthan.html">Manthan</a>
                  <a class="dropdown-item" href="roboism.html">RoboISM</a>  
                  <a class="dropdown-item" href="astr.html">Astronomy</a>  
                  <a class="dropdown-item" href="film.html">Lights Camera ISM</a>  
                  <a class="dropdown-item" href="drama.html">Abhay Dramatics </a>    
                  <a class="dropdown-item" href="book.html">Book Club</a>  
                    </div>
                </div>
   
                    <a role="button" data-toggle="tooltip" data-html="true" title="Jump to <br> SPEC home" data-placement="left" class="btn btn-block btn-danger" href="spec.html">Sports</a>
						<br>
						<div class="dropdown">						
                    <button class="btn btn-block btn-success dropdown-toggle" type="button" id="club" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  Events
              </button>
	<br>				
                  <div class="dropdown-menu" aria-labelledby="club">
                  <a class="dropdown-item" href="srijan.html">Srijan</a>
                  </div>
                </div>
                    <br> 
                    <a role="button" data-toggle="tooltip" data-html="true" title="Click to know <br> more about campus life" data-placement="left" class="btn btn-lg btn-block btn-info" href="https://www.iitism.ac.in/index.php/campuslife/camplife">KNOW MORE</a>
                    			  </div>
                              </div>                </div>

                    <div class="tab-pane container fade" id="research">
                           <div class="row row-content align-items-center">
            <div class="col-12 col-sm-7 col-md-9">
            <div class="media">
                                   <img class="d-flex float-left mr-3 img-thumbnail align-self-center"
                            src="img/Research.jpg" alt="Research">
                    <div class="media-body">
                <p class="d-none d-sm-block">
                
                                            The Office of the Dean <em> (Research and Development)</em> drives strategic planning and provide guidance across academic and research programs, fostering new and interdisciplinary research initiatives and collaborations
                                        
                                        </p>
                       							</div>
            					
            						</div>

            </div>

            <div class="offset-1 offset-md-0 col-10 col-sm-3 col-md-3">
  					          	
                    <a role="button" class="btn btn-block btn-warning" href="#">Dean and Associate Deans</a>
                    <a role="button" class="btn btn-block btn-success" href="#">Ph. D Manual</a>
                    <a role="button" class="btn btn-block btn-dark" href="#">Industry Connect Program</a>
					<a role="button" class="btn btn-block btn-secondary" href="#">Central Research Facility</a>
                    <a role="button" class="btn btn-block btn-info" href="#">Departmental Research Facility</a>
                    <a role="button" class="btn btn-block btn-danger" href="#">Area of expertise</a>                
                    <a role="button" class="btn btn-block btn-warning" href="#">Important Forms</a>
                    <a role="button" class="btn btn-block btn-success" href="#">Patents</a>
                    <br>
                    <div class="dropdown">
  								<button class="btn btn-block btn-primary dropdown-toggle" type="button" id="pub" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    								Publications
  								</button>
  								<br> 
  							  <div class="dropdown-menu" aria-labelledby="pub">
    							<a class="dropdown-item" href="#">2018</a>
    							<a class="dropdown-item" href="#">2017</a>
    							<a class="dropdown-item" href="#">2016</a>
    							<a class="dropdown-item" href="#">2015</a>
      							</div>
								</div>
                    <div class="dropdown">
  								<button class="btn btn-block btn-success dropdown-toggle" type="button" id="consult" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    								Consultancy
  								</button>
  								<br> 
  							  <div class="dropdown-menu" aria-labelledby="consult">
    							<a class="dropdown-item" href="#">2018</a>
    							<a class="dropdown-item" href="#">2017</a>
    							<a class="dropdown-item" href="#">2016</a>
    							<a class="dropdown-item" href="#">2015</a>
      							</div>
								</div>								
      							  </div>
                              </div>
                 </div>                



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

    	   <div class="row row-content">
           <div class="col-12 col-md-6">
                <div id="mycarousel" class="carousel slide" data-ride="carousel">
                    <div class="carousel-inner" role="listbox">
                        <div class="carousel-item active">
                              <img class="d-block img-fluid"
                                src="img/C3.jpg" alt="Library">
                            <div class="carousel-caption d-none d-md-block">
                        <h4> Asia's biggest library at IIT (ISM)</h4>
                           </div>
                        </div>
                        
                        <div class="carousel-item">
                            <img class="d-block rounded img-fluid"
                                src="img/C1.jpg" alt="Racing Car">
                            <div class="carousel-caption d-none d-md-block">
                                <h4>Formula Racing Car by our <em> Team Mechismu </em></h4>
                            </div>
                        </div>
                        <div class="carousel-item">
                              <img class="d-block img-fluid"
                                src="img/C2.jpg" alt="Coal-casting blast">
                            <div class="carousel-caption d-none d-md-block">
                        <h4> THE FIRST EVER MULTIPLE LAYERED CAST-BLASTING IN COAL AND OB TOGETHER</h4>
                           </div>
                        </div>
                        
                       <ol class="carousel-indicators" style="z-index: 0;">
                        <li data-target="#mycarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#mycarousel" data-slide-to="1"></li>
                        <li data-target="#mycarousel" data-slide-to="2"></li>
                    </ol>
            </div>
            </div>
              <a class="carousel-control-prev" href="#mycarousel" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon"></span>
                    </a>
                    <a class="carousel-control-next" href="#mycarousel" role="button" data-slide="next">
                        <span class="carousel-control-next-icon"></span>
                    </a>
       </div>
       <div class="col-12 col-md-6">
<div class="card ">
                    <h3 class="card-header navbar-dark bg-primary text-white" style="z-index:0;">Quick Links</h3>
                    
                    <div class="card-body">
                        <div class="row">
                        	<div class="col-12 col-md-6">
        			<a role="button" class="btn btn-block btn-info" href="#">Placement <br> (CDC)</a>
                    <a role="button" class="btn btn-block btn-info" href="#">NIRF Data <br> 2018</a>
                    <a role="button" class="btn btn-block btn-info" href="#">Digital Edu <br>E-content</a>
					<a role="button" class="btn btn-block btn-info" href="#">Online Payment Link</a>        
                        	</div>
                        <div class="col-12 col-md-6">
					<a role="button" class="btn btn-block btn-info" href="#">Skill India <br> Programme</a>
                    <a role="button" class="btn btn-block btn-info" href="#">NIRF Data <br> (Old)</a>                
                    <a role="button" class="btn btn-block btn-info" href="#">Recruitments <br> @ IIT ISM</a>
                    <a role="button" class="btn btn-block btn-info" href="#">Tender</a>                     	
                        	</div>                      	

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

            </div>
<div class="row d-none d-sm-block">
<div class="col-12"> 
<h3 align="center" style="font-family: calibri;">  Gallery </h3>
</div>
</div>
<div class="row row-content d-none d-sm-block">
<div class="offset-md-1 container-gallery ">
    <div class="popup popup-1">
        <img class="img-thumbnail" alt="Oval" src="img/Oval.jpg" />
    </div>
    <div class="popup popup-2">
        <img class="img-thumbnail" alt="Empty Oval" src="img/Oval_empty.jpg" />
    </div>
    <div class="popup popup-3">
        <img class="img-thumbnail" alt="Main Building" src="img/Main.jpg" />
    </div>
    <div class="popup popup-4">
        <img class="img-thumbnail" alt="Heritage Building" src="img/Heritage.jpg" />
    </div>
    <div class="popup popup-5">
        <img class="img-thumbnail" alt="Academic Building" src="img/Academics.jpg" />
    </div>
</div>
</div>

<div class="row">
<div class="col-12"> 
<h3 align="center" style="font-family: calibri;">  Videos to Watch </h3>
<br>
</div>
</div>

<div class="row row-content">
  <div class="col-sm-4 ml-auto">
    <!-- 16:9 -->
    <h4 align="center">Director's speech at 39th Convocation</h4>
    <div class="embed-responsive embed-responsive-4by3">
      <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/j1dT4L3Eeaw"></iframe>
    </div>
  </div>
  <div class="col-sm-4">
    <!-- 4:3 -->
    <h4 align="center">Campus Tour</h4>
    <div class="embed-responsive embed-responsive-4by3 ">
      <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/yICtKrwYP5I" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
  </div>
  <div class="col-sm-4 mr-auto">
    <!-- 4:3 -->
    <h4 align="center">Chairman's speech at Foundation Day</h4>
    <div class="embed-responsive embed-responsive-4by3">
      <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/k8DD7fQYUss"></iframe>
    </div>
  </div>
</div>



 </div>
    
    <footer class="footer">
        <div class="container">
            <div class="row align-items-center">             
                <div class="col-4 col-sm-2">
                   <h5>Our Address</h5>
                    <address>
		              MAIN CAMPUS
						IIT (ISM),<br> DHANBAD
						JHARKHAND, <br> INDIA, 826004<br><br>
		                    <i class="fa fa-phone fa-lg"></i>:0326-2235001<br>
		                    <i class="fa fa-phone fa-lg"></i>:0326-2235004<br>
                      <i class="fa fa-fax fa-lg"></i>: 0326-2296563<br>
                                        </address>
                </div>
                <div class="col-7 offset-1  col-sm-5">
                  
                    <h5>Links</h5>
                    <ul class="list-unstyled">
                        <li><a href="#"><abbr title="Dean of Student Welfare"> DSW </abbr> </a></li>
                        <li><a href="#">Dean Faculty</a></li>
                        <li><a href="#">Dean Infra.</a></li>
                        <li><a href="#">Internal Complaints</a></li>
                    </ul>

                                    </div>
                <div class="col-12 col-sm-4 align-self-center">
                    <div class="text-center">
                        <a class="btn btn-social-icon btn-facebook" href="https://www.facebook.com/ismdhanbad/"><i class="fa fa-facebook"></i></a>
                        <a class="btn btn-social-icon btn-linkedin" href="https://in.linkedin.com/company/iit-ism-dhanbad"><i class="fa fa-linkedin"></i></a>
                        <a class="btn btn-social-icon btn-twitter" href="https://twitter.com/iitismd?lang=en"><i class="fa fa-twitter"></i></a>
                        <a class="btn" href="https://www.youtube.com/channel/UCt9UKgRsW3EMM9eCrERTTAA"><span class="fa fa-youtube-play" style="font-size: 260%"></span></a>
                    </div>
                </div>
           </div>
           <div class="row align-items-center justify-content-center">             
                <div class="col-auto ">
                    <p>© Copyright 2018 IIT-ISM DHANBAD</p>
                </div>
           </div>
        </div>
    </footer>
    <!-- jQuery first, then Popper.js, then Bootstrap JS. -->
 <!-- build:js js/script_front.js -->
    <script src="jquery/dist/jquery.slim.min.js"></script>
    <script src="popper.js/dist/umd/popper.min.js"></script>
    <script src="bootstrap/dist/js/bootstrap.min.js"></script>
 <script src="js/script_front.js">
</script>
<!-- endbuild -->

</body>

</html>