(Prototype team page) |
Ayanchromium (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | {{IISc_Bangalore}} | + | {{Template:IISc_Bangalore/hide}} |
− | + | {{Template:IISc_Bangalore/bootstrap.css}} | |
+ | {{Template:IISc_Bangalore/fontawesome.css}} | ||
+ | {{Template:IISc_Bangalore/style.css}} | ||
+ | {{Template:IISc_Bangalore/sidebar.css}} | ||
+ | {{Template:IISc_Bangalore/attributions.css}} | ||
+ | {{Template:IISc_Bangalore/animate.css}} | ||
+ | {{Template:IISc_Bangalore/hover.css}} | ||
+ | {{Template:IISc_Bangalore/sidebar.js}} | ||
+ | {{Template:IISc_Bangalore/anijs.js}} | ||
− | < | + | <html> |
− | < | + | <head> |
− | < | + | <title>Team IISc iGem</title> |
+ | <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"> | ||
+ | <script src="https://use.fontawesome.com/fce310c82d.js"></script> | ||
+ | <script src="js/jquery-1.11.0.min.js"></script> | ||
+ | <script type="text/javascript" src="js/bootstrap.js"></script> | ||
+ | <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/> | ||
+ | <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> | ||
− | < | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− | </ | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
+ | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }> | ||
+ | </script> | ||
+ | <meta name="keywords" content="Team IISc igem" /> | ||
+ | <!--Google Fonts--> | ||
+ | <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" /> | ||
+ | <link href='//fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Bitter" rel="stylesheet"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet"> | ||
+ | <!--JS for animate--> | ||
+ | <link href="css/animate.css" rel="stylesheet" type="text/css" media="all"> | ||
+ | <!-- here are mine --> | ||
+ | <link rel="stylesheet" href="sidebar.css"> | ||
+ | <link rel="stylesheet" href="attributions.css"> | ||
+ | <link rel="stylesheet" href="hover.css" > | ||
+ | <script src="sidebar.js"></script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <!--banner start here--> | ||
+ | <!-- <div class="banner"> | ||
+ | <div class="container"> --> | ||
+ | <nav class="navbar navbar-fixed-top text-center navbar-inverse"> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="navbar-header"> | ||
+ | <a class="navbar-brand panel" onclick="openBar()" href="#" ><span class="glyphicon glyphicon-th | ||
+ | "></span></a> </div> | ||
+ | <div class="collapse navbar-collapse" id="myNavbar"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li class="hvr-underline-from-left"><a href="#">Home</a></li> | ||
+ | <li class="hvr-underline-from-left"><a href="#">Team</a></li> | ||
+ | <li class="hvr-underline-from-left"><a href="#">Project</a></li> | ||
+ | <li class="hvr-underline-from-left"><a href="#">Parts</a></li> | ||
+ | <li class="hvr-underline-from-left"><a href="#">Safety</a></li> | ||
+ | <li class="active hvr-underline-from-left"><a href="#">Attributions</a></li> | ||
+ | <li class="hvr-underline-from-left"><a href="#">Practices</a></li> | ||
+ | <li class="hvr-underline-from-left"><a href="#">Awards</a></li> | ||
+ | </ul> | ||
+ | </html> | ||
+ | [[File:igem.jpg|200px]] | ||
+ | <html> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | <div class="banner-main"> | ||
+ | <section class="slider"> | ||
+ | <div class="flexslider"> | ||
+ | <span class="attri hvr-bounce-to-right ">Attributions</span> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
− | <div class=" | + | <!--FlexSlider--> |
+ | <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> | ||
+ | <script defer src="js/jquery.flexslider.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(function(){ | ||
+ | SyntaxHighlighter.all(); | ||
+ | }); | ||
+ | $(window).load(function(){ | ||
+ | $('.flexslider').flexslider({ | ||
+ | animation: "slide", | ||
+ | start: function(slider){ | ||
+ | $('body').removeClass('loading'); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--banner end here--> | ||
+ | <!--welcome--> | ||
+ | <div id="welcome" class="welcome w3l"> | ||
+ | <div class="container"> | ||
+ | <div class="welcome-grids"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12 welcome-grid wow slideInDown animated" data-wow-delay=".5s" onclick="openPerson1()" id="overv"> | ||
+ | <div class="wel1 hvr-hang"> | ||
+ | <span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span> | ||
+ | <h4>Project support</h4> | ||
+ | <p>support ...</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4 welcome-grid animated wow slideInLeft animated animated" data-wow-duration="1200ms" data-wow-delay="500ms" onclick="openPerson2()"> | ||
+ | <div class="wel2 hvr-hang"> | ||
+ | <span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span> | ||
+ | <h4>Project advisor support</h4> | ||
+ | <p>support... </p> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <div class="col-md-4 welcome-grid wow slideInUp animated" data-wow-delay=".5s" onclick="openPerson3()"> |
− | </div> | + | <div class="wel3 hvr-hang"> |
+ | <span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span> | ||
+ | <h4>Human Practices support</h4> | ||
+ | <p>support... </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4 welcome-grid wow slideInRight animated" data-wow-delay=".5s" onclick="openPerson4()"> | ||
+ | <div class="wel4 hvr-hang"> | ||
+ | <span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span> | ||
+ | <h4>General support from others</h4> | ||
+ | <p>support ...</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--welcome--> | ||
− | <div class=" | + | <!--content-middle--> |
+ | <div class="content-middle wthree"> | ||
+ | <div class="container" id="refer"> | ||
+ | <div class="mid-content wow fadeInRight animated" data-wow-delay=".5s"> | ||
+ | <h3>Thanks from the team</h3> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="refer col-md-6"> | ||
+ | Thanks | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--content-middle--> | ||
+ | <!--events | ||
+ | events--> | ||
− | <div class=" | + | <div id="person1Tab" class="person1Tab"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <div class="row"> | ||
+ | <div class="trans col-md-12"> | ||
− | <div class=" | + | </div> |
− | < | + | </div> |
+ | <div class="row"> | ||
+ | <div class="col-md-6 person1Tabcontent"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">×</a> | ||
+ | <h1>Project support</h1> | ||
+ | <p class="whitef">support | ||
+ | <br><span class="readm hvr-ripple-out">Read more</span> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <div id="person2Tab" class="person2Tab"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <div class="row"> | ||
+ | <div class="trans col-md-12"> | ||
− | <div class=" | + | </div> |
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6 person2Tabcontent"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">×</a> | ||
+ | <h1>Project advisor support</h1> | ||
+ | <p class="whitef">support | ||
+ | <br><span class="readm hvr-ripple-out">Read more</span> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | <div class=" | + | <div id="person3Tab" class="person3Tab"> |
− | <div class=" | + | <div class="row"> |
− | < | + | <div class="trans col-md-12"> |
− | + | ||
− | + | ||
− | + | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6 person3Tabcontent"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">×</a> | ||
+ | <h1>Human practices</h1> | ||
+ | <p class="whitef">support | ||
+ | <br><span class="readm hvr-ripple-out">Read more</span> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | < | + | <div id="person4Tab" class="person4Tab"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <div class="row"> |
+ | <div class="trans col-md-12"> | ||
− | <div class=" | + | </div> |
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6 person4Tabcontent"> | ||
+ | <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">×</a> | ||
+ | <h1>General support</h1> | ||
+ | <p class="whitef">support | ||
+ | <br><span class="readm hvr-ripple-out">Read more</span> | ||
+ | </p> | ||
− | <div | + | </div> |
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </div> | + | <!--footer--> |
+ | <div class="footer"> | ||
+ | <div class="container"> | ||
+ | <div class="footer-grids"> | ||
+ | <div class="col-md-4 footer-grid wow fadeInUp animated" data-wow-delay=".5s"> | ||
+ | <h3>About Cellfiefuge</h3> | ||
+ | <p>From IISc.</p> | ||
+ | </div> | ||
+ | <div class="col-md-4 footer-grid animated wow fadeInDown animated animated" data-wow-duration="1200ms" data-wow-delay="500ms"> | ||
+ | <h3>Sponsors</h3> | ||
+ | <ul> | ||
+ | <li> | ||
+ | </html> | ||
+ | [[File:snapgene.jpg|200px]] | ||
+ | <html> | ||
+ | </li> | ||
+ | <li><img src=""></li> | ||
+ | <li><img src=""></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-4 footer-grid animated wow fadeInUp animated animated" data-wow-duration="1200ms" data-wow-delay="500ms"> | ||
+ | <h3>Social</h3> | ||
+ | <ul class="social-icons1"> | ||
+ | <li><a href="https://www.facebook.com/iiscbangaloreigem/?fref=ts" target="_blank"><i class="fa fa-facebook hvr-buzz"></i></a></li> | ||
+ | <li><a href="https://twitter.com/IISc_iGEM" target="_blank"><i class="fa fa-twitter hvr-buzz"></i></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
− | + | </div> | |
− | + | </div> | |
− | </div> | + | <!--footer--> |
+ | </body> | ||
</html> | </html> |
Revision as of 12:59, 8 October 2016
Thanks from the team
Thanks