diff options
| author | Sashi20 | 2019-04-23 18:10:54 +0530 |
|---|---|---|
| committer | Sashi20 | 2019-04-23 18:10:54 +0530 |
| commit | ea0028acad3823a89443672411190020acf4c862 (patch) | |
| tree | b4975b9bb16550063986e2ee2aec2aa7e774e871 | |
| parent | 8c18db4cb3dd8738310c8da5bba2787de892c055 (diff) | |
| download | osdag_workshop_2019-ea0028acad3823a89443672411190020acf4c862.tar.gz osdag_workshop_2019-ea0028acad3823a89443672411190020acf4c862.tar.bz2 osdag_workshop_2019-ea0028acad3823a89443672411190020acf4c862.zip | |
Convert to mobile responsive view
| -rwxr-xr-x[-rw-r--r--] | images/Osdag_logo.png | bin | 5438 -> 5438 bytes | |||
| -rw-r--r-- | images/Webtop_bnr.png | bin | 353818 -> 333609 bytes | |||
| -rwxr-xr-x | index.html | 805 |
3 files changed, 409 insertions, 396 deletions
diff --git a/images/Osdag_logo.png b/images/Osdag_logo.png Binary files differindex b6df181..b6df181 100644..100755 --- a/images/Osdag_logo.png +++ b/images/Osdag_logo.png diff --git a/images/Webtop_bnr.png b/images/Webtop_bnr.png Binary files differindex 0685e2f..59ed5da 100644 --- a/images/Webtop_bnr.png +++ b/images/Webtop_bnr.png @@ -2,406 +2,422 @@ <html lang="en"> <head> - + + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> + <meta name="author" content=""> <link rel="shortcut icon" href="images/Osdag_logo.png" type="image/png" /> <title>Osdag Training Program on Steel Connection Design</title> <!-- Bootstrap Core CSS --> <link href="css/bootstrap.css" rel="stylesheet"> <!-- MetisMenu CSS --> <link href="css/plugins/metisMenu/metisMenu.min.css" rel="stylesheet"> - <link href="css/main.css" rel="stylesheet"> + <!-- <link href="css/main.css" rel="stylesheet"> --> <link href="css/style.css" rel="stylesheet"> <!-- Timeline CSS --> <link href="css/plugins/timeline.css" rel="stylesheet"> <link href="css/fudge.css" rel="stylesheet"> <!-- Custom CSS --> <link href="css/sb-admin-2.css" rel="stylesheet"> - + <!-- Custom Fonts --> <link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> - <!-- jQuery Version 1.11.0 --> - <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> + <!-- jQuery Version 1.11.0 --> + <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="js/jquery.min.js"></script> <script src="js/jquery-1.11.0.js"></script> - <script type="text/javascript" src="js/feedback-bar.js"></script> - <link rel="stylesheet" type="text/css" href="css/feedback_popup.css" /> + <script type="text/javascript" src="js/feedback-bar.js"></script> + <link rel="stylesheet" type="text/css" href="css/feedback_popup.css" /> <!-- Bootstrap Core JavaScript --> - <script src="js/bootstrap.min.js"></script> + <script src="js/bootstrap.min.js"></script> <script src="js/smoothscroll.js"></script> <!-- Metis Menu Plugin JavaScript --> - <script src="js/plugins/metisMenu/metisMenu.min.js"></script> + <script src="js/plugins/metisMenu/metisMenu.min.js"></script> <!-- Custom Theme JavaScript --> <script src="js/sb-admin-2.js"></script> - <script type="text/javascript" src="https://addthisevent.com/libs/1.5.8/ate.min.js"></script> <script type="text/jQuery"> - $("#owl-demo").owlCarousel({ - autoPlay: 3000, //Set AutoPlay to 3 seconds - items : 4, - itemsDesktop : [1199,3], - itemsDesktopSmall : [979,3] - }); - </script> + $("#owl-demo").owlCarousel({ autoPlay: 3000, //Set AutoPlay to 3 seconds items : 4, itemsDesktop : [1199,3], itemsDesktopSmall : [979,3] }); + </script> +<style> +.main-bkg-color { + text-align: justify; + overflow: hidden; + background: #fff; + background-color: #7f9233 !important; + } + body { + font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 14px; + color:#241f1c; + line-height: 1.42857; +} + +</style> </head> <body> - <!-- <div id="wrapper"> - <div id="cookie_box" style="float:left"> - <div class="popup_box"> - <div class="header">Important Message - <div class="closee_btn"> - </div> - <span class="min_max min_btn"> </span> - </div> - <div class="toggle_box"> - <div class="message_box"> - 1 Day left for Registration !!! - </div> - </div> - </div> - </div>--> - <!-- Navigation --> - <nav role="navigation" style="margin-bottom: 0"> - <div class="navbar-header"> - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> - <span class="sr-only">Toggle navigation</span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </button> - - </div> - <!-- /.navbar-header --> - <ul class="nav navbar-top-links navbar-right"> - </ul> - <!-- /.navbar-top-links --> + <!-- <div class="jumbotron text-center" style="margin-bottom:0"> + <h1>My First Bootstrap 4 Page</h1> + <p>Resize this responsive page to see the effect!</p> +</div> - <div class="navbar-default sidebar" role="navigation" style="overflow:auto;height:80%;margin-top: 0px;"> - <div class="sidebar-nav navbar-collapse"> - <ul class="nav" id="side-menu" > - <li class="sidebar-search"> +<nav class="navbar navbar-expand-sm bg-dark navbar-dark"> + <a class="navbar-brand" href="#">Navbar</a> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="collapsibleNavbar"> + <ul class="navbar-nav"> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="#">Link</a> + </li> + </ul> + </div> +</nav> + --> + <div class="container" style="margin-top:30px"> + <div class="row"> + <!-- Start of the side navbar--> + <div class="col-sm-2"> + <ul class="nav nav-pills flex-column"> + <li class="sidebar-search"> <div> <a href="http://osdag.fossee.in/" target="_blank"> <center><img src="images/Osdag_logo.png" > </a></center> </div> </li> - <li> - <a class="active" href="#page-wrapper"><i class="fa fa-home"></i> Home</a> - </li> - <li> - <a href="#about"><i class="fa fa-user"></i> About</a> - </li> - <li> - <a href="#register"><i class="fa fa-book"></i> Register</a> - </li> - <li> - <a href="#schedule"><i class="fa fa-calendar"></i> Schedule</a> - </li> - <li> - <a href="#photos"><i class="fa fa-picture-o"></i> Gallery</a> - </li> - - <li> - <a href="#explore"><i class="fa fa-location-arrow"></i> Venue</a> - </li> - <li> - <a href="#organizer"><i class="fa fa-cubes"></i> Organizer</a> - </li> - <li> - <a href="#sponsors"><i class="fa fa-puzzle-piece"></i> Sponsors</a> - </li> - <li> - <a href="http://fossee.in/workshop/osdag2016/sites/all/themes/touch/data/Final_poster_2016.pdf" target="_blank"><i class="fa fa-film"></i> Poster</a> - </li> - - <li> - <a href="#contact"><i class="fa fa-envelope"></i> Contact</a> - </li> - </ul> - </div> - <!-- /.sidebar-collapse --> - </div> - <!-- /.navbar-static-side --> - </nav> - - <div id="page-wrapper"> - <div class="row"> - <div id="main-top"> - <br><br><br><br><br><br><br><br> - </div> + <li class="nav-item"> + <a class="active" href="#"><i class="fa fa-home"></i> Home</a> + </li> + <li class="nav-item"> + <a href="#about"><i class="fa fa-user"></i> About</a> + </li> + <li class="nav-item"> + <a href="#register"><i class="fa fa-book"></i> Register</a> + </li> + <!-- <li class="nav-item"> + <a href="#schedule"><i class="fa fa-calendar"></i> Schedule</a> + </li> + <li class="nav-item"> + <a href="#photos"><i class="fa fa-picture-o"></i> Gallery</a> + </li> --> + <li class="nav-item"> + <a href="#explore"><i class="fa fa-location-arrow"></i> Venue</a> + </li> + <li class="nav-item"> + <a href="#organizer"><i class="fa fa-cubes"></i> Organizer</a> + </li> + <li class="nav-item"> + <a href="#sponsors"><i class="fa fa-puzzle-piece"></i> Sponsors</a> + </li> + <li class="nav-item"> + <a href="https://static.fossee.in/osdag/posters/osdag_training_workshop_2019.pdf" target="_blank"><i class="fa fa-film"></i> Poster</a> + </li> + <li class="nav-item"> + <a href="#contact"><i class="fa fa-envelope"></i> Contact</a> + </li> + </ul> </div> - -</br> - - <div class="row" style="background-color:#f8f8f8" > - <br/><br/> - <center> - <a href="#register" class="btn btn-primary btn-lg">Register Now</a> -</center> - <br/><br/> - <div class="col-lg-3 col-md-6"> - <div> - <div class="panel-heading"> - <div class="row"> - </div> - </div> + <!-- End of the side navbar --> + <div class="col-sm-10"> + + <img src="images/Webtop_bnr.png" style="width: 100%;padding-top: 0px !important"> + <br> + <br> + <!-- Start of the regiter button --> + <div class="row" style="background-color:#f8f8f8"> + <div class="col-12"> + <center> + <a href="#register" class="btn btn-primary btn-lg">Register Now</a> + </center> </div> + </div> - <div class="col-lg-3 col-md-6"> - <div class="panel panel-yellow"> - <div class="panel-heading"> - <div class="row"> - <div class="col-xs-3"> - <i class="fa fa-calendar fa-5x"></i> - </div> - <div class="col-xs-9 text-right"> - <div class="huge">When</div></br> - <div style="font-size:17px">16 June 2019</div> + <!-- End of the regiter button --> + <br> + <!-- Start of the when and where --> + <div class="row"> + <div class="col-lg-3 col-md-6"> + <div> + <div class="panel-heading"> + <div class="row"> </div> </div> - </div> + </div> </div> - - </div> - <div class="col-lg-3 col-md-6"> - <div class="panel panel-yellow"> - <div class="panel-heading"> - <div class="row"> - <a href="#explore"> - <div class="col-xs-3"> - <i class="fa fa-map-marker fa-5x"></i> + <div class="col-lg-3 col-md-6"> + <div class="panel panel-yellow"> + <div class="panel-heading"> + <div class="row"> + <div class="col-xs-3"> + <i class="fa fa-calendar fa-5x"></i> + </div> + <div class="col-xs-9 text-right"> + <div class="huge">When</div> + <br> + <div style="font-size:17px">16 June 2019</div> + </div> </div> - <div class="col-xs-9 text-right"> - <div class="huge">Where</div></br> - <div style="font-size:17px">IIT Bombay</div> - </div> - </a> </div> </div> - + </div> - <br/> - </div> - <div class="col-lg-3 col-md-6"> - <div > - <div class="panel-heading"> - <div class="row"> + <div class="col-lg-3 col-md-6"> + <div class="panel panel-yellow"> + <div class="panel-heading"> + <div class="row"> + <a href="#explore"> + <div class="col-xs-3"> + <i class="fa fa-map-marker fa-5x"></i> + </div> + <div class="col-xs-9 text-right"> + <div class="huge">Where</div> + <br> + <div style="font-size:17px">IIT Bombay</div> + </div> + </a> + </div> </div> - </div> - </div> - </div> - - </div> - - <!-- /.row --> - <section id="about" class="main-bkg-color"> - <header> - <h2 style="color: #fff">About</h2> - </header> - <section class="text-content"> - <p>The FOSSEE project at IIT Bombay invites practicing engineers and college teachers, who engage in the (teaching of) design of steel structures, to the Osdag Training Program on Steel Connection Design on 16-June-2019. -</p> -<p><a href="http://osdag.fossee.in/">Osdag</a> is a GUI-based cross-platform free and open-source software for the design (and detailing) of steel structures, following the Indian Standard IS 800:2007. - </p> - <p>The hands-on training program on Osdag will cover design (and detailing) of</p> - <ol> - <li>Moment connections</li> - <ul> - <li>Beam-to-beam cover plate splice</li> - <li>Beam-to-column end plate connection</li> - <li>...</li> - </ul> - <li>Shear connections</li> - <ul> - <li>Fin plate connection</li> - <li>Cleat angle connection</li> - <li>Seated angle connection</li> - <li>...</li> - </ul> - </ol> - </section> - </section> - - - <section id="register" > - <header> - <h2 style="color: #7f9233">Registration</h2> - </header> - <br/><br/> - <section> - <div class="row" style="background-color:#f8f8f8" ><br> -<center> <b style="color:#74862f" >Registration starts from 01-May-2019. Limited seats only.</b></center> - <br/><br/> - - <div class="col-lg-12 col-md-6"> - <div class="panel panel-red"> - <div class="panel-heading"> - <div class="row"> - - <div class="col-xs-12"> - <center> - <h3> Registration</h3> - <h2 class="price">₹1180</h2><h6>(₹1000 + 18% GST = ₹1180)</h6> - <p style="text-align: justify;"><ol><li>Lunch and Tea will be provided at the venue.</li> -<li>The registration fee does not include accommodation, dinner or any other facilities.</li> -<li>All participants will be required to present their ID cards at the venue.</li> -<li>The registration fee is NOT refundable.</li> -</ol></p> - <a href="#" target="_blank" class="btn btn-primary btn-md" onclick="altFunction()">Register Now</a> - <script> -function altFunction() { - alert("Registration starts from 01-May-2019. Limited seats only."); -} -</script> - </center> + </div> + <br> + </div> + <div class="col-lg-3 col-md-6"> + <div> + <div class="panel-heading"> + <div class="row"> </div> </div> - </div> + </div> </div> </div> - </div> - </section> - </section> -<section id="schedule" class="main-bkg-color"> - <header> - <h2 style="color: #fff">Schedule</h2> -</header> -<div class="container"> - <ul class="nav nav-tabs"> - <li class="active"><a data-toggle="tab" href="#day1">Day 1</a></li> - <li><a href="http://fossee.in/workshop/osdag2019" target="_blank" >General Instructions</a></li> - </ul> - <div class="tab-content"> - <div id="day1" class="tab-pane fade in active"> - <div class="container"> - <div class="col-lg-11"><h1>TBD</h1> - <!-- <p><h4 style="color: white"><center>DAY 1 - Saturday, 4 June 2016</center></h4></p> - <div class="table-responsive"> - <table class="table"> - <tbody> - <tr> - <td>09:00 AM - 10:00 AM</td> - <td><b>Registration</b></td> - <td></td> - </tr> - <tr> - <td>10:00 AM - 11:00 AM</td> - <td>Introduction</td> - <td> Prof. Siddhartha Ghosh, IIT Bombay</td> - </tr> - <tr> - <td></td> - <td>Opening remarks </td> - <td>Prof. K.V. Krishna Rao, IIT Bombay</br> - Prof. S.R. Satish Kumar, IIT Madras</br> - Manas M. Ghosh, INSDAG Kolkata - </td> - </tr> - <tr> - <td > 11:00 AM- 13:00 PM</td> - <td>Introduction to Osdag</td> - <td> Osdag team</td> - </tr> - <tr> - <td></td> - <td> Purpose of the workshop</td> - <td > Osdag team</td> - </tr> - <tr> - <td></td> - <td>Demonstration of video tutorials</td> - <td ></td> - </tr> - <tr> - <td>13:00 PM - 14:30 PM</td> - <td><b>Lunch</b></td> - <td></td> - </tr> - <tr> - <td>14:30 PM - 16:00 PM</td> - <td> Problem solving using Osdag -- I </td> - <td> </td> - </tr> - <tr> - <td>16:00 PM - 16:30 PM</td> - <td><b>Tea Break</b></td> - <td></td> - </tr> - <tr> - <td>16:30 PM - 18:00 PM</td> - <td>Discussion </td> - <td> </td> - </tr> - </tbody> - </table> - </div> --> <!-- responsive --> - </div> <!-- col-11 --> - </div> <!-- container --> - </div> <!-- tab --> - </div> - </div> - -</section> -<section> - <div id="photos" name="photos"> - <div class="container"> - <div class="row centered"> -<div class="col-lg-9 col-lg-offset-2"> - - <h2 class="centered">Image Gallery</h2> - <hr> - <iframe src="https://www.flickr.com/photos/138717104@N02/sets/72157667299795933/player/" width="100%" height="450" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe> - </div> -</div> - </div> - <!-- row --> -</div> - </section> - <section id="explore" > - <div class="container" > + <!-- End of the when and where --> + <!-- Start of the about section --> + <div class="row main-bkg-color" id="about"> + <div class="col-md-12"> + <header> + <h2 style="color: #fff">About</h2> + </header> + <section class="text-content"> + <p>The FOSSEE project at IIT Bombay invites practicing engineers and college teachers, who engage in the (teaching of) design of steel structures, to the Osdag Training Program on Steel Connection Design on 16-June-2019. + + </p> + <p><a href="http://osdag.fossee.in/">Osdag</a> is a GUI-based cross-platform free and open-source software for the design (and detailing) of steel structures, following the Indian Standard IS 800:2007. + </p> + <p>The hands-on training program on Osdag will cover design (and detailing) of</p> + <ol> + <li>Moment connections</li> + <ul> + <li>Beam-to-beam cover plate splice</li> + <li>Beam-to-column end plate connection</li> + <li>...</li> + </ul> + <li>Shear connections</li> + <ul> + <li>Fin plate connection</li> + <li>Cleat angle connection</li> + <li>Seated angle connection</li> + <li>...</li> + </ul> + </ol> + </section> + </div> + </div> + <!-- End of the about section --> + <!-- Start of the registration section --> + <div class="row" id="register"> + <div class="col-md-12"> + <h2 style="color: #7f9233">Registration</h2> + <span><center><b style="color:#74862f">Registration starts from 06-May-2019. Limited seats only.</b></center></span> + </div> + <div class="col-lg-12"> + <div class="panel panel-red"> + <div class="panel-heading"> + <div class="row"> + + <div class="col-xs-12"> + <center> + + <h3> Registration</h3> + <h2 class="price">₹1180</h2> + <h6>(₹1000 + 18% GST = ₹1180)</h6> + + <ol style="text-align: justify;"> + <li>This event is only for practicing engineers and college teachers. Student registrations will not be accepted (nor will be refunded).</li> + <li>Lunch and Tea will be provided at the venue.</li> + <li>The registration fee does not include accommodation, dinner or any other facilities.</li> + <li>All participants will be required to present their ID cards at the venue.</li> + <li>The registration fee is NOT refundable.</li> + </ol> + + <a href="#" target="_blank" class="btn btn-primary btn-md" onclick="altFunction()">Register Now</a> + <script> + function altFunction() { + alert("Registration starts from 06-May-2019. Limited seats only."); + } + </script> + </center> + </div> + </div> + </div> + </div> + </div> + </div> + <!-- End of the registration section --> + <!-- Start of the schedule section --> + <!-- <div id="schedule" class="row main-bkg-color"> + <div class="col-md-12"> + <h2 style="color: #fff">Schedule</h2> + <div class="container"> + <ul class="nav nav-tabs"> + <li class="active"><a data-toggle="tab" href="#day1">Day 1</a></li> + <li><a href="http://fossee.in/workshop/osdag2019" target="_blank">General Instructions</a></li> + </ul> + <div class="tab-content"> + <div id="day1" class="tab-pane fade in active"> + <div class="container"> + <div class="col-lg-11"> + <h1>TBD</h1> + <p><h4 style="color: white"><center>DAY 1 - Saturday, 4 June 2016</center></h4></p> + <div class="table-responsive"> + <table class="table"> + <tbody> + <tr> + <td>09:00 AM - 10:00 AM</td> + <td><b>Registration</b></td> + <td></td> + </tr> + <tr> + <td>10:00 AM - 11:00 AM</td> + <td>Introduction</td> + <td> Prof. Siddhartha Ghosh, IIT Bombay</td> + </tr> + <tr> + <td></td> + <td>Opening remarks </td> + <td>Prof. K.V. Krishna Rao, IIT Bombay</br> + Prof. S.R. Satish Kumar, IIT Madras</br> + Manas M. Ghosh, INSDAG Kolkata + </td> + </tr> + <tr> + <td > 11:00 AM- 13:00 PM</td> + <td>Introduction to Osdag</td> + <td> Osdag team</td> + </tr> + <tr> + <td></td> + <td> Purpose of the workshop</td> + <td > Osdag team</td> + </tr> + <tr> + <td></td> + <td>Demonstration of video tutorials</td> + <td ></td> + </tr> + <tr> + <td>13:00 PM - 14:30 PM</td> + <td><b>Lunch</b></td> + <td></td> + </tr> + <tr> + <td>14:30 PM - 16:00 PM</td> + <td> Problem solving using Osdag -- I </td> + <td> </td> + </tr> + <tr> + <td>16:00 PM - 16:30 PM</td> + <td><b>Tea Break</b></td> + <td></td> + </tr> + <tr> + <td>16:30 PM - 18:00 PM</td> + <td>Discussion </td> + <td> </td> + </tr> + </tbody> + </table> + </div> + <!-- responsive + </div> + <!-- col-11 + </div> + <!-- container -> + </div> + <!-- tab + </div> + </div> + </div> + </div> --> + <!-- End of the schedule section --> + <!-- Start of the gallery section --> + <!-- <div class="row" id="photos"> + <div class="col-md-12"> + <div class="col-lg-9 col-lg-offset-2"> + <h2 class="centered">Image Gallery</h2> + <hr> + <iframe src="https://www.flickr.com/photos/138717104@N02/sets/72157667299795933/player/" width="100%" height="450" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe> + </div> + </div> + </div> --> + <!-- End of the gallery section --> + <!-- Start of the venue section --> + <section id="explore"> + <div class="row"> + <div class="col-lg-12"> <h2>Venue</h2> - </br> - <article > + <br> + <article> <h3 style="text-align:center"> Computational Lab, Ground Floor, Department of Civil Engineering, IIT Bombay. </h3> <p style="text-align:center"> -<em > Links: </em> +<em> Links: </em> <a href="http://www.iitb.ac.in" target="_blank"><span class="label label-primary ">IITB Website</span></a> <a href="<?php print drupal_get_path('theme', 'touch')?>/data/iitb_map.pdf" target="_blank"><span class="label label-success">IITB Map</span></a> </p> -<hr/> +<hr> <div> - <h3 style="font-size:18px;float:left;text-align:justify;font-weight:bold">A quick guide: </h3><br/><br/><br/> + <h3 style="font-size:18px;float:left;text-align:justify;font-weight:bold">A quick guide: </h3><br><br><br> <ul style="font-size:16px;float:center;text-align:justify;"> <li>Powai is an eastern suburb in North-Eastern part of Mumbai. </li> <li>Directions</li> </ul> </div> -<br/> +<br> <div id="venue"> - <div id='cssmenu'> + <div id="cssmenu"> <ul> - <li class='active'><a href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2665.397170940355!2d72.91566989199781!3d19.132171504466672!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c7f677ec1407%3A0xfecc22d152030022!2sDept+of+Civil+Engineering%2C+Academic+Section%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra+400076%2C+India!5e0!3m2!1sen!2s!4v1462266621218#frc" target="map" id="airport">Event Venue </a></li> + <li class="active"><a href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2665.397170940355!2d72.91566989199781!3d19.132171504466672!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c7f677ec1407%3A0xfecc22d152030022!2sDept+of+Civil+Engineering%2C+Academic+Section%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra+400076%2C+India!5e0!3m2!1sen!2s!4v1462266621218#frc" target="map" id="airport">Event Venue </a></li> <li><a href="https://www.google.com/maps/embed?pb=!1m29!1m12!1m3!1d60317.08385719556!2d72.84749036445493!3d19.115649971789658!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m14!1i0!3e6!4m5!1s0x3be7c85099bd2947%3A0x1ecc1a60c474a8ae!2sChhatrapati+Shivaji+International+Airport%2C+Mumbai%2C+Maharashtra+400099!3m2!1d19.090177!2d72.86873899999999!4m5!1s0x3be7c7f2279eca5d%3A0x802e14519ecbcb59!2sIIT+Main+Gate%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra!3m2!1d19.125273999999997!2d72.916602!5e0!3m2!1sen!2sin!4v1413785408044#frc" target="map" id="airport">From Airport</a></li> <li><a href="https://www.google.com/maps/embed?pb=!1m29!1m12!1m3!1d241399.4487405205!2d73.01275866424207!3d19.025608463914345!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m14!1i0!3e6!4m5!1s0x3be7cedcbfb4871d%3A0x2326e3e6409936d9!2sDadar%2C+Dadar+West%2C+Dadar%2C+Mumbai%2C+Maharashtra+400028!3m2!1d19.016339!2d72.840289!4m5!1s0x3be7c7f2279eca5d%3A0x802e14519ecbcb59!2sIIT+Main+Gate%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra!3m2!1d19.125273999999997!2d72.916602!5e0!3m2!1sen!2sin!4v1413785236748#frc" target="map" id="dadar">From Dadar Station</a></li> <li><a href="https://www.google.com/maps/embed?pb=!1m29!1m12!1m3!1d60299.156950328965!2d72.91689031522807!3d19.164722586394745!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m14!1i0!3e6!4m5!1s0x3be7b8df51719ccf%3A0x3b3afba7961341f8!2sThane+Junction%2C+Station+Rd%2C+Shivaji+Nagar%2C+Thane+West%2C+Thane%2C+Maharashtra+400601!3m2!1d19.186065!2d72.97595199999999!4m5!1s0x3be7c7f2279eca5d%3A0x802e14519ecbcb59!2sIIT+Main+Gate%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra!3m2!1d19.125273999999997!2d72.916602!5e0!3m2!1sen!2sin!4v1413785553786#frc" target="map" id="thane">From Thane Station</a></li> <li><a href="https://www.google.com/maps/embed?pb=!1m29!1m12!1m3!1d60323.470700406935!2d72.84118451437205!3d19.0981374832322!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m14!1i0!3e6!4m5!1s0x3be7c919c72bb2b7%3A0x751375af3cbd1a7d!2sBandra+Terminus%2C+Naupada%2C+Bandra+East%2C+Mumbai%2C+Maharashtra+400051!3m2!1d19.062369999999998!2d72.84102399999999!4m5!1s0x3be7c7f2279eca5d%3A0x802e14519ecbcb59!2sIIT+Main+Gate%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra!3m2!1d19.125273999999997!2d72.916602!5e0!3m2!1sen!2sin!4v1413785651936#frc" target="map" id="bandra">From Bandra Terminus</a></li> <li><a href="https://www.google.com/maps/embed?pb=!1m29!1m12!1m3!1d60323.92457625284!2d72.87668816436619!3d19.09689238404547!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m14!1i0!3e6!4m5!1s0x3be7c89be8e89fdb%3A0x66694e36862ff3a1!2sLokmanya+Tilak+Terminus%2C+Pipeline+Rd%2C+Kurla+West%2C+Mumbai%2C+Maharashtra+400089!3m2!1d19.069699!2d72.89160799999999!4m5!1s0x3be7c7f2279eca5d%3A0x802e14519ecbcb59!2sIIT+Main+Gate%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra!3m2!1d19.125273999999997!2d72.916602!5e0!3m2!1sen!2sin!4v1413785819499#frc" target="map" id="tilak">From Lokmanya Tilak Terminus</a></li> <li> <a href="https://www.google.com/maps/embed?pb=!1m29!1m12!1m3!1d120686.36851963839!2d72.80471859141556!3d19.043985857528995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m14!1i0!3e6!4m5!1s0x3be7ce6e85a4d6c1%3A0x100690de66141545!2sMumbai+Central%2C+Arya+Nagar%2C+Tulsiwadi%2C+Mumbai%2C+Maharashtra!3m2!1d18.970715!2d72.81942099999999!4m5!1s0x3be7c7f2279eca5d%3A0x802e14519ecbcb59!2sIIT+Main+Gate%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra!3m2!1d19.125273999999997!2d72.916602!5e0!3m2!1sen!2sin!4v1413785921908#frc" target="map" id="central">From Mumbai Central</a></li> - <li class='last'><a href="https://www.google.com/maps/embed?pb=!1m29!1m12!1m3!1d120693.24362908115!2d72.81121499123424!3d19.034527972952493!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m14!1i0!3e6!4m5!1s0x3be7d1d8c547f833%3A0x766844a933a779b1!2sCST%2C+Dadabhai+Naoroji+Rd%2C+Dhobi+Talao%2C+Chhatrapati+Shivaji+Terminus+Area%2C+Fort%2C+Mumbai%2C+Maharashtra+400001!3m2!1d18.940970999999998!2d72.834654!4m5!1s0x3be7c7f2279eca5d%3A0x802e14519ecbcb59!2sIIT+Main+Gate%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra!3m2!1d19.125273999999997!2d72.916602!5e0!3m2!1sen!2sin!4v1413785988064#frc" target="map" id="shivaji">From Chhatrapati Shivaji Terminus</a></li> - <li class='last'><a href="https://www.google.com/maps/embed?pb=!1m29!1m12!1m3!1d7538.997595867773!2d72.91382817938636!3d19.12963136516508!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m14!1i0!3e6!4m5!1s0x3be7c7f2279eca5d%3A0x802e14519ecbcb59!2sIIT+Main+Gate%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra!3m2!1d19.125273999999997!2d72.916602!4m5!1s0x3be7c7f420dd7941%3A0x34f8dc9cc70dea5!2sLecture+Hall+Complex%2C+Infinite+Corridor%2C+Academic+Section%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra+400076!3m2!1d19.1307656!2d72.9166668!5e0!3m2!1sen!2sin!4v1414573143073#frc" target="map" id="lch">From IIT Main Gate</a></li> + <li class="last"><a href="https://www.google.com/maps/embed?pb=!1m29!1m12!1m3!1d120693.24362908115!2d72.81121499123424!3d19.034527972952493!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m14!1i0!3e6!4m5!1s0x3be7d1d8c547f833%3A0x766844a933a779b1!2sCST%2C+Dadabhai+Naoroji+Rd%2C+Dhobi+Talao%2C+Chhatrapati+Shivaji+Terminus+Area%2C+Fort%2C+Mumbai%2C+Maharashtra+400001!3m2!1d18.940970999999998!2d72.834654!4m5!1s0x3be7c7f2279eca5d%3A0x802e14519ecbcb59!2sIIT+Main+Gate%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra!3m2!1d19.125273999999997!2d72.916602!5e0!3m2!1sen!2sin!4v1413785988064#frc" target="map" id="shivaji">From Chhatrapati Shivaji Terminus</a></li> + <li class="last"><a href="https://www.google.com/maps/embed?pb=!1m29!1m12!1m3!1d7538.997595867773!2d72.91382817938636!3d19.12963136516508!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m14!1i0!3e6!4m5!1s0x3be7c7f2279eca5d%3A0x802e14519ecbcb59!2sIIT+Main+Gate%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra!3m2!1d19.125273999999997!2d72.916602!4m5!1s0x3be7c7f420dd7941%3A0x34f8dc9cc70dea5!2sLecture+Hall+Complex%2C+Infinite+Corridor%2C+Academic+Section%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra+400076!3m2!1d19.1307656!2d72.9166668!5e0!3m2!1sen!2sin!4v1414573143073#frc" target="map" id="lch">From IIT Main Gate</a></li> </ul> </div> @@ -411,91 +427,88 @@ function altFunction() { </div> <div class="content"> - <iframe width="550" height="450" frameborder="0" style="border:0;margin-left:307px;margin-top:-25px;" name="map" id="frc" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2665.397170940355!2d72.91566989199781!3d19.132171504466672!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c7f677ec1407%3A0xfecc22d152030022!2sDept+of+Civil+Engineering%2C+Academic+Section%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra+400076%2C+India!5e0!3m2!1sen!2s!4v1462266621218" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> + <iframe style="border:0;margin-left:307px;margin-top:-25px;" name="map" id="frc" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2665.397170940355!2d72.91566989199781!3d19.132171504466672!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c7f677ec1407%3A0xfecc22d152030022!2sDept+of+Civil+Engineering%2C+Academic+Section%2C+IIT+Area%2C+Powai%2C+Mumbai%2C+Maharashtra+400076%2C+India!5e0!3m2!1sen!2s!4v1462266621218" allowfullscreen="" width="550" height="450" frameborder="0"></iframe> </div> </article> </div> + </div> </section> - <section id="organizer" class="main-bkg-color"> - <header> - <h2 style="color: #fff">Organizer</h2> - </header> - <section class="text-content"> - <p> - <div style="text-align: center"> - - <a href='http://fossee.in/' target="_blank" ><img class="img" src="images/fossee.png" style="background-color: #fff" height="60px" width="150px" align="middle" /></a> - </div> - <br/> - Osdag Training Program on Steel Connection Design is organized by <a href="http://fossee.in" target="_blank" style="color:#0625AB">FOSSEE</a>. - This project is part of the National - Mission on Education through ICT with the thrust area being "Adaptation and deployment of open source simulation - packages equivalent to proprietary software", funded by MHRD, based at <a href="http://www.iitb.ac.in" target="_blank" style="color:#0625AB"> - Indian Institute of Technology Bombay</a>.</p> - </section> - </section> - - - <section id="sponsors" > - <header> - <h2>Sponsors</h2> - </header> - <section class="text-content"> + <!-- End of the venue section --> + <br> + <!-- start of the organizer section --> + <div id="organizer" class="main-bkg-color row"> + <div class="col-md-12"> + <h2 style="color: #fff">Organizer</h2> + <section class="text-content"> <p> - <div style="text-align: center"> - <a href='http://nmeict.ac.in/' target="_blank" ><img width="170" height="70" src="images/NMEICT.png" alt="" /></a> - </div> - </br> </br> - <div class="div-content-black"> - The FOSSEE project undertaken by IIT Bombay is funded - by <a href="http://mhrd.gov.in" target="_blank" >Ministry of Human Resource Development</a>, Govt. of India, under National Mission on Education through ICT. - The aim of Human Resource Development is education and skill development, which plays a significant - role in our country. </p> - </section> - </section> + <div style="text-align: center"> - - - <!-- Contact --> - <section id="contact" class="main-bkg-color"> - <header> - <h2>Questions or Comments?</h2> - </header> - <section > - <br/> - <p style="text-align:center">For queries mail us at : </strong><a href="mailto:contact-osdag@fossee.in" target="_blank" style="color:#0625AB"><b>contact-osdag(at)fossee(dot)in</b> </a></p> - <br/><br/> - </section> - </section> - - <div id="footer"> - <a href='http://fossee.in/' target="_blank" ><img class="img" src="images/fossee.png" class="icons" height="60px" width="150px" /></a> - - <!-- Copyright --> - <ul class="copyright"> - - <li>2016</li><li>Developed by <a href="http://fossee.in">FOSSEE</a></li> - - </ul> - <div style="margin-top:-80px;margin-left:780px"> - <a href='http://www.iitb.ac.in/' target="_blank" ><img class="img" src="images/iitb_logo.png" class="icons" width="60px"/></a> - <h6>IIT Bombay</h6> - </div> - </div> + <a href='http://fossee.in/' target="_blank"><img class="img" src="images/fossee.png" style="background-color: #fff" height="60px" width="150px" align="middle" /></a> + </div> + <br/> Osdag Training Program on Steel Connection Design is organized by <a href="http://fossee.in" target="_blank" style="color:#0625AB">FOSSEE</a>. This project is part of the National Mission on Education through ICT with the thrust area being "Adaptation and deployment of open source simulation packages equivalent to proprietary software", funded by MHRD, based at <a href="http://www.iitb.ac.in" target="_blank" style="color:#0625AB">Indian Institute of Technology Bombay</a>. + </p> + </section> + </div> + </div> + <!-- End of the organizer section --> + <!-- Start of the sponsors section --> + <section id="sponsors" > + <header> + <h2>Sponsors</h2> + </header> + <section class="text-content"> + <p> + <div style="text-align: center"> + <a href='http://nmeict.ac.in/' target="_blank" ><img width="170" height="70" src="images/NMEICT.png" alt="" /></a> + </div> + <br> <br> + <div class="div-content-black"> + The FOSSEE project undertaken by IIT Bombay is funded + by <a href="http://mhrd.gov.in" target="_blank" >Ministry of Human Resource Development</a>, Govt. of India, under National Mission on Education through ICT. + The aim of Human Resource Development is education and skill development, which plays a significant + role in our country. </div> + </p> + </section> + </section> + <!-- End of the sponsors section --> + <!-- Start of the contact us section --> + <section id="contact" class="main-bkg-color"> + + <h2 style="color: #fff;">Questions or Comments?</h2> + <section > + <br/> + <p style="text-align:center">For queries mail us at : + <a href="mailto:contact-osdag@fossee.in" target="_blank" style="color:#0625AB"> + <b>contact-osdag(at)fossee(dot)in</b> + </a> + </p> + <br/><br/> + </section> + </section> + <!-- End of the contact us section --> </div> + </div><br><br> -<script> - (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ - (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), - m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) - })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); - - ga('create', 'UA-77364815-1', 'auto'); - ga('send', 'pageview'); - -</script> + </div> +<div class="jumbotron text-center" style="margin-bottom:0"> +<div class="container"> + <div class="row"> + <div class="col-6"> + <a href='http://fossee.in/' target="_blank" ><img class="img" src="images/fossee.png" class="icons" height="60px" width="150px" /></a> + </div> + <div class="col-5"> + <a href='http://www.iitb.ac.in/' target="_blank" ><img class="img" src="images/iitb-logo.png" class="icons" width="80px"/></a> + </div> + </div> + <div class="row"> + <div class="col-lg-12"> + <a rel="license" href="https://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a> + </div> +</div> +</div> +</div> </body> -</html> +</html>
\ No newline at end of file |
