Tarjanmark (Talk | contribs) |
Tarjanmark (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<html> | <html> | ||
− | <title>Methungeny</title> | + | <title>Methungeny.com</title> |
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | ||
− | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family= | + | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> |
+ | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat"> | ||
+ | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
<style> | <style> | ||
− | body,h1,h2,h3,h4,h5 {font-family: " | + | body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif} |
− | .w3- | + | .w3-bar,h1,button {font-family: "Montserrat", sans-serif} |
− | . | + | .fa-anchor,.fa-coffee {font-size:200px} |
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</style> | </style> | ||
− | <body | + | <body> |
− | <!-- | + | <!-- Navbar --> |
− | < | + | <div class="w3-top"> |
− | + | <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="#banner" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">BANNER</a> | |
− | + | <a href="#biosafety" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">BIOSAFETY</a> | |
− | + | <a href="#equipmnet" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">EQUIPMENT</a> | |
− | + | <a href="#supportors" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">SUPPORTORS</a> | |
− | </ | + | <a href="#contacts" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">CONTACTS</a> |
− | <!-- | + | </div> |
− | < | + | |
− | + | <!-- Navbar on small screens --> | |
− | + | <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large"> | |
+ | <a href="#mentor" class="w3-bar-item w3-button w3-padding-large">MENTOR</a> | ||
+ | <a href="#members" class="w3-bar-item w3-button w3-padding-large">MEMBERS</a> | ||
+ | <a href="#banner" class="w3-bar-item w3-button w3-padding-large">BANNER</a> | ||
+ | <a href="#biosafety" class="w3-bar-item w3-button w3-padding-large">BIOSAFETY</a> | ||
+ | <a href="#equipmnet" class="w3-bar-item w3-button w3-padding-large">EQUIPMENT</a> | ||
+ | <a href="#supportors" class="w3-bar-item w3-button w3-padding-large">SUPPORTS</a> | ||
+ | <a href="#contacts" class="w3-bar-item w3-button w3-padding-large">CONTACTS</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Header --> | ||
+ | <header class="w3-container w3-red w3-center" style="padding:128px 16px"> | ||
+ | <h1 class="w3-margin w3-jumbo">METHUNGENY</h1> | ||
</header> | </header> | ||
− | <!-- | + | <!-- About --> |
− | <div class="w3- | + | <div class="w3-row-padding w3-padding-64 w3-container"> |
+ | <div class="w3-content"> | ||
+ | <div class="w3-twothird"> | ||
+ | <h1>About Us</h1> | ||
+ | <h5 class="w3-padding-32">We are a group of students from Miklos Radnoti Experimental High School in Szeged, Hungary. We are developing a methane biosensor by using genetically modified bacteria, thus providing an alternative method, more efficient than current methane detection technologies. Currently we are 10 students and a Mentor working on the project. We are planning to participate at the iGEM competition at MIT. Methane Sensor:Methane is the second most emitted greenhouse gas with its 10% part in the whole greenhouse gas emission. Our product would serve as an alternative to the existing infrared Methane Biosensors mostly in: industrial production (e.g. to help prevent accidents caused by mine explosions); indoor air quality supervision mainly in developing countries where households are heated by biogas plants; the exploration of yet unknown natural methane sources (e.g. in swamps). In our project we would like to develope a Methane Biosensor. The sensor itself would be a transformed Bacteria. Our system is quite basic: if there is methane (or any it's aldehyde) in the bacteria's immediate enviroment, the borth of the bacteria is going to manifast a basic color change. </h5> | ||
− | < | + | <p class="w3-text-grey">mail: methungeny@gmail.com </p> |
− | <div class="w3- | + | <p class="w3-text-grey">tel: 62-548-937</p> |
+ | </div> | ||
+ | |||
+ | <div class="w3-third w3-center"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/c/c9/Logo.png" alt="Logo" class="w3-image w3-padding-32" width="300" height="350"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Mentor--> | ||
+ | <div class="w3-row-padding w3-light-grey w3-padding-64 w3-container"> | ||
+ | <div class="w3-content"> | ||
+ | <div class="w3-third "> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/56/Ban.jpg" alt="Mentor" class="w3-image w3-padding-32" width="300" height="350"> | ||
+ | </div> | ||
+ | |||
+ | <div class="w3-twothird" id="mentor"> | ||
+ | <h1>Our Mentor</h1> | ||
+ | <h5 class="w3-padding-32"><strong>Sándor Bán:</strong><br> | ||
+ | |||
+ | "As a teacher of Biology my main purpose is to ensure an appropriately planned and organized Biology knowledge for every pupil. As a Head of Science Laboratory or Science Department my most important goal is to enhance the cooperative work of science teachers in order to carry out a well prepared Science Education for every pupil of the school / school district. I have chosen iGEM HS competition for my students because they can do science as a team work and because through this project they can have impression on how cutting edge science works nowadays" </h5> | ||
+ | |||
+ | <p class="w3-text-grey">mail: bans@rmg.sulinet.hu</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <!--MEMBERS--> | |
− | + | <div class="w3-row-padding w3-padding-64 w3-container"> | |
− | + | <div class="w3-content"> | |
− | + | <div class="w3-twothird" id="members"> | |
+ | <h1>Our Members</h1> | ||
<div align="center"> | <div align="center"> | ||
<table width='540' cellspacing="10px" cellpadding="10px"> | <table width='540' cellspacing="10px" cellpadding="10px"> | ||
Line 84: | Line 117: | ||
</table> | </table> | ||
</div> | </div> | ||
− | + | <div class="w3-container w3-black w3-center w3-opacity w3-padding-64"> | |
− | + | <h1 class="w3-margin w3-xlarge">Hungary's only official igem team!</h1> | |
− | + | </div> | |
+ | </div> | ||
+ | <!-- Modal for full size images on click--> | ||
<div id="modal01" class="w3-modal w3-black" style="padding-top:0" onclick="this.style.display='none'"> | <div id="modal01" class="w3-modal w3-black" style="padding-top:0" onclick="this.style.display='none'"> | ||
<span class="w3-button w3-black w3-xlarge w3-display-topright">×</span> | <span class="w3-button w3-black w3-xlarge w3-display-topright">×</span> | ||
Line 94: | Line 129: | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Footer --> | ||
+ | <footer class="w3-container w3-padding-64 w3-center w3-opacity"> | ||
+ | <div class="w3-xlarge w3-padding-32"> | ||
+ | <i class="fa fa-facebook-official w3-hover-opacity"></i> | ||
+ | <i class="fa fa-instagram w3-hover-opacity"></i> | ||
+ | <i class="fa fa-snapchat w3-hover-opacity"></i> | ||
+ | <i class="fa fa-pinterest-p w3-hover-opacity"></i> | ||
+ | <i class="fa fa-twitter w3-hover-opacity"></i> | ||
+ | <i class="fa fa-linkedin w3-hover-opacity"></i> | ||
+ | </div> | ||
+ | <p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p> | ||
+ | </footer> | ||
<script> | <script> | ||
− | // | + | // Used to toggle the menu on small screens when clicking on the menu button |
− | function | + | function myFunction() { |
− | document.getElementById(" | + | var x = document.getElementById("navDemo"); |
− | + | if (x.className.indexOf("w3-show") == -1) { | |
− | } | + | x.className += " w3-show"; |
− | + | } else { | |
− | + | x.className = x.className.replace(" w3-show", ""); | |
− | + | ||
− | + | ||
− | + | ||
+ | } | ||
+ | |||
+ | } | ||
+ | // Script to open and close sidebar | ||
// Modal Image Gallery | // Modal Image Gallery | ||
function onClick(element) { | function onClick(element) { | ||
Line 272: | Line 165: | ||
captionText.innerHTML = element.alt; | captionText.innerHTML = element.alt; | ||
} | } | ||
+ | </script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 13:35, 12 July 2017
METHUNGENY
About Us
We are a group of students from Miklos Radnoti Experimental High School in Szeged, Hungary. We are developing a methane biosensor by using genetically modified bacteria, thus providing an alternative method, more efficient than current methane detection technologies. Currently we are 10 students and a Mentor working on the project. We are planning to participate at the iGEM competition at MIT. Methane Sensor:Methane is the second most emitted greenhouse gas with its 10% part in the whole greenhouse gas emission. Our product would serve as an alternative to the existing infrared Methane Biosensors mostly in: industrial production (e.g. to help prevent accidents caused by mine explosions); indoor air quality supervision mainly in developing countries where households are heated by biogas plants; the exploration of yet unknown natural methane sources (e.g. in swamps). In our project we would like to develope a Methane Biosensor. The sensor itself would be a transformed Bacteria. Our system is quite basic: if there is methane (or any it's aldehyde) in the bacteria's immediate enviroment, the borth of the bacteria is going to manifast a basic color change.
mail: methungeny@gmail.com
tel: 62-548-937
Our Mentor
Sándor Bán:
"As a teacher of Biology my main purpose is to ensure an appropriately planned and organized Biology knowledge for every pupil. As a Head of Science Laboratory or Science Department my most important goal is to enhance the cooperative work of science teachers in order to carry out a well prepared Science Education for every pupil of the school / school district. I have chosen iGEM HS competition for my students because they can do science as a team work and because through this project they can have impression on how cutting edge science works nowadays"
mail: bans@rmg.sulinet.hu