Difference between revisions of "Team:XJTU-China/Description"
| Line 12: | Line 12: | ||
<link rel="stylesheet" type="text/css" | <link rel="stylesheet" type="text/css" | ||
href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China&action=raw&ctype=text/css" /> | href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China&action=raw&ctype=text/css" /> | ||
| + | <link rel="stylesheet" type="text/css" | ||
| + | href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/style&action=raw&ctype=text/css" /> | ||
<link rel="stylesheet" type="text/css" | <link rel="stylesheet" type="text/css" | ||
href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/font_awesome_min&action=raw&ctype=text/css" /> | href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/font_awesome_min&action=raw&ctype=text/css" /> | ||
<link rel="stylesheet" type="text/css" | <link rel="stylesheet" type="text/css" | ||
href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/bootstrap&action=raw&ctype=text/css" /> | href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/bootstrap&action=raw&ctype=text/css" /> | ||
| − | |||
| − | |||
| − | |||
| − | |||
</head> | </head> | ||
<body> | <body> | ||
| + | <section class="d-flex flex-column"> | ||
| + | <header class="header_area" id="topHeader"> | ||
| + | <a class="navbar-brand" href="index.html"><img class="logo" | ||
| + | src="https://static.igem.org/mediawiki/2021/9/98/T--XJTU-China--logo.jpg" alt="logo of XJTU-China"></a> | ||
| + | <nav class="navbar navbar-expand-lg navbar-light"> | ||
| + | <div class="container"> | ||
| + | <!-- Brand and toggle get grouped for better mobile display --> | ||
| + | <button class="navbar-toggler" type="button" data-toggle="collapse" | ||
| + | data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" | ||
| + | aria-expanded="false" aria-label="Toggle navigation">MENU | ||
| + | <span class="fa fa-bars" aria-hidden="true"></span> | ||
| + | </button> | ||
| + | <!-- Collect the nav links, forms, and other content for toggling --> | ||
| + | <div class="collapse navbar-collapse offset" id="navbarSupportedContent"> | ||
| + | <ul class="nav navbar-nav menu_nav ml-auto"> | ||
| + | <li class="nav-item active"><a class="nav-link" href="index.html">home</a></li> | ||
| + | <li class="nav-item submenu dropdown"> | ||
| + | <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" | ||
| + | aria-haspopup="true" aria-expanded="false">Project <span | ||
| + | class="fa fa-caret-down" aria-hidden="true"></span></a> | ||
| + | <ul class="dropdown-menu"> | ||
| + | <li class="nav-item"><a class="nav-link" href="Description.html">description</a> | ||
| + | </li> | ||
| + | <li class="nav-item"> | ||
| + | <a class="nav-link" href="upcomingevents.html">design</a> | ||
| + | </li> | ||
| + | <li class="nav-item"><a class="nav-link" href="events.html">others</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| + | <li class="nav-item submenu dropdown"> | ||
| + | <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" | ||
| + | aria-haspopup="true" aria-expanded="false">wetlab <span | ||
| + | class="fa fa-caret-down" aria-hidden="true"></span></a> | ||
| + | <ul class="dropdown-menu"> | ||
| + | <li class="nav-item"><a class="nav-link" target="_blank" | ||
| + | href="https://www.ieee.org/">lab note</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li class="nav-item submenu dropdown"> | ||
| + | <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" | ||
| + | aria-haspopup="true" aria-expanded="false">drylab <span | ||
| + | class="fa fa-caret-down" aria-hidden="true"></span></a> | ||
| + | <ul class="dropdown-menu"> | ||
| + | <li class="nav-item"><a class="nav-link" href="ieee.html">modeling</a></li> | ||
| + | <li class="nav-item"><a class="nav-link" href="ieee.html">simulation</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li class="nav-item"><a class="nav-link" href="contact.html">parts</a></li> | ||
| + | <li class="nav-item submenu dropdown"> | ||
| + | <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" | ||
| + | aria-haspopup="true" aria-expanded="false">Human Practices <span | ||
| + | class="fa fa-caret-down" aria-hidden="true"></span></a> | ||
| + | <ul class="dropdown-menu"> | ||
| + | <li class="nav-item"><a class="nav-link" href="ieee.html">explore</a></li> | ||
| + | <li class="nav-item"><a class="nav-link" href="ieee.html">interview</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li class="nav-item submenu dropdown end"> | ||
| + | <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" | ||
| + | aria-haspopup="true" aria-expanded="false">Team <span class="fa fa-caret-down" | ||
| + | aria-hidden="true"></span></a> | ||
| + | <ul class="dropdown-menu"> | ||
| + | <li class="nav-item"><a class="nav-link" href="ieee.html">members</a></li> | ||
| + | <li class="nav-item"><a class="nav-link" href="ieee.html">attibutions</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | </nav> | ||
| + | </header> | ||
| + | <!-- //header --> | ||
| + | </section> | ||
<!--banner--> | <!--banner--> | ||
<div class="container row fixedBackground"> | <div class="container row fixedBackground"> | ||
| − | <div class="fixedBackgroundImg" style="background-image: url(https://static.igem.org/mediawiki/2021/f/fd/T--XJTU-China--bg.jpg);"></div> | + | <div class="fixedBackgroundImg" |
| + | style="background-image: url(https://static.igem.org/mediawiki/2021/f/fd/T--XJTU-China--bg.jpg);"></div> | ||
</div> | </div> | ||
<!--//banner--> | <!--//banner--> | ||
| Line 47: | Line 120: | ||
</nav> | </nav> | ||
</div> | </div> | ||
| − | <div class="xjtuText row col-lg-9 col-md-12 col-sm-12 justify-content-center"> | + | <div class="xjtuText page row col-lg-9 col-md-12 col-sm-12 justify-content-center"> |
<h1>hin./ious</h1> | <h1>hin./ious</h1> | ||
<p>This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and | <p>This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and | ||
| Line 61: | Line 134: | ||
<p> | <p> | ||
To close the menu, the menu icon needs <b>to be clicked again. | To close the menu, the menu icon needs <b>to be clicked again. | ||
| − | + | This menu is inspired</b> by the left side menu found on YouTube. When clicking on the menu | |
| + | label | ||
and | and | ||
icon, | icon, | ||
| Line 206: | Line 280: | ||
</div> | </div> | ||
<!--//to-topBtn--> | <!--//to-topBtn--> | ||
| + | <footer | ||
| + | style="background-image: url(https://static.igem.org/mediawiki/2021/thumb/9/9f/T--XJTU-China--footer.jpg/1200px-T--XJTU-China--footer.jpg);"> | ||
| + | <div class="container-fluid py-5"> | ||
| + | <div class="row"> | ||
| + | <div class="col-lg-4 col-md-6 mt-md-0 mt-sm-5"> | ||
| + | <div class="footerBox"> | ||
| + | <a class="footer-logo" href="#"> | ||
| + | logo | ||
| + | </a> | ||
| + | <p>Hi there, this is Elliot, your adios de Heyuan! Please forgive my | ||
| + | autonomous exist in this page, can?</p> | ||
| + | <p> | ||
| + | Anyway, I have an amiga, y su nombre es Hincious. Weird, right? Neither English nor Spainish | ||
| + | is | ||
| + | her, but I DO treasure this guy, the hidden. | ||
| + | </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-lg-4 col-md-6 mt-lg-0 mt-5"> | ||
| + | <div class="footerBox"> | ||
| + | <div class="text-center"> | ||
| + | <h2><span class="fa fa-hashtag" aria-hidden="true"></span> Follow Us</h2> | ||
| + | </div> | ||
| + | <div class="row text-centeralign-items-center justify-content-center letterSpacing-5"> | ||
| + | <a href="#" class="fa fa-youtube app-icon" aria-hidden="true"></a> | ||
| + | <a href="#" class="fa fa-twitter app-icon" aria-hidden="true"></a> | ||
| + | <a href="#" class="fa fa-weibo app-icon" aria-hidden="true"></a> | ||
| + | <a href="#" class="fa fa-weixin app-icon" aria-hidden="true"></a> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-lg-4 col-md-6 mt-lg-0 mt-5"> | ||
| + | <div class="footerBox"> | ||
| + | <div class="text-center"> | ||
| + | <h2>Sponsors</h2> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <!-- //footer bottom --> | ||
| + | </footer> | ||
| + | <script type="text/javascript" | ||
| + | src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/jquery&action=raw&ctype=text/javascript"></script> | ||
| + | <script type="text/javascript" | ||
| + | src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/bootstrapJS&action=raw&ctype=text/javascript"></script> | ||
<script type="text/javascript" | <script type="text/javascript" | ||
| − | + | src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/ytmenu&action=raw&ctype=text/javascript"></script> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<!--Temporary script--> | <!--Temporary script--> | ||
<!--smoothNav--> | <!--smoothNav--> | ||
| Line 278: | Line 394: | ||
else { | else { | ||
drMenu.show(); | drMenu.show(); | ||
| − | if (scroll + drMenuHeight >= containerHeight + containerTop-200) { | + | if (scroll + drMenuHeight >= containerHeight + containerTop - 200) { |
drMenu.css({ | drMenu.css({ | ||
"position": "relative", | "position": "relative", | ||
| − | "top": (containerHeight - drMenuHeight-50 ).toString() + "px" | + | "top": (containerHeight - drMenuHeight - 50).toString() + "px" |
}); | }); | ||
} | } | ||
| Line 300: | Line 416: | ||
</script> | </script> | ||
</body> | </body> | ||
| + | |||
</html> | </html> | ||
{{XJTU-China/footer}} | {{XJTU-China/footer}} | ||
Revision as of 13:43, 26 June 2021
hin./ious
This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left s To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon,
To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon,
the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs t To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon,
the main menu appears beneath and the menu icon slides to the right side while the label slides up.o be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.ide menu found on YouTube. When clicking on the menu label and icon, To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.
To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs t To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.o be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and t To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up.he menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. >This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again. his menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again.This menu is inspired by the left side menu found on YouTube. When clicking on the menu label and icon, the main menu appears beneath and the menu icon slides to the right side while the label slides up. To close the menu, the menu icon needs to be clicked again.