Line 1: | Line 1: | ||
{{Template:IIT_Kanpur/HTML}} | {{Template:IIT_Kanpur/HTML}} | ||
<html> | <html> | ||
+ | <script> | ||
+ | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | |||
+ | $("#HQ_page").attr('id',''); | ||
+ | |||
+ | |||
+ | //highlight current page on the menu | ||
+ | highlight_current_page_menu(); | ||
+ | |||
+ | //accessing submenus | ||
+ | $(".menu_item").click(function(){ | ||
+ | $(".submenu_control_icon", this).toggleClass("open"); | ||
+ | $(this).next(".submenu").fadeToggle(400); | ||
+ | }); | ||
+ | |||
+ | //mobile menu access | ||
+ | $(".igem_2018_team_mobile_bar").click(function(){ | ||
+ | $(this).next().toggleClass("displaying_menu"); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | function highlight_current_page_menu() { | ||
+ | |||
+ | var page_url="https://2018.igem.org/"; | ||
+ | page_url = page_url + wgPageName; | ||
+ | $("a[href$='"+ page_url +"']").children().addClass("current_page"); | ||
+ | |||
+ | //if the page is in a submenu, open the submenu and make the appropiate changes | ||
+ | if( $( ".current_page" ).hasClass( "submenu_item" )){ | ||
+ | |||
+ | $(".current_page").parent().parent().fadeToggle(400); | ||
+ | $(".current_page").parent().parent().prev().addClass("current_page"); | ||
+ | $(".menu_item.current_page > .submenu_control_icon").toggleClass("open"); | ||
+ | |||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | ||
+ | </script> | ||
+ | |||
<head> | <head> | ||
+ | |||
+ | <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | ||
+ | |||
+ | <script src="http://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> | ||
+ | |||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> | ||
+ | |||
<style> | <style> | ||
+ | #sideMenu, #top_title {display:none;} | ||
+ | #content { padding:0px; width:auto; margin-top:0; margin-left:0;} | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-left: 30%; margin-right: 30%; } | ||
+ | .margin { margin: 0% 10% 0% 10%; } | ||
+ | .footer { position: bottom; top:21;bottom;0; padding: 10px 0; text-align:center; font-weight:none; background:#fafafa; border-top: 1px solid #1e6621; width:100%; font-size:80% !important; z-index:99999999; } | ||
+ | html { padding-bottom:30px; } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | <img style="margin: auto;" src="https://static.igem.org/mediawiki/2018/3/3f/T--USP-EEL-Brazil--finalfinal.jpg" width="100%"> | ||
+ | |||
+ | |||
+ | <nav class="navbar navbar-default center"> | ||
+ | <div class="container-fluid"> | ||
+ | <!-- Brand and toggle get grouped for better mobile display --> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | </div> | ||
+ | |||
+ | <!-- Collect the nav links, forms, and other content for toggling --> | ||
+ | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
+ | <div class="container" style="padding-left:0;"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | |||
+ | <!--Edit Navebar............................................................--> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <li ><a href="https://2018.igem.org/Team:USP-EEL-Brazil">Home <span class="sr-only">(current)</span></a></li> | ||
+ | <li ><a href="https://2018.igem.org/Team:USP-EEL-Brazil/Project">Project<span class="sr-only">(current)</span></a></li> | ||
+ | <li class="dropdown"> | ||
+ | <li ><a href="https://2018.igem.org/Team:USP-EEL-Brazil/Background">Background<span class="sr-only">(current)</span></a></li> | ||
+ | <li ><a href="https://2018.igem.org/Team:USP-EEL-Brazil/Model">Model<span class="sr-only"></span></a></li> | ||
+ | <!--head--> | ||
+ | <!--style--> | ||
body { | body { | ||
background-image: url("https://static.igem.org/mediawiki/2018/0/0f/T--IIT_Kanpur--page1.jpg"); | background-image: url("https://static.igem.org/mediawiki/2018/0/0f/T--IIT_Kanpur--page1.jpg"); | ||
background-size: 100% 230%; | background-size: 100% 230%; | ||
} | } | ||
− | </style> | + | <!--/style--> |
− | </head> | + | <!--/head--> |
− | <body> | + | <!--body--> |
− | </body> | + | <!--/body--> |
</html> | </html> |
Revision as of 22:17, 20 September 2018