<!DOCTYPE html> <html lang='en'> <head profile="http://www.w3.org/2005/10/profile"> <meta charset='utf-8'> <link rel="icon" type="image/png" href="images/logo.png"> <title>Dramatics Section</title> <script type="text/javascript" src='view/jquery-1.11.2.min.js'></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <link rel="stylesheet" href="view/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="view/jquery-ui.min.css"> <link rel="stylesheet" type="text/css" href="view/jquery-ui.structure.min.css"> <link rel="stylesheet" type="text/css" href="view/jquery-ui.theme.min.css"> <script type="text/javascript" src='view/jquery-ui.min.js'></script> <link href='http://fonts.googleapis.com/css?family=Lato:900' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'> <link rel="stylesheet" type="text/css" href="view/stylesheet.css"> <script type="text/javascript" src='view/scripts.js'></script> </head> <body> <section class='lato white' id='header'> <img class='bottom' src='transition/1.jpg'> <img class='top' src='transition/2.jpg'> <img src='transition/3.jpg'> <img src='transition/4.jpg'> <div class='title text-center'> <div><img class='logo text-center' src='images/logo.png'></div> <h1 class='text-center lato main-title' style='font-size: 450%;'>DRAMATICS SECTION</h1> <h2 class='text-center lato sub-title' style='font-size: 250%'>IIT ROORKEE</h2> </div> <div class='arrow'><a href='#about'><img class='logo text-center' id='arrow' src='images/down.png'></a></div> </section> <section id='about'> <div class='white padding-top col-md-7 oxygen'> <h1 class='no-top white lato'>ABOUT</h1> <p>The oldest of the Cultural Sections at the Indian Institute of Technology Roorkee, the Dramatics Section is known for its high quality of plays and the discipline and rigor it fosters in its members. </p> <p>The section performs 4 plays; 3 stage and 1 street in an academic year on a variety of themes ranging from murder and mystery to politics to social issues such as Untouchability and Honour Killings.</p> <p>Bhand, as it is fondly called by its members, is known for its extremely stringent selection process with only a dozen making it to the group out of more than 500 people who audition every year.</p> <p>Needless to say, it has produced some very fine actors and actresses who swear by their versatility and charisma on stage.</p> <br> <p>To know more about the group, please scroll down or click <a id='menu-link' href='#menu'>here</a></p> </div> </section> <section id='menu' class='white'> <div class='menu-row no-top'> <a href='photos.html' id='photos' class='menu-cell'> <img class='background' src="images/black.png"> <img class='ontop' id='icon' style='opacity: 1' src='images/gallery.png'> <h1 class='text-center lato ontext no-top' style='margin-top: -70px; margin-left: -120px'>Photos</h1> </a> <a href='videos.html' id='videos' class='menu-cell'> <img class='background' src="images/black.png"> <img class='ontop' id='icon' style='opacity: 1' src='images/video.png'> <h1 class='text-center lato ontext no-top' style='margin-top: -70px; margin-left: -120px'>Videos</h1> </a> </div> <div class='menu-row no-top'> <a href='members.html' id='members' class='menu-cell'> <img class='background' src="images/black.png"> <img class='ontop' id='icon' style='opacity: 1' src='images/member.png' style='margin-top: -30px; margin-left: -100px'> <h1 class='text-center lato ontext no-top' style='margin-top: -70px; margin-left: -140px'>Members</h1> </a> <a href='index.html#menu' id='upcoming' class='menu-cell'> <img class='background' src="images/black.png"> <img class='ontop' id='icon' style='opacity: 1' src='images/announce.png'> <h1 class='text-center lato ontext no-top'>Upcoming</h1> </a> <!-- the dialog contents --> <div id='dialog' title='Upcoming Events'> <br> <h4><b>Sorry! We do not have any upcoming events in the near future.</b></h4> <br> <img src="images/auditions.jpg" style='display:block'> <br><br> <span>However, we will be conducting our auditions soon, sometime in August, 2015.</span><br> <span>Keep visiting the website for more updates.</span><br><br> </div> </div> </section> <section id='farewell'> <div class='frame'> <a href='farewell.html'><h1 class='writeup text-center lato white no-top'>FAREWELL</h1></a> <a id='arpit'><img class='background' src='images/black.png'></a> <a id='akshay'><img class='background' src="images/black.png"></a> <a id='anmol'><img class='background' src="images/black.png"></a> <a id='parul'><img class='background' src="images/black.png"></a> <a id='ria'><img class='background' src="images/black.png"></a> </div> </section> <section> <div class='footer' style='padding-top: 30px'> <div class='colmd-4 white oxygen text-left' style='padding: 20px'> <p class='text-left'>Dramatics Section is a part of the Cultural Council at the Indian Institute of Technology, Roorkee.</p> <p><b>Head Coordinator:</b> Akshay Agarwal</p> </div> <div class='colmd-4 white text-center footer-title' style='padding: 20px;'> <h1 class='lato text-center'>DRAMATICS SECTION</h1> <h2 class='lato text-center no-top'>IIT ROORKEE</h2> </div> <div class='colmd-4 white oxygen' style='padding: 20px'> <p class='text-right'><b>Contact:</b> iitrdramatics@gmail.com</p> <p class='text-right'><b>Phone:</b> +91 84398 60325</p> <div class='text-right'> <a target='_blank' href='https://www.facebook.com/dramaticsiitr?fref=ts'><img class='icon' src='images/facebook.png'></a> <a target='_blank' href="https://twitter.com/ubajpai96"><img class='icon' src='images/twitter.png'></a> <a target='_blank' href="https://www.youtube.com/user/iitrdramatics"><img class='youtubeicon' src='images/youtube.png'></a> </div> </div> </div> </section> </body> </html>