Difference between revisions of "Team:Szeged SA RMG"

Line 90: Line 90:
 
</script>
 
</script>
 
<!-- Navbar -->
 
<!-- Navbar -->
−
<div class="w3-top" style="top: 25px;">
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
−
  <div class="w3-bar w3-red w3-card-2 w3-left-align w3-large">
+
−
    <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-red" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
+
−
    <a href="#" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
+
−
    <a href="#mentor" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">MENTOR</a>
+
−
<a href="#members" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">MEMBERS</a>
+
−
    <a href="#biosafety" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">BIOSAFETY</a>
+
−
    <a href="#banner" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">BANNER</a>
+
−
<a href="https://static.igem.org/mediawiki/2017/7/7b/Eszkozok.pdf"class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">EQUIPMENT</a>
+
−
<a href="#contacts" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">CONTACTS</a>
+
−
<a href="#supportors" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">SUPPORTORS</a>
+
−
+
  
−
   </div>
+
<nav class="navbar navbar-inverse">
 +
   <div class="container-fluid">
 +
    <div class="navbar-header">
 +
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>                       
 +
      </button>
 +
        <a class="navbar-brand" href="#"><img src="/images/logo.png" style=" width:20px;"> </a></div>
 +
    <div class="collapse navbar-collapse" id="myNavbar">
 +
      <ul class="nav navbar-nav">
 +
        <li class="active"><a href="#">Home</a></li>
 +
<html>
 +
<head>
 +
<style>
 +
.dropbtn {
 +
    background-color: inherit;
 +
    color: white;
 +
    padding: 16px;
 +
    font-size: 16px;
 +
    border: none;
 +
    cursor: pointer;
 +
}
  
−
  <!-- Navbar on small screens -->
+
.dropdown {
−
  <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
+
    position: relative;
−
    <a href="#mentor" class="w3-bar-item w3-button w3-padding-large">MENTOR</a>
+
    display: inline-block;
−
<a href="#members" class="w3-bar-item w3-button w3-padding-large">MEMBERS</a>
+
}
−
     <a href="#biosafety" class="w3-bar-item w3-button w3-padding-large">BIOSAFETY</a>
+
 
−
     <a href="#banner" class="w3-bar-item w3-button w3-padding-large">BANNER</a>
+
.dropdown-content {
−
<a href="#contacts" class="w3-bar-item w3-button w3-padding-large">CONTACTS</a>
+
    display: none;
−
<a href="#supportors" class="w3-bar-item w3-button w3-padding-large">SUPPORTS</a>
+
    position: absolute;
−
+
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 1;
 +
}
 +
 
 +
.dropdown-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
}
 +
 
 +
.dropdown-content a:hover {background-color: #f1f1f1}
 +
 
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 
 +
.dropdown:hover .dropbtn {
 +
    background-color: red;
 +
}
 +
</style>
 +
<div class="dropdown">
 +
  <button class="dropbtn">Team</button>
 +
  <div class="dropdown-content">
 +
     <a href="#">Members</a>
 +
     <a href="#">Mentors</a>
 +
    <a href="#">Attributions</a>
 +
    <a href="#">Pictures</a>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
<div class="dropdown">
 +
  <button class="dropbtn">Project</button>
 +
  <div class="dropdown-content">
 +
    <a href="#">Summary</a>
 +
    <a href="#">Article</a>
 +
    <a href="#">Presentation</a>
 +
    <a href="#">Poster</a>
 +
    <a href="#">Scientific Laboratory</a>
 +
  </div>
 +
</div>
 +
<div class="dropdown">
 +
  <button class="dropbtn">Human Practices</button>
 +
  <div class="dropdown-content">
 +
    <a href="#">Survey</a>
 +
    <a href="#">Methane</a>
 +
  </div>
 +
</div>
 +
<div class="dropdown">
 +
  <button class="dropbtn">Laboratory</button>
 +
  <div class="dropdown-content">
 +
    <a href="#">Safety</a>
 +
    <a href="#">Methods</a>
 +
    <a href="#">Lab Equipments</a>
 +
  </div>
 +
</div>
 +
 +
</body>
 +
</html>
 +
 +
      </ul>
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li><a href="#">METHUNGENY</a></li>
 +
      </ul>
 +
    </div>
 +
  </div>
 +
</nav>
  
 
<!-- Header -->
 
<!-- Header -->

Revision as of 10:23, 2 September 2017

Methungeny.com